/* The whole poster remains visible at 100%; increasing its actual width enables native panning. */
.poster-zoom-viewport{height:clamp(420px,65vh,760px);width:100%;overflow:auto;overscroll-behavior:contain;position:relative;touch-action:pan-x pan-y pinch-zoom;scrollbar-gutter:stable;background:rgba(255,255,255,.12);border:1px solid rgba(32,41,36,.2);padding:16px;outline-offset:3px}
.poster-zoom-viewport .poster-zoom-content{margin:0 auto;max-width:none;flex-shrink:0;position:relative;user-select:none}
.poster-zoom-content>svg,.poster-zoom-content>img{display:block;width:100%;height:auto;max-width:none}
.poster-zoom-viewport.is-magnified{cursor:grab}
.poster-zoom-viewport.is-dragging{cursor:grabbing}
.preview-zoom-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.preview-zoom-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #89998a;background:#f5f2eb;color:#202924;font:inherit}
.preview-zoom-controls button:disabled{opacity:.4;cursor:default}
.preview-zoom-controls output{min-width:68px;text-align:center;font-variant-numeric:tabular-nums;font-size:14px}
.preview-zoom-hint{font-size:12px;line-height:1.5;color:#526252;text-align:center;margin:0 0 14px}
@media(max-width:600px){.poster-zoom-viewport{height:clamp(420px,62svh,600px)}.preview-zoom-controls{gap:6px}.preview-zoom-controls button{font-size:13px}}