[data-mix-transport]{--mix-p:0;--row-p:0}.setprog{background:var(--line);opacity:0;border-radius:2px;height:2px;margin-top:clamp(22px,3vw,32px);transition:opacity .6s;position:relative;overflow:hidden}[data-mix-transport][data-live] .setprog{opacity:1}.setprog-fill{transform-origin:0;transform:scaleX(var(--mix-p));background:linear-gradient(90deg, #ff5a1f42 0%, var(--hot) 66%, var(--amber) 89%, var(--cream) 100%);position:absolute;inset:0}.sethero-covers img{transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .36s,box-shadow .36s}.sethero-covers.has-cur img{opacity:.45}.sethero-covers.has-cur img.is-cur{opacity:1;transform:translateY(-4px)scale(1.07);box-shadow:inset 0 0 0 1px #ff5a1fe6,0 12px 22px -8px #ff5a1f8c}[data-track-row].is-cur{background:var(--color-surface-white);box-shadow:0 0 0 1px #b53a0057,0 14px 30px -14px #b53a0066}.tl-progress{pointer-events:none;opacity:0;background:#3838351a;border-radius:3px;height:3px;transition:opacity .3s;position:absolute;bottom:2px;left:16px;right:16px;overflow:hidden}[data-track-row].is-cur .tl-progress{opacity:1}.tl-progress:after{content:"";transform-origin:0;transform:scaleX(var(--row-p));background:linear-gradient(90deg, var(--color-primary-container) 0%, var(--color-primary) 74%, var(--color-primary-hover) 100%);position:absolute;inset:0}.tl-cue{z-index:2;transform-origin:0 0;background:var(--color-primary);opacity:0;pointer-events:none;border-radius:2px;width:3px;height:100px;transition:transform .46s cubic-bezier(.16,1,.3,1),opacity .32s;position:absolute;top:0;left:2px;transform:scaleY(0)}.tl-cue.is-on{opacity:1}.tl-seek:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#b53a0000 0%,#b53a0029 50%,#b53a0000 100%);animation:.62s cubic-bezier(.16,1,.3,1) both tl-wipe;position:absolute;inset:0}@keyframes tl-wipe{0%{clip-path:inset(0 100% 0 0)}55%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@media (prefers-reduced-motion:reduce){.setprog,.setprog-fill,.sethero-covers img,.tl-progress,.tl-cue{transition:none!important}.tl-seek:before{content:none!important;animation:none!important}}.wf{width:100%;height:var(--wf-h,32px);display:block;position:relative;overflow:hidden}.wf-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wf-veil{opacity:0;background:var(--wf-veil);pointer-events:none;clip-path:inset(0 0 0 calc(var(--wf-p,0) * 100%));transition:opacity .5s;position:absolute;inset:0}[data-mix-transport][data-live] .wf-veil{opacity:var(--wf-veil-strength,.66)}.wf-head{width:2px;top:0;bottom:0;left:calc(var(--wf-p,0) * 100%);background:var(--wf-head);pointer-events:none;box-shadow:0 0 0 1px var(--wf-head-halo), 0 0 10px var(--wf-head-glow);opacity:0;border-radius:2px;margin-left:-1px;transition:opacity .4s;position:absolute}[data-track-row].is-cur .wf-head,[data-mix-transport][data-live] .tl-mixpanel .wf-head{opacity:1}.wf-row{--wf-p:0}[data-track-row].is-cur .wf-row{--wf-p:var(--row-p,0)}[data-track-row].is-cur .wf-veil{opacity:var(--wf-veil-strength-cur,.5)}.wf-mix{--wf-p:var(--mix-p,0)}.wf-tick{pointer-events:none;background:var(--wf-tick,#38383547);width:1px;position:absolute;top:0;bottom:0}.wf-cur{pointer-events:none;background:var(--wf-cur,#ff5a1f1f);box-shadow:inset 1px 0 0 var(--color-primary), inset -1px 0 0 var(--color-primary);position:absolute;top:0;bottom:0}.wf-lane{pointer-events:none;width:100%;height:18px;margin-top:3px;display:block;position:relative}.wf-num{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-text-secondary,#6b6660);white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;position:absolute;top:0;transform:translate(-50%)}.wf-num[data-edge=start]{transform:none}.wf-num[data-cur]{color:var(--color-primary);font-weight:700}.tl-ord{z-index:1;pointer-events:none;color:#fff;text-align:center;min-width:20px;height:20px;font-family:var(--font-mono,ui-monospace, monospace);background:#14110fc7;border-radius:6px;padding:0 5px;font-size:12px;font-weight:700;line-height:20px;position:absolute;top:4px;left:4px}.booth .wf-tick:not(.pg-app *){--wf-tick:#f6f1e847}.wf{--wf-low:#2f6fe0;--wf-mid:#ff5a1f;--wf-high:#7a2f10;--wf-mono:#ff5a1f}.booth .wf:not(.pg-app *){--wf-high:#fff3e4;--wf-veil:var(--bg);--wf-veil-strength:.7;--wf-veil-strength-cur:.5;--wf-veil-strength-hover:.3;--wf-trough:#f6f1e80d;--wf-trough-hover:#f6f1e817;--wf-head:var(--cream);--wf-head-glow:#ff5a1f8c;--wf-head-halo:#0c0a09b3}.wf{--wf-veil:var(--color-surface);--wf-veil-strength:.55;--wf-veil-strength-cur:.7;--wf-veil-strength-hover:.2;--wf-trough:transparent;--wf-trough-hover:transparent;--wf-head:var(--color-primary);--wf-head-glow:#b53a004d;--wf-head-halo:#ffffffd9}.tl-has-wave{--tl-wave-h:92px}.tl-wavebox{pointer-events:none;border-radius:8px;height:0;transition:height .3s;position:absolute;bottom:8px;left:16px;right:16px;overflow:hidden}.tl-wave-open .tl-wavebox{height:var(--tl-wave-h);pointer-events:auto}.tl-wave-open{padding-bottom:calc(var(--tl-wave-h) + 16px)}.tl-wavebox .wf{width:100%;height:var(--tl-wave-h);background:0 0}@media (max-width:639px){.tl-has-wave{--tl-wave-h:80px}}@media (prefers-reduced-motion:reduce){.tl-wavebox{transition:none}}.tl-transition-li{opacity:0;grid-template-rows:0fr;margin-bottom:0;display:grid}.tl-transition-li.is-open{opacity:1;grid-template-rows:1fr;margin-bottom:.75rem}.tl-transition-li>*{min-height:0;overflow:hidden}.tl-transition-li.is-open>*{transform-origin:top;animation:.3s both tl-transition-open}@keyframes tl-transition-open{0%{opacity:0;transform:translateY(-8px)scaleY(.6)}to{opacity:1;transform:none}}.tl-transition{--tl-transition-h:92px;min-height:calc(var(--tl-transition-h) + 8px);padding:4px 8px}@media (max-width:639px){.tl-transition{--tl-transition-h:80px}}.tl-transition-wave{height:var(--tl-transition-h);display:block}.tl-transition-wave .wf{height:var(--tl-transition-h);background:0 0}[data-track-row].tl-transition.is-cur{box-shadow:none;background:0 0}.tl-transition-bar{top:calc(var(--tl-transition-h) / 2 - 2px);background:#3838351a;border-radius:3px;height:3px;display:block;position:relative;overflow:hidden}.tl-transition-bar:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--color-primary-container) 0%, var(--color-primary) 74%, var(--color-primary-hover) 100%);position:absolute;inset:0;transform:scaleX(0)}[data-track-row].is-cur .tl-transition-bar:after{transform:scaleX(var(--row-p))}@media (prefers-reduced-motion:reduce){.tl-transition-li.is-open>*{animation:none}}.wf-seek{cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:pan-y}.wf-seek:active{cursor:grabbing}[data-mix-transport][data-live] .wf-seek:hover .wf-veil,[data-mix-transport][data-live] .wf-seek:focus-visible .wf-veil{opacity:var(--wf-veil-strength-hover,.3)}.wf-seek:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.booth .wf-seek:focus-visible{outline-color:var(--hot)}.tl-mixpanel:not(:has(.wf)) .tl-mixplay{display:none}.tl-mixplay{z-index:2;background:var(--color-primary);width:64px;height:64px;color:var(--color-primary-fg);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,transform .12s;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 2px 10px #b53a0047}.tl-mixplay:hover{background:var(--color-primary-container)}.tl-mixplay:active{transform:translateY(-50%)scale(.94)}.tl-mixplay:focus-visible{outline-offset:2px;outline:2px solid}@media (max-width:639px){.tl-mixplay{width:48px;height:48px;left:8px}}.tl-mixpanel{display:block;position:relative}.tl-mixpanel:has(.wf){background:0 0;border-radius:12px;margin-bottom:20px;padding:8px 10px 8px 90px}.tl-stylearc{margin:-12px 0 20px;padding:0 10px 0 90px}.tl-stylearc:empty{display:none}@media (max-width:639px){.tl-stylearc{padding-left:66px}}.tl-stylearc figure{position:relative}.tl-stylearc figure[data-lane]:before{content:attr(data-lane);text-align:right;width:64px;color:var(--color-text-muted);font-size:11px;font-weight:600;line-height:13px;position:absolute;top:-3px;right:calc(100% + 14px)}@media (max-width:639px){.tl-stylearc figure[data-lane]:before{width:52px;font-size:10.5px;right:calc(100% + 8px)}}.tl-shape{margin-top:10px}.tl-shape:has(.tl-shape-drops)[data-lane]:before{top:15px}.tl-shape-drops{z-index:1;height:16px;margin-bottom:2px;position:relative}.tl-shape-drop{font:700 11px/13px var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 0 0 5px;position:absolute;top:0}.tl-shape-drop:disabled{cursor:default}.tl-shape-drop:before{content:"";background:var(--color-primary);width:1.5px;height:25px;box-shadow:1px 0 0 var(--color-surface-white), -1px 0 0 var(--color-surface-white);margin-left:-.75px;position:absolute;top:1px;left:0}.tl-shape-drop.is-flip{padding:0 5px 0 0;transform:translate(-100%)}.tl-shape-drop.is-flip:before{margin:0 -.75px 0 0;left:auto;right:0}.tl-shape-drop.is-bare{width:0;height:16px;padding:0}.tl-shape-drop.is-bare:before{opacity:.5;height:20px;top:6px}.tl-shape-drop:not(:disabled):hover{color:var(--color-text)}.tl-shape-drop:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.tl-mixpanel .wf-seek:hover{background:0 0}@media (max-width:639px){.tl-mixpanel:has(.wf){padding-left:66px}}.tl-mixpanel .wf{height:120px}@media (max-width:639px){.tl-mixpanel .wf{height:96px}.tl-count{margin-left:auto}}.setprog .wf{height:100%}.setprog:has(.wf){background:0 0;border-radius:3px;height:18px}.setprog:has(.wf) .setprog-fill{display:none}.setprog:has(.wf){opacity:1}@media (prefers-reduced-motion:reduce){.wf-veil,.wf-head,.wf-seek{transition:none!important}}