.photo-viewer-backdrop{z-index:60;background:var(--cinema-background);position:fixed;inset:0}.photo-viewer{z-index:61;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));color:var(--cinema-snow);background:var(--cinema-background);overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;position:fixed;inset:0}.photo-viewer header,.photo-viewer footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.photo-viewer header{justify-content:space-between}.photo-viewer h2{font-family:var(--font-editorial);font-size:22px}.photo-viewer-stage{touch-action:pan-y;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.photo-viewer-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.photo-viewer button{color:var(--cinema-snow);border-color:var(--cinema-border);background:var(--cinema-background);min-width:44px;min-height:44px}.photo-viewer button:hover{color:var(--cinema-gold);background:var(--cinema-glass)}.photo-viewer-prev,.photo-viewer-next{position:absolute;top:50%;transform:translateY(-50%)}.photo-viewer-prev{left:0}.photo-viewer-next{right:0}.photo-gallery-open{background:0 0;border-radius:0;width:100%;height:auto;padding:0;display:block}.photo-gallery-open:focus-visible{outline:2px solid var(--cinema-gold);outline-offset:-3px}.photo-gallery-backup{color:var(--cinema-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.photo-gallery-backup button{border-color:var(--cinema-border);color:var(--cinema-snow);background:var(--cinema-glass)}.photo-storage-notice{color:var(--cinema-muted);margin-top:10px;font-size:11px;line-height:1.6}.video-recorder{z-index:61;background:var(--cinema-background);color:var(--cinema-snow);padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:16px;display:grid;position:fixed;inset:0}.video-recorder header{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-recorder h2{font-family:var(--font-editorial);font-size:24px}.video-recorder header p{color:var(--cinema-muted);font-size:13px}.video-recorder-stage{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.video-recorder-stage canvas,.video-recorder-stage video{object-fit:contain;max-width:100%;max-height:100%}.video-recorder .video-recorder-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.video-recorder footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.video-recorder button{min-height:44px;color:var(--cinema-snow);background:var(--cinema-glass);border-color:var(--cinema-border)}.video-recorder footer p{text-align:center;flex-basis:100%}.video-recorder-stage p{align-items:center;gap:8px;display:flex}