.sou-site .site-image-viewer{width:min(96vw,100rem);height:min(92vh,64rem);height:min(92dvh,64rem);max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);margin:auto;padding:0;border:1px solid var(--border-control);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 1rem 5rem #0006;overflow:hidden}
.sou-site .site-image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.sou-site .site-image-viewer::backdrop{background:#000c}
.sou-site .site-image-viewer [hidden]{display:none!important}
.sou-site .image-viewer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);min-width:0}
.sou-site .image-viewer-heading>div{min-width:0}
.sou-site .image-viewer-heading h2{font-size:1rem;line-height:1.4;margin:0 0 .25rem}
.sou-site .image-viewer-caption{font-size:.8125rem;line-height:1.5;margin:0;color:var(--secondary);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sou-site .image-viewer-heading>button{flex:none;min-height:2.75rem}
.sou-site .image-viewer-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;background:var(--brand-surface);padding:1rem;position:relative;touch-action:pan-y pinch-zoom}
.sou-site .image-viewer-stage>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex:0 1 auto;margin:0;user-select:none}
.sou-site .site-image-viewer.is-original .image-viewer-stage{display:block;touch-action:auto}
.sou-site .site-image-viewer.is-original .image-viewer-stage>img{max-width:none;max-height:none;max-inline-size:none;width:auto;height:auto;margin:0 auto}
.sou-site .image-viewer-message{color:var(--brand-text);text-align:center;line-height:1.6;margin:1rem;max-width:40rem}
.sou-site .image-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle)}
.sou-site .image-viewer-toolbar nav{display:flex;align-items:center;gap:.5rem;min-width:0}
.sou-site .image-viewer-toolbar button{min-width:2.75rem;min-height:2.75rem}
.sou-site [data-image-count]{font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:center;min-width:6rem}
.sou-site button.site-image-trigger{display:block;width:100%;padding:0;min-height:0;border:0;background:transparent;border-radius:var(--radius);overflow:hidden;cursor:zoom-in;text-align:left;color:inherit;font:inherit}
.sou-site button.site-image-trigger:hover:enabled{background:transparent}
.sou-site a.site-image-trigger{cursor:zoom-in}
.sou-site .site-image-trigger:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}
.sou-site :is(.market-cover,.creator-media-card):focus-within{outline:2px solid var(--accent-ink);outline-offset:4px}
.sou-site .site-image-trigger>img{display:block;max-width:100%}
html.site-image-modal-open{overflow:hidden}
@media(max-width:600px){.sou-site .site-image-viewer{width:calc(100vw - 1rem);height:calc(100vh - 1rem);height:calc(100dvh - 1rem)}.sou-site .image-viewer-heading{padding:.75rem;gap:.5rem}.sou-site .image-viewer-heading>button{width:2.75rem;padding:.5rem}.sou-site .image-viewer-heading>button>span{display:none}.sou-site .image-viewer-stage{padding:.5rem}.sou-site .image-viewer-toolbar{padding:.5rem;gap:.5rem}.sou-site .image-viewer-toolbar nav{gap:.25rem}.sou-site [data-image-count]{min-width:5rem;font-size:.75rem}}
@media(forced-colors:active){.sou-site .site-image-viewer{border-color:CanvasText}.sou-site .image-viewer-stage{background:Canvas}.sou-site .image-viewer-message{color:CanvasText}}