.image-viewer-trigger{cursor:zoom-in}
.image-viewer-trigger:focus-visible{outline:3px solid #31bdb3;outline-offset:4px}
html .image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#f3f6f2;background:rgba(9,18,23,.95);font-family:inherit;overscroll-behavior:contain}
.image-viewer::backdrop{background:rgba(0,0,0,.8)}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid #ffffff25;font-size:14px}
.image-viewer-tools{display:flex;align-items:center;gap:8px}
.image-viewer button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:#ffffff0d;color:#f3f6f2;border:1px solid #ffffff40;border-radius:3px;font:inherit;font-size:14px;cursor:pointer}
.image-viewer button[data-action=plus],.image-viewer button[data-action=minus],.image-viewer button[data-action=close]{font-size:24px}
.image-viewer button:hover{background:#ffffff22}.image-viewer button:focus-visible{outline:2px solid #6ee7d9;outline-offset:3px}.image-viewer button:disabled{opacity:.35;cursor:default}
.image-viewer-stage{overflow:auto;min-height:0;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.image-viewer-canvas{display:grid;place-items:center;box-sizing:border-box;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:20px}
.image-viewer .image-viewer-image{display:block;max-width:none!important;max-height:none!important;object-fit:contain;aspect-ratio:auto;margin:0;background:#fff;cursor:default;border:0}
.image-viewer .image-viewer-image[hidden]{display:none}
.image-viewer-footer{padding:10px max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom));text-align:center;border-top:1px solid #ffffff25;max-height:20dvh;overflow:auto}
.image-viewer-footer p{font-size:14px;line-height:1.5;color:#e2e9e8;margin:0 0 4px;max-width:85ch;margin-inline:auto}
.image-viewer-footer p:empty{display:none}.image-viewer-footer small{font-size:12px;color:#a9bdbb}
@media(max-width:480px){.image-viewer-toolbar>span{display:none}.image-viewer-toolbar{justify-content:flex-end;padding:8px 12px}.image-viewer-footer{max-height:16dvh}}