html.photo-viewer-open{overflow:hidden}
dialog.photo-viewer{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#080c0f;color:#f4f2eb;box-shadow:none;overflow:hidden;overscroll-behavior:contain}
dialog.photo-viewer[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
dialog.photo-viewer::backdrop{background:#080c0f;backdrop-filter:none}
.photo-viewer-stage{position:relative;min-width:0;min-height:0;touch-action:pan-y pinch-zoom;user-select:none}
.photo-viewer-image-frame{width:100%;height:100%}
.photo-viewer-image-frame img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}
.photo-viewer-status{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:24px;text-align:center;color:#f4f2eb;font-size:1rem;line-height:1.5}
.photo-viewer-toolbar{display:grid;grid-template-columns:minmax(34px,auto) 44px minmax(72px,1fr) 44px 44px;align-items:center;gap:6px;width:min(100%,540px);margin:0 auto;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));background:#080c0f}
.photo-viewer-count{margin:0;text-align:center;font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e3e4df}
.photo-viewer-toolbar button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;border:1px solid #778086;border-radius:5px;background:#202a30;color:#f4f2eb;font-size:1.25rem;line-height:1;transition:background-color .15s}
.photo-viewer-toolbar [data-photo-action=play]{font-size:.9375rem;white-space:nowrap}
.photo-viewer-toolbar button:hover{background:#34454e;color:#fff}
.photo-viewer-toolbar button:focus-visible{outline:3px solid #e4bb73;outline-offset:2px}
.photo-viewer-toolbar button:disabled{opacity:.45}
.photo-viewer-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(prefers-reduced-motion:reduce){.photo-viewer-toolbar button{transition:none}}