/* One quiet, accessible image viewer across the four collections. */
.preview-surface{position:relative}
.preview-trigger{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff;cursor:zoom-in!important}
.preview-trigger>span{position:absolute;right:12px;bottom:12px;padding:8px 11px;border:1px solid #ffffff50;border-radius:6px;background:#101118e8;color:#fff;font:500 10px/1.3 'Inter',sans-serif;opacity:0;transition:opacity .18s}
.preview-surface:hover>.preview-trigger>span,.preview-trigger:focus-visible>span{opacity:1}
.preview-trigger:focus-visible{outline:2px solid #167bff;outline-offset:-4px}
.preview-trigger-inline{cursor:zoom-in!important}
html.media-preview-open,html.media-preview-open body{overflow:hidden!important}
dialog.media-preview{position:fixed;inset:0;margin:auto;padding:12px;box-sizing:border-box;border:1px solid #ffffff38;border-radius:14px;background:#171920;color:#f8f5f0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:max-content;height:max-content;overflow:auto;box-shadow:0 24px 100px #0009;font-family:'Inter',sans-serif;cursor:auto!important}
dialog.media-preview:not([open]){display:none}
.media-preview::backdrop{background:#080a10dc}
.media-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;margin-bottom:10px}
.media-preview-title{font:500 12px/1.5 'Inter',sans-serif;letter-spacing:0;margin:0;max-width:calc(100% - 70px);overflow-wrap:anywhere}
.media-preview-close{flex-shrink:0;min-width:60px;min-height:40px;padding:8px 12px;border:1px solid #ffffff40;border-radius:6px;color:#f8f5f0;background:transparent;font:500 12px 'Inter',sans-serif;cursor:pointer!important}
.media-preview-close:hover{background:#ffffff14}
.media-preview-stage{width:var(--preview-width);height:var(--preview-height);max-width:100%;background:var(--preview-bg,#101118);border-radius:5px;overflow:hidden;display:grid;place-items:center}
.media-preview-stage>img,.media-preview-stage>video{display:block;grid-area:1/1;width:100%;height:100%;object-fit:contain;border:0}
.media-preview [hidden]{display:none!important}
.media-preview-status{margin:9px 0 0;font:400 11px/1.5 'Inter',sans-serif;color:#c3c8d2;max-width:var(--preview-width)}
.media-preview-status:empty{display:none}
.media-preview :focus-visible{outline:2px solid #75aaff;outline-offset:3px}
@media(max-width:600px){dialog.media-preview{padding:10px;border-radius:10px}.media-preview-title{font-size:11px}.media-preview-bar{gap:12px}.preview-trigger>span{right:6px;bottom:6px;padding:6px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.preview-trigger>span{transition:none}}