.photo-scene{--scene-ink:var(--mark-soft-foreground);--scene-lit:var(--mark-cyan-soft);--scene-card:#fff;--scene-ease:cubic-bezier(.2, .8, .2, 1);pointer-events:none;position:absolute;inset:0;container-type:inline-size}@supports (color:lab(0% 0 0)){.photo-scene{--scene-card:lab(100% 0 0)}}.photo-scene-stage{color:var(--scene-ink);font-size:clamp(11px,3.5cqi,13px);font-weight:500;line-height:1.3;position:absolute;inset:0}.photo-scene-sweep{inset-block:0;opacity:0;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--scene-lit) 10%, transparent) 38%, #ffffff61 49%, color-mix(in oklab, var(--scene-lit) 22%, transparent) 52%, color-mix(in oklab, var(--scene-lit) 8%, transparent) 68%, transparent);width:18%;position:absolute;left:0}@supports (color:lab(0% 0 0)){.photo-scene-sweep{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--scene-lit) 10%, transparent) 38%, lab(100% -.0000298023 .0000119209/.38) 49%, color-mix(in oklab, var(--scene-lit) 22%, transparent) 52%, color-mix(in oklab, var(--scene-lit) 8%, transparent) 68%, transparent)}}.photo-scene-zone{--zone-start:calc(.2s + var(--i) * .45s);--zone-lit:calc(var(--zone-start) + 1s);left:calc(var(--x) / 16 * 1%);top:calc(var(--y) / 10 * 1%);width:calc(var(--w) / 16 * 1%);height:calc(var(--h) / 10 * 1%);position:absolute}.photo-scene-zone-corner{z-index:1;opacity:0;border:0 solid var(--scene-lit);width:.8em;height:.8em;position:absolute}.photo-scene-zone-corner[data-corner=tl]{transform-origin:0 0;border-top-width:2px;border-left-width:2px;top:-.18em;left:-.18em}.photo-scene-zone-corner[data-corner=tr]{transform-origin:100% 0;border-top-width:2px;border-right-width:2px;top:-.18em;right:-.18em}.photo-scene-zone-corner[data-corner=br]{transform-origin:100% 100%;border-bottom-width:2px;border-right-width:2px;bottom:-.18em;right:-.18em}.photo-scene-zone-corner[data-corner=bl]{transform-origin:0 100%;border-bottom-width:2px;border-left-width:2px;bottom:-.18em;left:-.18em}.photo-scene-tint{opacity:0;background:color-mix(in oklab, var(--scene-lit) 10%, transparent);position:absolute;inset:0}.photo-scene-zone[data-stop] .photo-scene-tint{opacity:1}.photo-scene-edge{background:var(--scene-ink);position:absolute}.photo-scene-zone[data-stop] .photo-scene-edge{background:var(--scene-lit)}.photo-scene-edge[data-edge=top]{transform-origin:0;height:2.5px;top:0;left:0;right:0}.photo-scene-edge[data-edge=right]{transform-origin:top;width:2.5px;top:0;bottom:0;right:0}.photo-scene-edge[data-edge=bottom]{transform-origin:100%;height:2.5px;bottom:0;left:0;right:0}.photo-scene-edge[data-edge=left]{transform-origin:bottom;width:2.5px;top:0;bottom:0;left:0}.photo-scene-ping{opacity:0;border:2px solid var(--scene-lit);position:absolute;inset:0}.photo-scene-tag{white-space:nowrap;color:#fff;color:lab(100% 0 0);background:var(--scene-ink);gap:.4em;padding:.2em .55em .22em .45em;display:flex;position:absolute;top:0;left:0}.photo-scene-tag-n{color:var(--scene-lit);font-variant-numeric:tabular-nums}.photo-scene-zone[data-compact] .photo-scene-tag{white-space:normal;align-items:start;max-width:6.5em}.photo-scene-zone[data-compact] .photo-scene-tag-label{min-width:0;line-height:1.05}.photo-scene-zone[data-compact] .photo-scene-stop{top:3.1em}.photo-scene-stop{white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--scene-lit);transform-origin:0;border-radius:999px;align-items:center;gap:.35em;padding:.15em .6em .17em .45em;display:flex;position:absolute;top:2.05em;left:.35em}.photo-scene-stop-meter{flex:none;width:1.05em;height:1.05em;overflow:visible;transform:rotate(-90deg)}.photo-scene-stop-track,.photo-scene-stop-progress{fill:none;stroke-width:1.25px}.photo-scene-stop-track{stroke:color-mix(in oklab, var(--scene-ink) 22%, transparent)}.photo-scene-stop-progress{stroke:var(--scene-ink);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.photo-scene-stop-core{fill:var(--scene-ink)}.photo-scene-lens{left:calc(var(--x) / 16 * 1%);top:calc(var(--y) / 10 * 1%);position:absolute}.photo-scene-lens-ping,.photo-scene-lens-ring,.photo-scene-lens-dot{border-radius:999px;position:absolute;top:0;left:0;translate:-50% -50%}.photo-scene-lens-dot{background:var(--scene-lit);width:.55em;height:.55em;box-shadow:0 0 0 2px var(--scene-ink)}.photo-scene-lens-ring{border:2px solid var(--scene-lit);width:1.7em;height:1.7em}.photo-scene-lens-ping{opacity:0;border:2px solid var(--scene-lit);width:1.7em;height:1.7em}.photo-scene-transfer{opacity:.72;background:color-mix(in oklab, var(--scene-lit) 72%, var(--scene-ink));transform-origin:bottom;width:1px;height:7cqi;position:absolute;bottom:0;left:0;transform:translate(-50%)}.photo-scene-packet{opacity:0;border:1px solid var(--scene-ink);background:var(--scene-lit);border-radius:999px;width:.48em;height:.48em;position:absolute;top:-.22em;left:50%;transform:translate(-50%)}.photo-scene-rows{border:1px solid color-mix(in oklab, var(--scene-ink) 16%, transparent);background:var(--scene-card);transform-origin:10% 100%;border-radius:.7em;width:58%;padding:.5em .7em .55em;position:absolute;top:6%;right:4%;box-shadow:0 .4em 1.2em #1616162e;box-shadow:0 .4em 1.2em lab(7.22637% -.0000149012 0/.18)}.photo-scene-rows-title{color:color-mix(in oklab, var(--scene-ink) 62%, transparent);margin-bottom:.25em;font-size:.88em;font-weight:500}.photo-scene-row{white-space:nowrap;align-items:center;gap:.45em;display:flex}.photo-scene-row:before{content:"";background:var(--scene-lit);width:.5em;height:.5em;box-shadow:0 0 0 1px color-mix(in oklab, var(--scene-ink) 25%, transparent);border-radius:.12em;flex:none}@media screen and (prefers-reduced-motion:no-preference){.photo-scene[data-scene=armed] .photo-scene-edge[data-edge=top],.photo-scene[data-scene=armed] .photo-scene-edge[data-edge=bottom]{transform:scaleX(0)}.photo-scene[data-scene=armed] .photo-scene-edge[data-edge=right],.photo-scene[data-scene=armed] .photo-scene-edge[data-edge=left]{transform:scaleY(0)}.photo-scene[data-scene=armed] .photo-scene-tint,.photo-scene[data-scene=armed] .photo-scene-stop,.photo-scene[data-scene=armed] .photo-scene-lens-ping,.photo-scene[data-scene=armed] .photo-scene-lens-ring,.photo-scene[data-scene=armed] .photo-scene-lens-dot,.photo-scene[data-scene=armed] .photo-scene-transfer,.photo-scene[data-scene=armed] .photo-scene-rows,.photo-scene[data-scene=armed] .photo-scene-row{opacity:0}.photo-scene[data-scene=armed] .photo-scene-tag{clip-path:inset(0 100% 0 0)}.photo-scene[data-scene=armed] .photo-scene-zone[data-stop] .photo-scene-edge{background:var(--scene-ink)}.photo-scene[data-scene=armed] .photo-scene-stop-progress{stroke-dashoffset:1px}.photo-scene[data-scene=armed] .photo-scene-transfer{transform:translate(-50%)scaleY(0)}.photo-scene[data-scene=play] .photo-scene-sweep{animation:1.15s cubic-bezier(.45,0,.3,1) both photo-scene-sweep}.photo-scene[data-scene=play] .photo-scene-zone-corner{animation:photo-scene-acquire .46s cubic-bezier(.16, 1, .3, 1) var(--zone-start) both}.photo-scene[data-scene=play] .photo-scene-edge{animation:photo-scene-draw-x .18s cubic-bezier(.3, .7, .2, 1) calc(var(--zone-start) + .12s) both}.photo-scene[data-scene=play] .photo-scene-edge[data-edge=right]{animation-name:photo-scene-draw-y;animation-delay:calc(var(--zone-start) + .27s)}.photo-scene[data-scene=play] .photo-scene-edge[data-edge=bottom]{animation-delay:calc(var(--zone-start) + .42s)}.photo-scene[data-scene=play] .photo-scene-edge[data-edge=left]{animation-name:photo-scene-draw-y;animation-delay:calc(var(--zone-start) + .57s)}.photo-scene[data-scene=play] .photo-scene-zone[data-stop] .photo-scene-edge{animation-name:photo-scene-draw-x,photo-scene-light;animation-duration:.18s,.32s;animation-timing-function:cubic-bezier(.3,.7,.2,1),ease-out;animation-delay:calc(var(--zone-start) + .12s), var(--zone-lit);animation-fill-mode:both,both}.photo-scene[data-scene=play] .photo-scene-zone[data-stop] .photo-scene-edge[data-edge=right]{animation-name:photo-scene-draw-y,photo-scene-light;animation-delay:calc(var(--zone-start) + .27s), var(--zone-lit)}.photo-scene[data-scene=play] .photo-scene-zone[data-stop] .photo-scene-edge[data-edge=bottom]{animation-delay:calc(var(--zone-start) + .42s), var(--zone-lit)}.photo-scene[data-scene=play] .photo-scene-zone[data-stop] .photo-scene-edge[data-edge=left]{animation-name:photo-scene-draw-y,photo-scene-light;animation-delay:calc(var(--zone-start) + .57s), var(--zone-lit)}.photo-scene[data-scene=play] .photo-scene-tag{animation:photo-scene-wipe .38s var(--scene-ease) calc(var(--zone-start) + .3s) both}.photo-scene[data-scene=play] .photo-scene-tint{animation:photo-scene-fade .45s ease-out var(--zone-lit) both}.photo-scene[data-scene=play] .photo-scene-ping{animation:photo-scene-ping .72s cubic-bezier(.2, .6, .3, 1) var(--zone-lit) both}.photo-scene[data-scene=play] .photo-scene-stop{animation:photo-scene-chip .42s var(--scene-ease) var(--zone-lit) both}.photo-scene[data-scene=play] .photo-scene-stop-progress{animation:photo-scene-meter 1.4s linear var(--zone-lit) both}.photo-scene[data-scene=play] .photo-scene-lens-dot{animation:photo-scene-pop .32s var(--scene-ease) both}.photo-scene[data-scene=play] .photo-scene-lens-ring{animation:photo-scene-pop .38s var(--scene-ease) .12s both}.photo-scene[data-scene=play] .photo-scene-lens-ping{animation:.9s cubic-bezier(.2,.6,.3,1) .26s both photo-scene-lens-ping}.photo-scene[data-scene=play] .photo-scene-transfer{animation:photo-scene-link .36s var(--scene-ease) .5s both}.photo-scene[data-scene=play] .photo-scene-packet{animation:.62s cubic-bezier(.3,.1,.2,1) .67s both photo-scene-packet}.photo-scene[data-scene=play] .photo-scene-rows{animation:photo-scene-rise .56s var(--scene-ease) .95s both}.photo-scene[data-scene=play] .photo-scene-row{animation:photo-scene-slide .36s var(--scene-ease) calc(1.28s + var(--j) * .19s) both}}@keyframes photo-scene-sweep{0%{opacity:0;transform:translate(-110%)}15%,80%{opacity:1}to{opacity:0;transform:translate(620%)}}@keyframes photo-scene-acquire{0%{opacity:0;transform:scale(1.55)}36%{opacity:1;transform:scale(.82)}68%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:none}}@keyframes photo-scene-draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes photo-scene-draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes photo-scene-light{0%{background:var(--scene-ink)}to{background:var(--scene-lit)}}@keyframes photo-scene-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes photo-scene-fade{0%{opacity:0}to{opacity:1}}@keyframes photo-scene-ping{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.07,1.05)}}@keyframes photo-scene-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes photo-scene-chip{0%{opacity:0;transform:translateY(.35em)scale(.84)}68%{opacity:1;transform:translateY(-.08em)scale(1.025)}to{opacity:1;transform:none}}@keyframes photo-scene-meter{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes photo-scene-lens-ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}@keyframes photo-scene-link{0%{opacity:0;transform:translate(-50%)scaleY(0)}to{opacity:.72;transform:translate(-50%)scaleY(1)}}@keyframes photo-scene-packet{0%{opacity:0;transform:translate(-50%,7cqi)scale(.75)}18%,78%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes photo-scene-rise{0%{opacity:0;transform:translateY(.65em)scale(.97)}72%{opacity:1;transform:translateY(-.07em)scale(1.008)}to{opacity:1;transform:none}}@keyframes photo-scene-slide{0%{opacity:0;transform:translate(-.5em)}to{opacity:1;transform:none}}
