html.image-viewer-open{overflow:hidden}
.image-viewer-trigger{display:block;margin:8px 0 20px;padding:8px 14px;font:inherit;font-size:1rem;line-height:1.7;color:#a1513e;background:#fff;border:1px solid #ad5b43;border-radius:6px;cursor:pointer}
.image-viewer-trigger:focus-visible,.image-viewer button:focus-visible{outline:3px solid #a1513e;outline-offset:3px}
dialog.image-viewer{width:calc(100% - 24px);max-width:1100px;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #dfd8cb;border-radius:10px;background:#fff;color:#50525a;overflow:hidden}
dialog.image-viewer::backdrop{background:#302b26aa}
.image-viewer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:#fcfaf5;border-bottom:1px solid #dfd8cb}
.image-viewer button{font:inherit;font-size:1rem;line-height:1.7;cursor:pointer;border:1px solid #ad5b43;color:#a1513e;background:#fff;padding:8px 12px;border-radius:6px}
.image-viewer button:disabled{opacity:.5;cursor:default}
.image-viewer-scale{font-size:1rem;line-height:1.7}
.image-viewer-close{margin-inline-start:auto}
.image-viewer .image-viewer-hint{font-size:1rem;line-height:1.7;margin:0;padding:8px 12px}
.image-viewer-viewport{max-height:65dvh;overflow:auto;background:#fff;overscroll-behavior:contain;touch-action:auto}
.image-viewer .image-viewer-image{display:block;width:100%;max-width:none;height:auto;margin:0}
@media(max-width:600px){.image-viewer-toolbar{gap:6px;padding:10px}.image-viewer button{padding:8px 10px}}