/* A photographic contact sheet exposes the existing first frame. All changes
   follow completed frame packs; there is no full-screen flash or idle loop. */
.pov-exposure[hidden]{display:none!important}
.pov-exposure{position:absolute;inset:0;z-index:6;overflow:hidden;color:#f2f1e7;pointer-events:none}
.pov-exposure-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}
.pov-exposure-tiles i{background:#10110e;opacity:1;transition:opacity .75s ease}
.pov-exposure-tiles i.is-exposed{opacity:0}
.pov-exposure-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 24px 94px;text-align:center;background:radial-gradient(ellipse at center,#0c0e0bc9 0,transparent 68%)}
.pov-camera{position:relative;width:clamp(168px,24svh,240px);aspect-ratio:1;flex:none;transform-origin:50% 65%;transition:transform 1.2s cubic-bezier(.22,1,.36,1);isolation:isolate}
.pov-camera img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 12px #0006)}
/* Glint is aligned with the render's actual diffuser, never a page-wide flash. */
.pov-speedlight{position:absolute;left:54%;top:13%;width:58%;aspect-ratio:1.25;transform:scale(.72);opacity:0;translate:-50% -50%;pointer-events:none;background:radial-gradient(ellipse,#fff9db 0,#fff9dbb3 7%,#eee6ad66 22%,#eee6ad00 68%);border-radius:50%;mix-blend-mode:screen}
.pov-exposure-status{font:400 clamp(20px,3vw,32px)/1.35 Bodoni,Georgia,serif;margin:0;text-wrap:balance;max-width:22ch}
.pov-exposure-meta{display:flex;align-items:center;gap:14px;font:400 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.pov-exposure progress{appearance:none;width:100px;height:2px;border:0;background:#f2f1e733;color:#ddd7a5}
.pov-exposure progress::-webkit-progress-bar{background:#f2f1e733}
.pov-exposure progress::-webkit-progress-value{background:#ddd7a5}
.pov-exposure progress::-moz-progress-bar{background:#ddd7a5}
.pov-exposure-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;pointer-events:auto;margin-top:8px}
.pov-exposure-actions button{font:400 13px/1.6 Manrope,Arial,sans-serif;min-height:44px;padding:10px 14px;background:#11130fde;border:1px solid #f2f1e74a;color:#f2f1e7;border-radius:0}
.pov-exposure-actions button:focus-visible{outline:2px solid #ddd7a5!important;outline-offset:4px}
.pov-exposure-actions [hidden]{display:none!important}
.pov-journey.is-preparing .pov-top,.pov-journey.is-preparing .pov-foot{opacity:0!important}
.pov-journey.is-preparing .pov-skip{visibility:hidden}
html[dir=rtl] .pov-exposure-status{font-family:Tahoma,Arial,sans-serif;line-height:1.7;letter-spacing:0}
@media(max-width:700px){.pov-camera{width:clamp(130px,25svh,190px)}.pov-exposure-panel{gap:12px;padding:48px 22px 66px}.pov-exposure-status{font-size:24px;max-width:19ch}.pov-exposure-tiles{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr)}}
@media(max-height:430px){.pov-exposure-panel{gap:6px;padding:24px 22px 46px}.pov-camera{width:84px}.pov-exposure-status{font-size:20px}.pov-exposure-actions{margin:0}}
@media(prefers-reduced-motion:reduce){.pov-exposure{display:none!important}.pov-exposure-tiles i,.pov-camera{transition:none}.pov-speedlight{display:none!important}}
