@layer theme,base;@layer components{@media not (min-width:40rem){.scene-tl,.scene-lrn{text-align:left}}.scene-tl,.scene-lrn{position:absolute;inset:0;overflow:hidden;container-type:inline-size}.scene-tl-row,.scene-tl-name,.scene-lrn-digit,.scene-lrn-name,.scene-lrn-file{font-size:min(var(--text-label), 2.9cqw)}.scene-tl{background-color:var(--color-ppro-frame)}.scene-tl-bin{background-color:var(--color-ppro-panel);width:52cqw;height:19cqw;box-shadow:inset 0 0 0 1px var(--color-ppro-line);border-radius:1cqw;flex-direction:column;justify-content:space-between;padding:1.8cqw 2cqw;display:flex;position:absolute;top:3cqw;left:3cqw}.scene-tl-row{font-family:var(--font-mono);color:var(--color-ppro-text);white-space:nowrap;align-items:center;gap:1.4cqw;line-height:1;display:flex}.scene-tl-chip{background-color:var(--clip);border-radius:.4cqw;flex:none;width:1.8cqw;height:1.8cqw}.scene-tl-mon{background-color:var(--color-panel-tray);width:34cqw;height:19cqw;box-shadow:inset 0 0 0 1px var(--color-ppro-line);border-radius:.8cqw;position:absolute;top:3cqw;right:3cqw;overflow:hidden}.scene-tl-shot{position:absolute;inset:0}.scene-tl-shot:after{content:"";background-color:color-mix(in oklab, var(--color-panel-tray) 82%, transparent);border-radius:2.5cqw 2.5cqw 0 0;width:5cqw;height:10cqw;position:absolute;bottom:0;left:50%;translate:-50%}.scene-tl-shot-a{background:linear-gradient(180deg, color-mix(in oklab, var(--color-ppro-label-iris) 60%, var(--color-panel-tray)) 0 58%, color-mix(in oklab, var(--color-ppro-label-forest) 45%, var(--color-panel-tray)) 58% 100%)}.scene-tl-shot-b{opacity:0;background:linear-gradient(180deg, color-mix(in oklab, var(--color-ppro-label-mango) 62%, var(--color-panel-tray)) 0 52%, color-mix(in oklab, var(--color-ppro-label-rose) 30%, var(--color-panel-tray)) 52% 100%)}.scene-tl-shot-b:after{left:34%}.scene-tl-shot-c{opacity:0;background:linear-gradient(180deg, color-mix(in oklab, var(--color-ppro-label-violet) 55%, var(--color-panel-tray)) 0 64%, color-mix(in oklab, var(--color-ppro-label-teal) 28%, var(--color-panel-tray)) 64% 100%)}.scene-tl-shot-c:after{height:12cqw;left:66%}.scene-tl-scrub{background-color:var(--color-white-22);border-radius:1cqw;height:.4cqw;position:absolute;bottom:1.4cqw;left:2cqw;right:2cqw}.scene-tl-scrub b{background-color:var(--color-ppro-playhead);border-radius:50%;width:1.4cqw;height:1.4cqw;margin:-.7cqw 0 0 -.7cqw;position:absolute;top:50%;left:0}.scene-tl-ruler{background-image:repeating-linear-gradient(90deg, var(--color-ppro-line) 0 1px, transparent 1px 2.5cqw);height:1.4cqw;position:absolute;top:25.2cqw;left:10.8cqw;right:3cqw}.scene-tl-tracks{flex-direction:column;gap:.6cqw;display:flex;position:absolute;top:27.6cqw;left:3cqw;right:3cqw}.scene-tl-track{height:5.4cqw;display:flex}.scene-tl-track-a{height:6.2cqw}.scene-tl-name{background-color:var(--color-ppro-panel);width:7cqw;font-family:var(--font-mono);color:var(--color-ppro-dim);border-radius:.4cqw;flex:none;align-items:center;margin-right:.8cqw;padding-left:1.2cqw;font-weight:500;line-height:1;display:flex}.scene-tl-lane{background-color:var(--color-ppro-track);border-radius:.4cqw;flex:1;position:relative;overflow:hidden}.scene-tl-track-a .scene-tl-lane{background-color:var(--color-ppro-track-alt)}.scene-tl-strip{width:max-content;height:100%;padding:.35cqw 0;display:flex}.scene-tl-clip{background:linear-gradient(180deg, color-mix(in oklab, var(--clip) 74%, var(--color-ppro-frame)), color-mix(in oklab, var(--clip) 56%, var(--color-ppro-frame)));border-radius:.5cqw;flex:none;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.scene-tl-wave{width:100%;height:100%;fill:var(--color-black-40);position:absolute;inset:0}.scene-tl-w10{width:10cqw}.scene-tl-w12{width:12cqw}.scene-tl-w14{width:14cqw}.scene-tl-w16{width:16cqw}.scene-tl-w20{width:20cqw}.scene-tl-w22{width:22cqw}.scene-tl-w30{width:30cqw}.scene-tl-w50{width:50cqw}.scene-tl-g0{margin-right:0}.scene-tl-g14{margin-right:14cqw}.scene-tl-g20{margin-right:20cqw}.scene-tl-g30{margin-right:30cqw}.scene-tl-iris{--clip:var(--color-ppro-label-iris)}.scene-tl-violet{--clip:var(--color-ppro-label-violet)}.scene-tl-mango{--clip:var(--color-ppro-label-mango)}.scene-tl-rose{--clip:var(--color-ppro-label-rose)}.scene-tl-caribbean{--clip:var(--color-ppro-label-caribbean)}.scene-tl-teal{--clip:var(--color-ppro-label-teal)}.scene-tl-head{z-index:2;background-color:var(--color-ppro-playhead);width:2px;margin-left:-1px;position:absolute;top:-2.6cqw;bottom:0;left:calc(7.8cqw + 40%)}.scene-tl-head:before{content:"";background-color:var(--color-ppro-playhead);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:calc(2.2cqw + 2px);height:2cqw;position:absolute;top:0;left:-1.1cqw}.scene-lrn{background-color:var(--color-panel-shell)}.scene-lrn-player{background-color:var(--color-panel-tray);width:59cqw;box-shadow:inset 0 0 0 1px var(--color-panel-line);border-radius:1.2cqw;position:absolute;top:3cqw;bottom:13cqw;left:3cqw;overflow:hidden}.scene-lrn-shot{opacity:0;position:absolute;inset:0}.scene-lrn-shot.scene-lrn-k0{background:radial-gradient(circle at 28% 30%, color-mix(in oklab, var(--color-tone-azure) 46%, var(--color-panel-tray)), var(--color-panel-tray) 72%)}.scene-lrn-shot.scene-lrn-k1{opacity:1;background:radial-gradient(circle at 72% 34%, color-mix(in oklab, var(--color-tone-violet) 42%, var(--color-panel-tray)), var(--color-panel-tray) 72%)}.scene-lrn-shot.scene-lrn-k2{background:radial-gradient(circle at 40% 70%, color-mix(in oklab, var(--color-accent) 46%, var(--color-panel-tray)), var(--color-panel-tray) 72%)}.scene-lrn-shot.scene-lrn-k3{background:radial-gradient(circle at 66% 62%, color-mix(in oklab, var(--color-ember) 46%, var(--color-panel-tray)), var(--color-panel-tray) 72%)}.scene-lrn-play{background-color:var(--color-white-13);border-radius:50%;width:9cqw;height:9cqw;position:absolute;top:46%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff38}.scene-lrn-play:after{content:"";background-color:var(--color-panel-fg);clip-path:polygon(0 0,100% 50%,0 100%);width:34%;height:40%;position:absolute;top:30%;left:37%}.scene-lrn-title{background-color:var(--color-black-55);color:var(--color-panel-fg);white-space:nowrap;opacity:0;border-radius:.8cqw;padding:.8cqw 1.4cqw;position:absolute;top:2.4cqw;left:2.4cqw}.scene-lrn-title.scene-lrn-k1{opacity:1}.scene-lrn-bar{background-color:var(--color-white-22);border-radius:1cqw;height:.8cqw;position:absolute;bottom:2.4cqw;left:2.4cqw;right:2.4cqw;overflow:hidden}.scene-lrn-bar:after{content:"";background-image:linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--color-panel-tray) calc(25% - 1px) calc(25% + 1px), transparent calc(25% + 1px) calc(50% - 1px), var(--color-panel-tray) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px) calc(75% - 1px), var(--color-panel-tray) calc(75% - 1px) calc(75% + 1px), transparent calc(75% + 1px));position:absolute;inset:0}.scene-lrn-fill{transform-origin:0;background-color:var(--tone,var(--color-tone-azure));position:absolute;inset:0;transform:scaleX(.4)}.scene-lrn-list{flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:3cqw 3cqw 13cqw 65cqw}.scene-lrn-item{background-color:var(--color-black-25);height:8.6cqw;box-shadow:inset 0 0 0 1px var(--color-panel-line-quiet);border-radius:1cqw;align-items:center;gap:1.4cqw;padding:0 1.4cqw;display:flex;position:relative}.scene-lrn-item:before{content:"";border-radius:inherit;background-color:color-mix(in oklab, var(--tone,var(--color-tone-azure)) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone,var(--color-tone-azure)) 55%, transparent);opacity:0;position:absolute;inset:0}.scene-lrn-i1:before{opacity:1}.scene-lrn-num{background-color:var(--color-white-7);border-radius:50%;flex:none;place-items:center;width:5cqw;height:5cqw;display:grid;position:relative}.scene-lrn-digit{font-family:var(--font-mono);color:var(--color-panel-fg-dim);line-height:1}.scene-lrn-check{background-color:var(--tone,var(--color-tone-azure));opacity:0;border-radius:50%;position:absolute;inset:0}.scene-lrn-check:after{content:"";border-right:2px solid var(--color-panel-tray);border-bottom:2px solid var(--color-panel-tray);width:22%;height:38%;position:absolute;top:26%;left:31%;rotate:45deg}.scene-lrn-c0{opacity:1}.scene-lrn-name{min-width:0;color:var(--color-panel-fg-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;position:relative;overflow:hidden}.scene-lrn-files{gap:1.4cqw;display:flex;position:absolute;bottom:3cqw;left:3cqw;right:3cqw}.scene-lrn-file{background-color:var(--color-white-4);height:7cqw;box-shadow:inset 0 0 0 1px var(--color-panel-line-quiet);font-family:var(--font-mono);color:var(--color-panel-fg-muted);white-space:nowrap;border-radius:1cqw;align-items:center;gap:1cqw;padding:0 1.8cqw;line-height:1;display:flex}.scene-lrn-file:before{content:"";background-color:var(--clip);border-radius:.3cqw;flex:none;width:1.6cqw;height:2cqw}.scene-lrn-f0{--clip:var(--color-ppro-label-rose)}.scene-lrn-f1{--clip:var(--color-ppro-label-violet)}.scene-lrn-f2{--clip:var(--color-ppro-label-mango)}}@layer utilities;@media (prefers-reduced-motion:no-preference){@layer components{.scene-tl.is-playing .scene-tl-strip{animation:12s linear infinite scene-tl-roll}.scene-tl.is-playing .scene-tl-shot-b{animation:12s linear infinite scene-tl-shot-b}.scene-tl.is-playing .scene-tl-shot-c{animation:12s linear infinite scene-tl-shot-c}.scene-tl.is-playing .scene-tl-scrub b{animation:12s linear infinite scene-tl-scrub}.scene-lrn.is-playing .scene-lrn-fill{animation:12s linear infinite scene-lrn-fill}.scene-lrn.is-playing .scene-lrn-k0,.scene-lrn.is-playing .scene-lrn-k1,.scene-lrn.is-playing .scene-lrn-k2,.scene-lrn.is-playing .scene-lrn-k3,.scene-lrn.is-playing .scene-lrn-item:before{animation:12s linear infinite scene-lrn-on}.scene-lrn.is-playing .scene-lrn-k1,.scene-lrn.is-playing .scene-lrn-i1:before{animation-delay:-9s}.scene-lrn.is-playing .scene-lrn-k2,.scene-lrn.is-playing .scene-lrn-i2:before{animation-delay:-6s}.scene-lrn.is-playing .scene-lrn-k3,.scene-lrn.is-playing .scene-lrn-i3:before{animation-delay:-3s}.scene-lrn.is-playing .scene-lrn-c0{animation:scene-lrn-c0 12s var(--ease-smooth) infinite}.scene-lrn.is-playing .scene-lrn-c1{animation:scene-lrn-c1 12s var(--ease-smooth) infinite}.scene-lrn.is-playing .scene-lrn-c2{animation:scene-lrn-c2 12s var(--ease-smooth) infinite}.scene-lrn.is-playing .scene-lrn-c3{animation:scene-lrn-c3 12s var(--ease-smooth) infinite}}}@keyframes scene-tl-roll{to{transform:translate(-50%)}}@keyframes scene-tl-shot-b{0%,33%{opacity:0}33.5%,66%{opacity:1}66.5%,to{opacity:0}}@keyframes scene-tl-shot-c{0%,66%{opacity:0}66.5%,99.5%{opacity:1}to{opacity:0}}@keyframes scene-tl-scrub{to{transform:translate(30cqw)}}@keyframes scene-lrn-fill{0%{transform:scaleX(0)}97%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes scene-lrn-on{0%,24%{opacity:1}25.5%,to{opacity:0}}@keyframes scene-lrn-c0{0%,24%{opacity:0;transform:scale(.4)}27%,97%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes scene-lrn-c1{0%,49%{opacity:0;transform:scale(.4)}52%,97%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes scene-lrn-c2{0%,74%{opacity:0;transform:scale(.4)}77%,97%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes scene-lrn-c3{0%,93%{opacity:0;transform:scale(.4)}95%,98%{opacity:1;transform:none}to{opacity:0;transform:none}}