.drawing-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.drawing-search{align-self:start;position:sticky;top:12px}.drawing-search input{width:100%;margin-top:8px}.drawing-search #drawing-results{max-height:70vh;overflow:auto}.drawing-result{display:block;width:100%;text-align:left;margin:6px 0;padding:10px;white-space:normal;border-color:#d6e4ea;background:#f5f9fb}.drawing-result small{display:block;margin-top:6px;color:#536875}.drawing-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.drawing-toolbar input{width:75px}.drawing-reader img{width:100%;height:auto;border:1px solid #d6e4ea}.drawing-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px}@media(max-width:900px){.drawing-layout{grid-template-columns:1fr}.drawing-search{position:static}.drawing-search #drawing-results{max-height:280px}}
/* Display at 56% of original width (80% reduced a further 30%); reserve both sides for paging. */
.drawing-reader{min-width:0}
.drawing-page-stage{display:grid;grid-template-columns:22% 56% 22%;align-items:stretch}
.drawing-page-stage #drawing-full{display:block;min-width:0;align-self:start}
.drawing-page-stage #drawing-image{display:block;box-sizing:border-box}
.drawing-arrow-rail{display:flex;flex-direction:column;align-items:center;min-width:0;padding-top:24px}
.drawing-page-arrow{position:sticky;top:40vh;display:flex;align-items:center;justify-content:center;width:44px;max-width:100%;height:56px;padding:0;border:1px solid #b8cfdc;border-radius:12px;background:#eaf3f8;color:#185975;font:36px/1 sans-serif;cursor:pointer;box-shadow:0 2px 6px #183e5014}
.drawing-page-arrow:hover:not(:disabled){background:#d5e9f2;border-color:#2584a8}
.drawing-page-arrow:focus-visible{outline:3px solid #2584a8;outline-offset:2px}
.drawing-page-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}

.drawing-arrow-rail:first-child{align-items:flex-end;padding-right:12px;box-sizing:border-box}
.drawing-arrow-rail:last-child{align-items:flex-start;padding-left:12px;box-sizing:border-box}