.photo-preview-trigger{cursor:zoom-in;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.photo-preview-trigger:focus-visible{outline-offset:3px;outline:3px solid #f4b440}.photo-preview-dialog{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,3vw,32px);position:fixed;inset:0;overflow:auto}.photo-preview-dialog[open]{place-items:center;display:grid}.photo-preview-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712d9}.photo-preview-surface{background:#111827;border:1px solid #ffffff2e;border-radius:20px;width:fit-content;max-width:min(100%,1000px);overflow:hidden;box-shadow:0 24px 100px #0009}.photo-preview-surface>header{justify-content:space-between;align-items:center;gap:24px;padding:12px 16px;display:flex}.photo-preview-surface>header strong{overflow-wrap:anywhere;font-size:16px}.photo-preview-surface>header button{color:#fff;cursor:pointer;background:#243048;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2}.photo-preview-surface>img{object-fit:contain;background:#070b13;width:auto;min-width:min(60vw,360px);max-width:100%;height:auto;max-height:calc(100dvh - 130px);display:block}@media (max-width:600px){.photo-preview-surface{border-radius:16px;width:100%}.photo-preview-surface>img{width:100%;min-width:0;max-height:calc(100dvh - 110px)}}