html.viewer-open{scroll-snap-type:none;scroll-behavior:auto}
body.viewer-open{overflow:hidden}
#image-viewer{padding:0;border:0;background:#191918;color:white;width:calc(100vw - 32px);max-width:1800px;max-height:calc(100dvh - 32px);overflow:auto}
#image-viewer::backdrop{background:#000d}
#image-viewer .viewer-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;position:sticky;top:0;background:#191918;z-index:1}
#image-viewer h2{font:16px system-ui,sans-serif;margin:0 auto 0 0}
#image-viewer a{color:white;font-size:14px}
#image-viewer button{background:#33332f;color:white;border:1px solid #777;padding:9px 14px;font:14px system-ui,sans-serif;cursor:pointer}
#image-viewer button:disabled{opacity:.35}
#image-viewer .viewer-stage{padding:0 20px 20px;text-align:center;min-height:120px}
#image-viewer .viewer-stage img{max-width:100%;height:auto;max-height:75dvh;object-fit:contain;display:block;margin:auto;cursor:zoom-in}
#image-viewer .viewer-stage img[hidden]{display:none}
#image-viewer .viewer-stage[aria-busy=true]::before{content:'이미지를 불러오는 중…';display:block;padding:40px;color:#ddd}
#image-viewer .viewer-stage.is-zoomed{overflow:auto;max-height:75dvh}
#image-viewer .viewer-stage.is-zoomed img{max-width:none;max-height:none;cursor:zoom-out}
#image-viewer .viewer-navigation{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 20px 20px}