body.image-viewer-open{overflow:hidden}
dialog.image-viewer{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid var(--line,#d9d5c9);border-radius:8px;background:var(--surface,#faf8f0);color:var(--ink,#20201c);overflow:hidden}
dialog.image-viewer[open]{display:flex;flex-direction:column}
.image-viewer::backdrop{background:#090b0ed9;backdrop-filter:none}
.image-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line,#d9d5c9);flex-shrink:0}
.image-viewer-header h2{font:600 16px/1.4 var(--sans,sans-serif);letter-spacing:0;padding:0;margin:0 0 4px}.image-viewer-header p{font-size:12px;color:var(--muted,#65655e);margin:0}.image-viewer-close{background:none;border:1px solid var(--line,#d9d5c9);padding:8px 13px;cursor:pointer;color:inherit}
.image-viewer-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px 22px;font-size:12px;flex-shrink:0}.image-viewer-toolbar button{border:1px solid var(--line,#d9d5c9);background:none;color:inherit;padding:8px 12px;cursor:pointer;font:inherit}.image-viewer-toolbar button:hover{border-color:var(--accent,#e7492b)}.image-zoom-controls{display:flex;align-items:center;gap:0}.image-zoom-controls button{font-size:17px;line-height:17px}.image-zoom-controls output{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}.image-viewer-toolbar a{color:inherit;margin-left:auto}
.image-viewer-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#171a20;padding:16px;cursor:grab;touch-action:pan-x pan-y}.image-viewer-stage.dragging{cursor:grabbing}.image-viewer-stage img{display:block;margin:auto;max-width:none;height:auto!important;transform:none!important;filter:none;image-rendering:auto;user-select:none}
.image-viewer-help{margin:0;padding:10px 22px;font-size:12px;color:var(--muted,#65655e);border-top:1px solid var(--line,#d9d5c9);flex-shrink:0}
@media(max-width:600px){dialog.image-viewer{width:100vw;height:100dvh;margin:0;border-radius:0;border:0}.image-viewer-header{padding:14px 16px;gap:10px}.image-viewer-header h2{font-size:14px}.image-viewer-toolbar{padding:10px 16px;gap:7px}.image-viewer-toolbar button{padding:8px 10px}.image-viewer-toolbar a{margin-left:0}.image-viewer-help{padding:10px 16px}.image-viewer-stage{padding:10px}}