.gallery-page{height:100vh;height:100svh;padding-top:70px;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#f2f2ee;overflow:hidden}
.gallery-header{background:#f2f2ee}
.spread-viewer{min-height:0;padding:22px var(--pad)}
.spread-image-button{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:e-resize}
.spread-image{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.spread-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:10px var(--pad);background:#f8f8f5;border-top:1px solid rgba(0,0,0,.12)}
.spread-info h1{margin:0;font:inherit;text-decoration:underline;text-underline-offset:2px}
.spread-info p{margin:6px 0 0;font-size:11px;color:var(--nav-muted)}
.spread-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.spread-controls button{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;font-size:20px}
.spread-full-size{display:flex;align-items:center;min-height:44px;margin-right:12px;font-size:11px;text-decoration:underline;text-underline-offset:2px}
.spread-status{min-width:72px;margin:0;text-align:center;font-variant-numeric:tabular-nums}
.spread-status span{display:block}
.spread-pages{margin-top:5px;font-size:11px;color:var(--nav-muted)}
.spread-controls button:hover,.spread-full-size:hover{color:var(--accent-deep)}
.spread-image-button:focus-visible,.spread-controls button:focus-visible,.spread-full-size:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
@media(max-width:760px){.gallery-page{padding-top:70px}.spread-viewer{padding:12px}.spread-toolbar{align-items:stretch;flex-direction:column;gap:6px;padding:12px 15px}.spread-info h1{font-size:12.7px;line-height:1.3}.spread-controls{justify-content:flex-end;gap:6px}.spread-full-size{margin-right:auto}.spread-info p{margin-top:4px}}