.EditorDemo-module__rJNL7a__stage{--pt:calc(100cqw / 1512);height:250vh;position:relative}.EditorDemo-module__rJNL7a__sticky{top:var(--pin,80px);height:calc(100vh - var(--pin,80px));height:calc(100svh - var(--pin,80px));align-content:start;justify-items:center;gap:18px;padding:20px 0;display:grid;position:sticky}.EditorDemo-module__rJNL7a__frame{aspect-ratio:1512/944;width:min(1240px,94vw,160.17svh - 384.407px);position:relative;container-type:inline-size}.EditorDemo-module__rJNL7a__chrome,.EditorDemo-module__rJNL7a__spots{border-radius:calc(12 * var(--pt));position:absolute;inset:0;overflow:hidden}.EditorDemo-module__rJNL7a__chrome{z-index:1;will-change:opacity;background:#0c0c0e;box-shadow:0 40px 120px #0000008c,0 0 0 1px #ffffff17}.EditorDemo-module__rJNL7a__spots{z-index:3;pointer-events:none}.EditorDemo-module__rJNL7a__frameImage{object-fit:cover}.EditorDemo-module__rJNL7a__lights{top:calc(20 * var(--pt));left:calc(20 * var(--pt));gap:calc(8 * var(--pt));display:flex;position:absolute}.EditorDemo-module__rJNL7a__lights i{width:calc(12 * var(--pt));height:calc(12 * var(--pt));background:#ff5f57;border-radius:50%}.EditorDemo-module__rJNL7a__lights i:nth-child(2){background:#febc2e}.EditorDemo-module__rJNL7a__lights i:nth-child(3){background:#28c840}.EditorDemo-module__rJNL7a__play{border-radius:calc(7 * var(--pt));color:#f0f0f0;cursor:pointer;background:#2d2d30;border:0;place-items:center;display:grid;position:absolute}.EditorDemo-module__rJNL7a__play:hover{background:#3a3a3e}.EditorDemo-module__rJNL7a__play svg{fill:currentColor;width:44%;height:44%}.EditorDemo-module__rJNL7a__pauseIcon,.EditorDemo-module__rJNL7a__play[data-playing=true] .EditorDemo-module__rJNL7a__playIcon{display:none}.EditorDemo-module__rJNL7a__play[data-playing=true] .EditorDemo-module__rJNL7a__pauseIcon{display:block}.EditorDemo-module__rJNL7a__time{padding-left:calc(2.5 * var(--pt));color:#ffffffed;font:600 calc(12 * var(--pt)) / 1 "SF Mono", ui-monospace, Menlo, Consolas, monospace;font-variant-numeric:tabular-nums;background:#131316;align-items:center;display:flex;position:absolute}.EditorDemo-module__rJNL7a__live{opacity:0;pointer-events:none;transition:opacity .22s;position:absolute}.EditorDemo-module__rJNL7a__live[data-active]{opacity:1}.EditorDemo-module__rJNL7a__liveZoom{border-radius:calc(5 * var(--pt));box-shadow:0 0 0 calc(1.5 * var(--pt)) #ffffffe6, 0 0 calc(16 * var(--pt)) #6e63ffd9}.EditorDemo-module__rJNL7a__liveCaption{border-radius:calc(4 * var(--pt));box-shadow:0 0 0 calc(1.5 * var(--pt)) #ffffffd9, 0 0 calc(14 * var(--pt)) #2fa092cc}.EditorDemo-module__rJNL7a__scrub{cursor:col-resize;touch-action:none;position:absolute}.EditorDemo-module__rJNL7a__scrub:focus-visible{outline:2px solid var(--color-cyan);outline-offset:-2px}.EditorDemo-module__rJNL7a__playhead{pointer-events:none;will-change:transform;width:0;position:absolute;left:0}.EditorDemo-module__rJNL7a__playhead:before{top:0;bottom:0;left:calc(-1 * var(--pt));width:calc(2 * var(--pt));content:"";background:#ff4f6e;position:absolute}.EditorDemo-module__rJNL7a__playhead span{top:0;left:calc(-6.5 * var(--pt));width:calc(13 * var(--pt));height:calc(17 * var(--pt));clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);border-radius:calc(3 * var(--pt)) calc(3 * var(--pt)) 0 0;filter:drop-shadow(0 1px 2px #0006);background:#ff4f6e;position:absolute}.EditorDemo-module__rJNL7a__videoWrap{z-index:2;border-radius:calc(6 * var(--pt));transform-origin:50%;will-change:transform;background:#0b0e12;position:absolute;overflow:hidden;box-shadow:0 24px 70px #00000080}.EditorDemo-module__rJNL7a__video{object-fit:cover;width:100%;height:100%;display:block}.EditorDemo-module__rJNL7a__spotlight{border:calc(2 * var(--pt)) solid var(--color-cyan);border-radius:calc(8 * var(--pt));box-shadow:0 0 0 200vmax #03050880, 0 0 calc(26 * var(--pt)) #79f2ff8c;opacity:0;transition:opacity .32s;position:absolute}.EditorDemo-module__rJNL7a__stage[data-step="1"] .EditorDemo-module__rJNL7a__spotlight[data-for="1"],.EditorDemo-module__rJNL7a__stage[data-step="2"] .EditorDemo-module__rJNL7a__spotlight[data-for="2"],.EditorDemo-module__rJNL7a__stage[data-step="3"] .EditorDemo-module__rJNL7a__spotlight[data-for="3"],.EditorDemo-module__rJNL7a__stage[data-step="4"] .EditorDemo-module__rJNL7a__spotlight[data-for="4"]{opacity:1}.EditorDemo-module__rJNL7a__captionBar{text-align:center;justify-items:center;gap:12px;width:min(760px,90vw);display:grid}.EditorDemo-module__rJNL7a__dots{gap:8px;list-style:none;display:flex}.EditorDemo-module__rJNL7a__dots li{background:#ffffff24;border-radius:2px;width:22px;height:4px;transition:background .3s}.EditorDemo-module__rJNL7a__stage[data-step="1"] .EditorDemo-module__rJNL7a__dots li[data-for="1"],.EditorDemo-module__rJNL7a__stage[data-step="2"] .EditorDemo-module__rJNL7a__dots li[data-for="2"],.EditorDemo-module__rJNL7a__stage[data-step="3"] .EditorDemo-module__rJNL7a__dots li[data-for="3"],.EditorDemo-module__rJNL7a__stage[data-step="4"] .EditorDemo-module__rJNL7a__dots li[data-for="4"]{background:var(--color-cyan)}.EditorDemo-module__rJNL7a__captionStack{display:grid}.EditorDemo-module__rJNL7a__caption{color:var(--color-muted);opacity:0;grid-area:1/1;font-size:1rem;line-height:1.55;transition:opacity .32s,transform .32s;transform:translateY(6px)}.EditorDemo-module__rJNL7a__stage[data-step="0"] .EditorDemo-module__rJNL7a__caption[data-for="0"],.EditorDemo-module__rJNL7a__stage[data-step="1"] .EditorDemo-module__rJNL7a__caption[data-for="1"],.EditorDemo-module__rJNL7a__stage[data-step="2"] .EditorDemo-module__rJNL7a__caption[data-for="2"],.EditorDemo-module__rJNL7a__stage[data-step="3"] .EditorDemo-module__rJNL7a__caption[data-for="3"],.EditorDemo-module__rJNL7a__stage[data-step="4"] .EditorDemo-module__rJNL7a__caption[data-for="4"]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce),(max-height:619px){.EditorDemo-module__rJNL7a__stage{height:auto}.EditorDemo-module__rJNL7a__sticky{height:auto;padding:36px 0 8px;position:relative;top:0}.EditorDemo-module__rJNL7a__frame{width:min(1240px,94vw)}.EditorDemo-module__rJNL7a__chrome{opacity:1!important}.EditorDemo-module__rJNL7a__videoWrap{transform:none!important}}