a.image-viewer-trigger{cursor:zoom-in}a.image-viewer-trigger:focus-visible{outline:2px solid var(--cyan,#35e7c5);outline-offset:5px}
dialog.image-viewer{box-sizing:border-box;width:min(1200px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);padding:18px;border:1px solid #526c82;color:#edf5fc;background:rgba(8,20,33,.72);overflow:auto;overscroll-behavior:contain}
.image-viewer::backdrop{background:rgba(1,7,14,.2);backdrop-filter:none}.image-viewer-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.image-viewer-toolbar button{padding:10px 14px;border:1px solid #60778c;color:#edf5fc;background:rgba(8,20,33,.65);font:600 12px/1.4 var(--mono,monospace);cursor:pointer}.image-viewer-toolbar button:hover{border-color:var(--cyan,#35e7c5)}.image-viewer-toolbar [hidden]{display:none}.image-viewer-toolbar span{font:12px/1.4 var(--mono,monospace);margin-right:auto}.image-viewer :is(button,a,.image-viewer-stage):focus-visible{outline:2px solid var(--cyan,#35e7c5);outline-offset:3px}
.image-viewer-stage{max-height:65dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y pinch-zoom}.image-viewer-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:65dvh;object-fit:contain;margin-inline:auto}.image-viewer-natural .image-viewer-stage img{max-width:none;max-height:none;margin:0}.image-viewer>p{font-size:13px;line-height:1.6;color:#c4d3df;margin:14px 0 8px}.image-viewer>a{display:inline-flex;align-items:center;min-height:40px;color:var(--cyan,#35e7c5);font-size:13px}
@media(max-width:620px){dialog.image-viewer{padding:12px;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.image-viewer-toolbar{gap:6px}.image-viewer-toolbar button{min-height:44px;padding:8px}.image-viewer-stage,.image-viewer-stage img{max-height:57dvh}}