body.image-viewer-open{overflow:hidden}dialog.image-viewer{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1400px,calc(100% - 24px));height:calc(100dvh - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper);overflow:hidden;overscroll-behavior:contain}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:#26231fcc}.image-viewer-toolbar{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;padding:12px;border-bottom:1px solid var(--line);background:var(--paper)}.image-viewer-toolbar h2{margin:0;padding:8px 0;min-width:0;font:600 calc(19px * var(--text-scale, 1))/1.5 "Noto Sans TC","Microsoft JhengHei",sans-serif;overflow-wrap:anywhere}.image-viewer-toolbar button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--primary);border-radius:3px;color:var(--ink);background:var(--surface);font:500 calc(17px * var(--text-scale, 1))/1.5 "Noto Sans TC","Microsoft JhengHei",sans-serif;cursor:pointer;touch-action:manipulation}.image-viewer-toolbar .image-viewer-close{grid-column:2;grid-row:1;background:var(--primary);white-space:nowrap}.image-viewer-toolbar .image-viewer-zoom{grid-column:1/-1;justify-self:start}.image-viewer-toolbar button:hover{background:var(--line)}.image-viewer-toolbar button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.image-viewer-toolbar button:disabled{opacity:.6;cursor:wait}.image-viewer-close .icon{width:20px;height:20px;flex:0 0 20px}.image-viewer-stage{position:relative;flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--surface)}.image-viewer-stage img{display:block;margin:0 auto;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.image-viewer-stage img[hidden]{display:none}.image-viewer-stage.is-zoomed img{height:auto;margin:0}.image-viewer-stage.is-zoomed{cursor:grab;touch-action:pan-x pan-y pinch-zoom}.image-viewer-stage.is-dragging{cursor:grabbing}.image-viewer-stage img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.image-viewer-status{position:absolute;inset:20px 16px auto;margin:0;text-align:center;font-size:calc(18px * var(--text-scale, 1))}.image-viewer-status:empty{display:none}@media(max-width:700px),(max-height:500px){dialog.image-viewer{width:100%;height:100dvh;max-width:100%;max-height:100dvh;border:0;border-radius:0}.image-viewer-toolbar{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.image-viewer-stage{margin-bottom:env(safe-area-inset-bottom)}}