.timeline-content .tl-viewbar{flex-shrink:0;align-items:center;gap:2px;margin-left:4px;display:flex}.timeline-content .ruler-label:has(.lp-search.focus) .tl-viewbar{display:none}.timeline-content .tl-height{border-radius:var(--r-md);background:color-mix(in oklch, var(--ink) 6%, transparent);height:24px;padding:2px;display:flex;position:relative}.timeline-content .tl-height>button{z-index:1;border-radius:var(--r-sm);width:20px;height:20px;color:var(--ink-3);place-items:center;transition:color .15s;display:grid;position:relative}.timeline-content .tl-height>button:hover,.timeline-content .tl-height>button[aria-checked=true]{color:var(--ink)}.timeline-content .tl-height-thumb{border-radius:var(--r-sm);background:var(--selected-fill);width:20px;height:20px;transform:translateX(calc(var(--i,0) * 20px));transition:transform .2s cubic-bezier(.23,1,.32,1);position:absolute;top:2px;left:2px;box-shadow:inset 0 .5px #ffffff24,0 0 0 .5px #00000040,0 1px 2px #0000004d;box-shadow:inset 0 .5px lab(100% 0 0/.14),0 0 0 .5px lab(0% 0 0/.25),0 1px 2px lab(0% 0 0/.3)}.timeline-content .tl-viewbtn{background:color-mix(in oklch, var(--ink) 6%, transparent);width:24px;height:24px;color:var(--ink-2);border-radius:5px;place-items:center;transition:background-color .15s,color .15s,transform .15s cubic-bezier(.23,1,.32,1);display:grid}.timeline-content .tl-viewbtn:hover,.timeline-content .tl-viewbtn.on{background:color-mix(in oklch, var(--ink) 12%, transparent);color:var(--ink)}.timeline-content .tl-viewbtn:active{transform:scale(.92)}.timeline-content .tl-height>button:focus-visible,.timeline-content .tl-viewbtn:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:-2px}.context-menu.tl-view-menu{overscroll-behavior:contain;scrollbar-width:thin;min-width:264px;overflow-y:auto}.tl-view-menu .menu-item{min-height:30px}.tl-view-menu .menu-item>.tl-vg,.tl-view-sub .menu-item>.tl-vg{color:var(--ink-2);flex-shrink:0}.tl-view-menu .menu-item:is(:hover,:focus-visible)>.tl-vg{color:currentColor}.tl-view-menu .tl-vm-check,.tl-view-sub .tl-vm-check{width:15px;height:15px;color:var(--accent);flex:0 0 15px;place-items:center;display:grid}.tl-view-menu .menu-item:is(:hover,:focus-visible) .tl-vm-check,.tl-view-sub .menu-item:is(:hover,:focus-visible) .tl-vm-check{color:currentColor}.tl-view-menu .tl-vm-value{color:var(--ink-3);font-size:var(--fs-ui,12px);flex:none}.tl-view-menu .menu-item:is(:hover,:focus-visible) .tl-vm-value{color:#ffffffb8;color:lab(100% 0 0/.72)}.tl-view-menu .menu-item.has-sub .sub-caret{margin-left:6px}.tl-vm-label{color:var(--ink-3);font-size:var(--fs-meta,11px);letter-spacing:.01em;align-items:center;gap:8px;padding:6px 10px 3px;font-weight:500;display:flex}.tl-vm-label kbd{font:inherit;color:var(--ink-4);margin-left:auto}.tl-vm-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);overflow:hidden}.tl-vm-views-head{justify-content:space-between;padding-right:4px}.tl-vm-more{border-radius:var(--r-sm);width:24px;height:20px;color:var(--ink-3);place-items:center;transition:background-color .15s,color .15s;display:grid}.tl-vm-more:hover{background:var(--field-bg);color:var(--ink)}.tl-vm-more:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:-2px}.tl-views{border-radius:var(--r-md,8px);background:color-mix(in oklch, var(--ink) 4%, transparent);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:2px 6px 0;padding:2px;display:grid}.tl-views>button{border-radius:var(--r-sm);height:28px;color:var(--ink-2);font:500 12px / 1 var(--mono);font-variant-numeric:tabular-nums;background:color-mix(in oklch, var(--ink) 7%, transparent);place-items:center;transition:background-color .15s,color .15s,transform .15s cubic-bezier(.23,1,.32,1);display:grid}.tl-views>button.empty{color:var(--ink-4);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ink) 8%, transparent);background:0 0}.tl-views>button:hover:not(:disabled){background:color-mix(in oklch, var(--ink) 13%, transparent);color:var(--ink)}.tl-views>button:active:not(:disabled){transform:scale(.94)}.tl-views>button.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 45%, transparent)}.tl-views>button:disabled{opacity:.4}.tl-views>button:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:-2px}.tl-vm-note{min-height:28px;color:var(--ink-3);font-size:var(--fs-meta,11px);align-items:baseline;gap:6px;margin:0;padding:7px 10px 3px;line-height:1.35;display:flex}.tl-vm-note b{color:var(--accent);font:600 11px var(--mono)}.tl-vm-note kbd{font:inherit;color:var(--ink-4);flex:none;margin-left:auto}.tl-vm-rename{padding:5px 6px 2px;display:block}.tl-vm-rename input{border-radius:var(--r-sm);background:var(--field-bg);width:100%;height:26px;box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink);font:inherit;font-size:var(--fs-ui,12px);border:0;outline:none;padding:0 8px}.context-menu.tl-view-sub{min-width:200px}.context-menu.tl-slot-menu{min-width:220px}.timeline-content .tl-grip-anchor{z-index:16;flex:0 0 0;width:0;position:sticky;left:0}.timeline-content .tl-grip{width:calc(var(--label-w,360px) - 8px);cursor:row-resize;touch-action:none;height:9px;position:absolute;bottom:-5px;left:0}.timeline-content .tl-grip:after{content:"";background:var(--accent);opacity:0;border-radius:1px;height:2px;transition:opacity .15s,transform .2s cubic-bezier(.23,1,.32,1);position:absolute;top:3.5px;left:6px;right:6px;transform:scaleX(.6)}.timeline-content .tl-grip:hover:after,.timeline-content .tl-grip.active:after{opacity:1;transform:none}.timeline-content .tl-grip:focus-visible{outline:none}.timeline-content .tl-grip:focus-visible:after{opacity:1;box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 40%, transparent);transform:none}.timeline-content.tl-resizing,.timeline-content.tl-resizing *{cursor:row-resize!important}.timeline-content.tl-resizing :is(.timeline-row,.layer-clip,.audio-clip,.fx-clip,.waveform){transition:none!important}.timeline-content.tl-wave-borders .audio-clip .waveform.ready path{stroke:var(--bar-ink);stroke-width:1px;stroke-opacity:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke}.timeline-content.tl-wave-borders .audio-clip .waveform.ready{opacity:.75}.timeline-content.tl-wave-full .audio-row:is(.tall,.roomy) .audio-clip .waveform,.timeline-content.tl-wave-full .audio-row:is(.tall,.roomy) .audio-clip .gain-line{height:calc(100% - 4px);inset:2px 0}.timeline-content .audio-row.roomy .audio-clip{align-items:flex-start}.timeline-content .audio-row.roomy .audio-clip .clip-caption{margin-top:4px}.timeline-content:not(.tl-wave-full) .audio-row.roomy .audio-clip :is(.waveform,.gain-line){height:calc(100% - 25px);inset:22px 0 3px}.timeline-content .audio-clip .gain-line{pointer-events:none;width:100%;height:calc(100% - 4px);display:none;position:absolute;inset:2px 0;overflow:visible}.timeline-content.tl-gain .audio-clip .gain-line{display:block}.timeline-content .audio-row.tall:not(.roomy) .audio-clip .gain-line{height:calc(100% - 25px);inset:22px 0 3px}.timeline-content.tl-wave-full .audio-row.tall .audio-clip .gain-line{height:calc(100% - 4px);inset:2px 0}.timeline-content .audio-clip .gain-line path{fill:none;stroke:var(--bar-ink);stroke-width:1.25px;stroke-opacity:.85;vector-effect:non-scaling-stroke}.timeline-content .audio-clip.is-muted .gain-line{opacity:.4}@media (prefers-reduced-motion:reduce){.timeline-content .tl-height-thumb,.timeline-content .tl-grip:after,.timeline-content .tl-viewbtn,.tl-views>button{transition:none}}.context-menu.tl-view-menu .menu-item>.tl-vm-check,.tl-view-sub .menu-item>.tl-vm-check{flex:0 0 15px;margin-left:auto}.context-menu.tl-view-menu .menu-item>span:not(.tl-vm-check),.tl-view-sub .menu-item>span:not(.tl-vm-check){flex:auto}
.timeline-content .track-label>.row-db{color:var(--ink-3)}.timeline-content .track-label>.row-db.silent{opacity:.45}.timeline-content .audio-row .row-toggle.solo{font-size:var(--fs-meta,11px);font-weight:700;line-height:1}.timeline-content .audio-row .row-toggle.solo.on{color:#faca4b;color:lab(84.08% 8.1268 67.2183);background:#f0bb3b29;background:lab(79.3236% 11.1274 68.2268/.16)}.timeline-content .audio-clip .afx-fades{z-index:5}.timeline-content .audio-row:has(.row-toggle.solo.on):not(:has(.row-toggle.mute.on))>.track{background:0 0}.timeline-content .audio-row:has(.row-silent)>.track{background:repeating-linear-gradient(135deg,#0000 0 8px,#ffffff06 8px 16px);background:repeating-linear-gradient(135deg,#0000 0 8px,lab(100% 0 0/.024) 8px 16px)}
.timeline-content{--tl-col:#17181a;--tl-col-hover:#1e1f21;--tl-lane:#141618;--tl-fast:.16s;--tl-ease:cubic-bezier(.23, 1, .32, 1)}@supports (color:lab(0% 0 0)){.timeline-content{--tl-col:lab(8.11272% -.218175 -1.67263);--tl-col-hover:lab(11.5933% -.217527 -1.63766);--tl-lane:lab(6.99768% -.197746 -1.59463)}}.timeline-content :is(.layer-clip,.row-dot,.prop-row,.row-icon,.trim-ghost,.tl-tint,.fx-clip){--c1:var(--g-shape);--c2:oklch(from var(--c1) calc(l - .15) calc(c * 1.15) h)}.timeline-content .text{--c1:var(--g-text)}.timeline-content :is(.image,.video){--c1:var(--g-media)}.timeline-content :is(.layer-clip,.row-dot,.prop-row,.trim-ghost,.tl-tint):is(.comp,.group,.null){--c1:var(--g-composition)}.timeline-content :is(.layer-clip,.row-dot,.prop-row,.tl-tint):is(.shader,.code,.gpu){--c1:var(--g-shader)}.timeline-content :is(.layer-clip,.row-dot,.prop-row,.tl-tint).particles{--c1:var(--g-particles)}.timeline-content :is(.layer-clip,.row-dot,.prop-row,.tl-tint).physics{--c1:var(--g-physics)}.timeline-content .music{--c1:#7ad9a6;--c2:#45b17c}@supports (color:lab(0% 0 0)){.timeline-content .music{--c1:lab(79.8629% -38.1041 16.05);--c2:lab(65.0198% -41.7199 17.6197)}}.timeline-content .voice{--c1:#cc9af5;--c2:#9b5ae0}@supports (color:lab(0% 0 0)){.timeline-content .voice{--c1:lab(70.9451% 31.606 -38.5345);--c2:lab(50.8815% 46.3858 -59.0576)}}.timeline-content .track-label .row-icon.sfx,.timeline-content .audio-clip.sfx{--c1:#dd9f5f;--c2:#aa723b}@supports (color:lab(0% 0 0)){.timeline-content .track-label .row-icon.sfx,.timeline-content .audio-clip.sfx{--c1:lab(70.7561% 18.6858 42.9029);--c2:lab(53.3128% 18.3773 39.3271)}}.timeline-content .track-label .row-icon.fx,.timeline-content .fx-clip{--c1:var(--g-effect)}.timeline-content .layer-clip .clip-tail{z-index:1;background:repeating-linear-gradient(135deg, #0000004d 0 2px, transparent 2px 6px), color-mix(in oklch, var(--tl-lane) 62%, transparent);box-shadow:inset 1px 0 0 var(--bar-edge);position:absolute;top:0;bottom:0;right:0}@supports (color:lab(0% 0 0)){.timeline-content .layer-clip .clip-tail{background:repeating-linear-gradient(135deg, lab(0% 0 0/.3) 0 2px, transparent 2px 6px), color-mix(in oklch, var(--tl-lane) 62%, transparent)}}.timeline-content .layer-clip,.timeline-content .audio-clip,.timeline-content .fx-clip,.timeline-content .prop-row,.timeline-content .row-dot,.timeline-content .trim-ghost,.timeline-content .tl-tint,.timeline-content .track-label .row-icon{--bar:oklch(from var(--c1) .84 calc(c * 1.05) h);--bar-ink:oklch(from var(--c1) .25 calc(c * .45) h);--bar-icon:oklch(from var(--c1) .46 calc(c * 1.05) h);--bar-edge:oklch(from var(--c1) .7 c h / .9);--stripe:oklch(from var(--c1) .77 calc(c * 1.2) h);--sel:oklch(from var(--c1) .72 calc(c * 1.4) h);--sel-dot:oklch(from var(--c1) .42 calc(c * 1.1) h / .5);--sel-line:oklch(from var(--c1) .97 calc(c * .3) h)}.timeline-content .audio-clip{--bar:oklch(from var(--c1) .82 calc(c * .72) h);--bar-icon:oklch(from var(--c1) .42 calc(c * 1.1) h)}.timeline-content .track-label{background:var(--tl-col);border-right-color:var(--line-2);font-size:var(--fs-ui,12px);color:var(--ink-2);transition:background-color var(--tl-fast) ease;gap:0;padding-left:6px}.timeline-content .timeline-row:hover>.track-label{background:var(--tl-col-hover)}.timeline-content .section-label{text-transform:none;font-size:var(--fs-ui,12px);letter-spacing:normal;padding-left:12px}.timeline-content .section-label>.section-title{align-items:center;gap:7px;margin-left:0;display:inline-flex}.timeline-content .section-title .glyph{color:var(--ink-3);flex-shrink:0}.timeline-content .track-label>span:not(.row-icon){margin-left:8px}.timeline-content .lane-toggle,.timeline-content .lane-toggle-space{flex:0 0 18px;width:18px;height:20px}.timeline-content .lane-toggle{border-radius:var(--r-xs);color:var(--ink-3);transition:color var(--tl-fast) ease, background-color var(--tl-fast) ease;place-items:center;display:grid}.timeline-content .lane-toggle:hover{color:var(--ink);background:var(--field-bg)}.timeline-content .lane-toggle .glyph{transition:transform .2s var(--tl-ease)}.timeline-content .lane-toggle.open .glyph{transform:rotate(90deg)}.timeline-content .lane-toggle.open{color:var(--ink-2)}.timeline-content .track-label .row-icon{border-radius:var(--r-sm);width:20px;min-width:20px;height:20px;color:var(--bar);background:color-mix(in oklch, var(--c2) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--c2) 24%, transparent);margin-left:2px}.timeline-content .track-label>.row-dots{flex-shrink:0;margin-left:2px;display:flex;overflow:visible}.timeline-content .row-dot{border-radius:var(--r-xs);width:20px;height:20px;color:var(--bar);transition:transform var(--tl-fast) var(--tl-ease), background-color var(--tl-fast) ease;place-items:center;display:grid}.timeline-content .row-dot:hover,.timeline-content .row-dot:focus-visible{background:color-mix(in oklch, var(--c2) 20%, transparent)}.timeline-content .row-dot:active{transform:scale(.9)}.timeline-content .row-dot.on{background:color-mix(in oklch, var(--c2) 26%, transparent)}.timeline-content .track-label>.row-name{flex:1;min-width:0;margin-left:6px}.row-count{border-radius:var(--r-xs);background:var(--field-bg);min-width:18px;height:16px;color:var(--ink-3);font:500 10px var(--mono);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;margin-left:6px;padding:0 4px;display:grid}.timeline-content .track-label>span.row-actions{background:linear-gradient(90deg, transparent, var(--tl-col-hover) 22px)}:is(.layer-row:has(.row-toggle.hide.on) .row-dots,.layer-row:has(.row-toggle.hide.on) .row-name){opacity:.45}:is(.timeline-content .layer-row:has(.clip-selected)>.track-label,.timeline-content .audio-row:has(.clip-selected)>.track-label,.timeline-content .fx-row:has(.clip-selected)>.track-label){color:var(--ink);background:color-mix(in oklch, var(--accent) 9%, var(--tl-col));box-shadow:inset 2px 0 0 var(--accent)}.timeline-content .layer-row,.timeline-content .audio-row,.timeline-content .fx-row{height:var(--row-h,30px)}.timeline-content .timeline-row .layer-clip,.timeline-content .timeline-row .audio-clip,.timeline-content .timeline-row .fx-clip{height:calc(var(--row-h,30px) - 8px);border-radius:var(--r-xs);color:var(--bar-ink);background:var(--bar);box-shadow:inset 0 0 0 1px var(--bar-edge);transition:box-shadow var(--tl-fast) var(--tl-ease), transform .2s var(--tl-ease), filter var(--tl-fast) ease, opacity var(--tl-fast) ease;padding:0;top:4px}.timeline-content :is(.fx-row,.audio-row:not(.tall),.layer-row) .empty-track{line-height:calc(var(--row-h,30px) - 1px);font-size:var(--fs-ui,12px)}.timeline-content .timeline-row .fx-clip,.timeline-content .timeline-row .layer-clip.shader,.timeline-content .timeline-row .layer-clip.code,.timeline-content .timeline-row .layer-clip.gpu{background:repeating-linear-gradient(-45deg, var(--bar) 0 3.5px, var(--stripe) 3.5px 7px)}.timeline-content .timeline-row .fx-clip{container-type:inline-size}.timeline-content .timeline-row .layer-clip:hover,.timeline-content .timeline-row .audio-clip:hover,.timeline-content .timeline-row .fx-clip:hover{filter:brightness(1.06)}.timeline-content .timeline-row .layer-clip.clip-selected,.timeline-content .timeline-row .audio-clip.clip-selected,.timeline-content .timeline-row .fx-clip.clip-selected{filter:none;box-shadow:inset 0 0 0 1.5px var(--sel-line), 0 0 0 1px #00000073}@supports (color:lab(0% 0 0)){.timeline-content .timeline-row .layer-clip.clip-selected,.timeline-content .timeline-row .audio-clip.clip-selected,.timeline-content .timeline-row .fx-clip.clip-selected{box-shadow:inset 0 0 0 1.5px var(--sel-line), 0 0 0 1px lab(0% 0 0/.45)}}.timeline-content .timeline-row :is(.layer-clip,.audio-clip,.fx-clip).clip-selected:before{content:"";z-index:1;background:radial-gradient(circle at 1.5px 1.5px, var(--sel-dot) .5px, transparent .95px) 0 0 / 3px 3px;pointer-events:none;animation:fade-in .12s var(--ease);position:absolute;inset:1.5px 11.5px}.timeline-content :is(.layer-clip,.audio-clip,.fx-clip,.section-pill):focus-visible{outline:none}.timeline-content :is(.layer-clip,.audio-clip,.fx-clip,.section-pill):focus-visible:not(.edge-start,.edge-end):after{content:"";z-index:5;border-radius:inherit;box-shadow:var(--ring-inset);pointer-events:none;position:absolute;inset:0}.timeline-content .timeline-row :is(.layer-clip,.fx-clip).tiny.clip-selected:before{border-radius:var(--r-2xs);inset:1.5px}.timeline-content .timeline-row .layer-clip.lift,.timeline-content .timeline-row .audio-clip.lift,.timeline-content .timeline-row .fx-clip.lift{box-shadow:inset 0 0 0 1px var(--bar-edge), 0 10px 18px -10px #000000b3}@supports (color:lab(0% 0 0)){.timeline-content .timeline-row .layer-clip.lift,.timeline-content .timeline-row .audio-clip.lift,.timeline-content .timeline-row .fx-clip.lift{box-shadow:inset 0 0 0 1px var(--bar-edge), 0 10px 18px -10px lab(0% 0 0/.7)}}.timeline-content .timeline-row .layer-clip .clip-caption,.timeline-content .timeline-row .audio-clip .clip-caption,.timeline-content .timeline-row .fx-clip .clip-caption{font-size:var(--fs-meta,11px);letter-spacing:.005em;text-shadow:none;z-index:2;justify-content:flex-start;gap:5px;padding:0 10px;font-weight:600}.timeline-content .clip-caption>.clip-icon{color:var(--bar-icon);flex-shrink:0}.timeline-content .clip-caption>.clip-icon[data-brand]{margin-left:2px}.timeline-content .clip-motion{color:color-mix(in oklch, var(--bar-ink) 70%, var(--bar));font-size:var(--fs-micro,10px);opacity:1;font-weight:500}.timeline-content .clip-motion.gpu-clip-note{white-space:nowrap;text-overflow:ellipsis;display:block}.timeline-content .clip-motion .icon{color:var(--bar-icon);width:11px;height:11px}.timeline-content :is(.layer-row,.audio-row) .row-toggle{width:24px;height:24px}.timeline-content .timeline-row :is(.layer-clip,.audio-clip,.fx-clip){--handle:oklch(from var(--c1) .5 calc(c * 1.1) h);--handle-hover:oklch(from var(--c1) .42 calc(c * 1.15) h);--grip:oklch(from var(--c1) .96 calc(c * .3) h)}.timeline-content .layer-clip:not(.tiny) .trim-handle,.timeline-content .fx-clip:not(.tiny) .trim-handle,.timeline-content .audio-clip .trim-handle{z-index:4;width:10px;height:auto;transition:background-color var(--tl-fast) var(--tl-ease);background:0 0;position:absolute;top:1.5px;bottom:1.5px}.timeline-content .layer-clip:not(.tiny) .trim-handle.start,.timeline-content .fx-clip:not(.tiny) .trim-handle.start,.timeline-content .audio-clip .trim-handle.start{border-radius:1.5px 0 0 1.5px;left:1.5px}.timeline-content .layer-clip:not(.tiny) .trim-handle.end,.timeline-content .fx-clip:not(.tiny) .trim-handle.end,.timeline-content .audio-clip .trim-handle.end{border-radius:0 1.5px 1.5px 0;right:1.5px}.timeline-content .layer-clip:not(.tiny) .trim-handle:before,.timeline-content .layer-clip:not(.tiny) .trim-handle:after,.timeline-content .fx-clip:not(.tiny) .trim-handle:before,.timeline-content .fx-clip:not(.tiny) .trim-handle:after,.timeline-content .audio-clip .trim-handle:before,.timeline-content .audio-clip .trim-handle:after{background:var(--grip);opacity:0;width:1.5px;height:max(8px,42%);transition:opacity var(--tl-fast) ease;border-radius:1px;margin-top:0;top:50%;bottom:auto;translate:0 -50%}.timeline-content .layer-clip:not(.tiny) .trim-handle:before,.timeline-content .fx-clip:not(.tiny) .trim-handle:before,.timeline-content .audio-clip .trim-handle:before{left:2.75px}.timeline-content .layer-clip:not(.tiny) .trim-handle:after,.timeline-content .fx-clip:not(.tiny) .trim-handle:after,.timeline-content .audio-clip .trim-handle:after{right:2.75px}.timeline-content :is(.layer-clip:not(.tiny),.fx-clip:not(.tiny),.audio-clip):is(:hover,.clip-selected) .trim-handle{background:var(--handle)}.timeline-content :is(.layer-clip:not(.tiny),.fx-clip:not(.tiny),.audio-clip):is(:hover,.clip-selected) .trim-handle:before,.timeline-content :is(.layer-clip:not(.tiny),.fx-clip:not(.tiny),.audio-clip):is(:hover,.clip-selected) .trim-handle:after{opacity:1}.timeline-content :is(.layer-clip:not(.tiny),.fx-clip:not(.tiny),.audio-clip) .trim-handle:hover{background:var(--handle-hover)}.timeline-content .layer-clip.edge-start:not(.tiny) .trim-handle.start,.timeline-content .layer-clip.edge-end:not(.tiny) .trim-handle.end{background:var(--edit-point)}.timeline-content .layer-clip.edge-start .trim-handle.start:before,.timeline-content .layer-clip.edge-start .trim-handle.start:after,.timeline-content .layer-clip.edge-end .trim-handle.end:before,.timeline-content .layer-clip.edge-end .trim-handle.end:after{opacity:.9;background:#0c1a0f;background:lab(7.59362% -7.9245 4.85903)}.timeline-content .timeline-row .layer-clip.edge-start:after{border-radius:var(--r-xs) var(--r-2xs) var(--r-2xs) var(--r-xs)}.timeline-content .timeline-row .layer-clip.edge-end:after{border-radius:var(--r-2xs) var(--r-xs) var(--r-xs) var(--r-2xs)}.timeline-content .layer-clip.tiny .trim-handle,.timeline-content .fx-clip.tiny .trim-handle{background:var(--handle)}.timeline-content .layer-clip.tiny .trim-handle:before,.timeline-content .fx-clip.tiny .trim-handle:before{background:var(--grip)}.timeline-content .fade-ramp{background:color-mix(in oklch, var(--surface) 55%, transparent)}.timeline-content .clip-selected:not(:hover) .fade-dot{opacity:0;transform:scale(.5)}.timeline-content .fade-dot{width:7px;height:7px;box-shadow:0 0 0 1.5px var(--bar-ink), 0 1px 3px #00000059;margin-left:-3.5px;margin-right:-3.5px;top:2px}@supports (color:lab(0% 0 0)){.timeline-content .fade-dot{box-shadow:0 0 0 1.5px var(--bar-ink), 0 1px 3px lab(0% 0 0/.35)}}.timeline-content .audio-clip .waveform{pointer-events:none;width:100%;height:calc(100% - 4px);fill:var(--bar-icon);opacity:0;transition:opacity .24s var(--tl-ease);display:block;position:absolute;inset:2px 0}.timeline-content .audio-clip .waveform.ready{opacity:.62}.timeline-content .audio-clip .waveform:not(.ready){opacity:.3}.timeline-content .audio-clip.is-muted .waveform{opacity:.28}.timeline-content .timeline-row .audio-clip .clip-caption{border-radius:var(--r-2xs);background:color-mix(in oklch, var(--bar) 90%, transparent);flex:0 auto;height:16px;margin-left:6px;padding:0 6px 0 5px}.timeline-content .audio-row{transition:height .2s var(--tl-ease)}.timeline-content .audio-row.tall{height:64px}.timeline-content .audio-row .audio-clip{transition:box-shadow var(--tl-fast) var(--tl-ease), height .2s var(--tl-ease), filter var(--tl-fast) ease}.timeline-content .audio-row.tall .audio-clip{align-items:flex-start;height:56px}.timeline-content .audio-row.tall .audio-clip .clip-caption{margin-top:4px}.timeline-content .audio-row.tall .audio-clip .waveform{height:calc(100% - 25px);inset:22px 0 3px}.timeline-content .audio-row.tall .empty-track{line-height:63px}.timeline-content.tl-flex :is(.layer-row,.audio-row,.fx-row),.timeline-content.tl-flex .layer-row.has-media{height:var(--row-h);transition:none}.timeline-content.tl-flex .timeline-row :is(.layer-clip,.audio-clip,.fx-clip,.trim-ghost),.timeline-content.tl-flex .timeline-row.has-media :is(.layer-clip,.trim-ghost),.timeline-content.tl-flex .audio-row .audio-clip{height:calc(var(--row-h) - 8px);transition:box-shadow var(--tl-fast) var(--tl-ease), filter var(--tl-fast) ease, opacity var(--tl-fast) ease}.timeline-content.tl-flex :is(.fx-row,.audio-row,.layer-row) .empty-track{line-height:calc(var(--row-h) - 1px)}.timeline-content{--kf-fill:#fccf28;--kf-edge:#da9500}@supports (color:lab(0% 0 0)){.timeline-content{--kf-fill:lab(85.3815% 5.8741 79.3985);--kf-edge:lab(67.3739% 21.4582 90.8867)}}.timeline-content .layer-row.lanes-open{border-bottom-color:#0000}.timeline-content .prop-row{background:var(--tl-lane);height:22px;animation:lane-in .2s var(--tl-ease) both;border-bottom:0}.timeline-content .prop-row.last{border-bottom:1px solid var(--line);height:26px;padding-bottom:4px}@keyframes lane-in{0%{opacity:0;transform:translateY(-4px)}}.timeline-content .prop-label{padding-left:calc(var(--tree-x,85px) + 12px);color:var(--ink-3);padding-right:4px;font-size:11px}.timeline-content .prop-label>.prop-name{text-overflow:ellipsis;flex:1;align-items:baseline;gap:6px;min-width:0;margin-left:0;display:flex;overflow:hidden}.timeline-content .prop-label small{text-overflow:ellipsis;color:var(--ink-4);font-size:10.5px;overflow:hidden}.timeline-content .prop-row:hover>.prop-label{color:var(--ink)}.timeline-content .prop-label>.lane-nav{flex:none;align-items:center;display:inline-flex}.timeline-content .lane-nav button{border-radius:var(--r-xs);width:12px;height:20px;color:var(--ink-4);transition:background-color var(--tl-fast) ease, color var(--tl-fast) ease, opacity var(--tl-fast) ease, transform var(--tl-fast) var(--tl-ease);place-items:center;display:grid}.timeline-content .lane-nav .lane-nav-key{width:17px}.timeline-content .lane-nav button:hover:not(:disabled){background:var(--field-bg);color:var(--ink)}.timeline-content .lane-nav button:active:not(:disabled){transform:scale(.9)}.timeline-content .lane-nav button:disabled{opacity:.3}.timeline-content .lane-nav-key path{fill:color-mix(in oklch, var(--kf-fill) 12%, transparent);stroke:var(--kf-edge);stroke-width:1.4px;transition:fill var(--tl-fast) ease, stroke var(--tl-fast) ease}.timeline-content .lane-nav-key.on path{fill:var(--kf-fill)}@media (pointer:coarse){.timeline-content .lane-nav-step{opacity:1}}.timeline-content .lane-span{background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--bar) 55%, transparent) 0 2px, transparent 2px 5px);pointer-events:none;border:0;height:1.5px;margin-top:-.75px;position:absolute;top:50%}.timeline-content .lane-span.moves{background:var(--bar)}.timeline-content .lane-key{z-index:2;cursor:ew-resize;touch-action:none;place-items:center;width:18px;height:22px;margin:-11px 0 0 -9px;display:grid;position:absolute;top:50%}.timeline-content .lane-key:before{content:"";border-radius:var(--r-2xs);background:var(--kf-fill);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--kf-edge), 0 0 0 1.5px var(--tl-lane);transition:transform var(--tl-fast) var(--tl-ease), box-shadow var(--tl-fast) ease, filter var(--tl-fast) ease;transform:rotate(45deg)}.timeline-content .lane-key:hover:before{filter:brightness(1.12);box-shadow:inset 0 0 0 1px var(--kf-edge), 0 0 0 1.5px var(--tl-lane), 0 0 0 3px color-mix(in oklch, var(--kf-fill) 35%, transparent)}.timeline-content .lane-key:active:before{transform:rotate(45deg)scale(.88)}.timeline-content .lane-key.on:before{box-shadow:inset 0 0 0 1px var(--kf-edge), 0 0 0 1.5px var(--accent), 0 0 6px 1px color-mix(in oklch, var(--accent) 55%, transparent)}.timeline-content .lane-key:focus-visible{outline:none}.timeline-content .lane-key:focus-visible:before{box-shadow:inset 0 0 0 1px var(--kf-edge), 0 0 0 1.5px var(--tl-lane), 0 0 0 3px var(--accent)}.timeline-shell .timeline-toolbar{gap:12px;padding:6px 8px}.timeline-shell .timeline-toolbar .tools-left,.timeline-shell .timeline-toolbar .tools-right{gap:6px}.timeline-shell .timeline-toolbar .tool-group{border-radius:var(--r-md);background:color-mix(in oklch, var(--ink) 4%, transparent);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:1px;padding:2px;display:flex}.timeline-shell .timeline-toolbar .tool{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-2);transition:background-color .15s ease, color .15s ease, transform .15s var(--tl-ease,cubic-bezier(.23, 1, .32, 1))}.timeline-shell .timeline-toolbar .tool:hover:not(:disabled){background:color-mix(in oklch, var(--ink) 8%, transparent);color:var(--ink);transform:none}.timeline-shell .timeline-toolbar .tool:active:not(:disabled){transform:scale(.92)}.timeline-shell .timeline-toolbar .tool:disabled{opacity:.35}.timeline-shell .timeline-toolbar .tool.primary-tool.active{box-shadow:none;color:var(--on-accent)}.timeline-shell .timeline-toolbar .tool.active:not(.primary-tool){color:var(--accent);background:var(--accent-soft)}.timeline-shell .timeline-toolbar .marks .tool{width:28px;height:28px}.timeline-shell .timeline-toolbar .snap-caret{border-radius:var(--r-sm);width:16px;height:28px;margin-left:-2px}.timeline-shell .timeline-toolbar .transport{gap:4px}.timeline-shell .timeline-toolbar .play{width:30px;height:30px;margin:0 2px;transition:transform .15s cubic-bezier(.23,1,.32,1),background-color .15s}.timeline-shell .timeline-toolbar .play:active{transform:scale(.92)}.timeline-shell .timeline-toolbar .readout,.timeline-shell .timeline-toolbar .duration-pick{letter-spacing:.01em;font-size:13px}.timeline-shell .timeline-toolbar .duration-pick{border-radius:var(--r-sm);height:28px}.timeline-shell .timeline-toolbar .zoom-control{gap:2px}.timeline-shell .timeline-toolbar .zoom-control .tool{width:26px}.timeline-shell .timeline-toolbar .zoom-control .slider.mini{appearance:none;cursor:pointer;background:0 0;flex:0 0 76px;width:76px;height:16px;margin:0 2px}.timeline-shell .timeline-toolbar .zoom-control .slider.mini::-webkit-slider-runnable-track{border-radius:var(--r-2xs);background:linear-gradient(90deg, var(--ink-2) calc(var(--p,0) * 100%), var(--line-2) 0);height:3px}.timeline-shell .timeline-toolbar .zoom-control .slider.mini::-moz-range-track{border-radius:var(--r-2xs);background:linear-gradient(90deg, var(--ink-2) calc(var(--p,0) * 100%), var(--line-2) 0);height:3px}.timeline-shell .timeline-toolbar .zoom-control .slider.mini::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);border:0;border-radius:50%;margin-top:-4.5px;transition:transform .15s cubic-bezier(.23,1,.32,1)}.timeline-shell .timeline-toolbar .zoom-control .slider.mini::-moz-range-thumb{background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);border:0;border-radius:50%}.timeline-shell .timeline-toolbar .zoom-control .slider.mini:hover::-webkit-slider-thumb{transform:scale(1.2)}.timeline-shell .timeline-toolbar .zoom-control .slider.mini:active::-webkit-slider-thumb{transform:scale(1.2)}.timeline-shell .timeline-toolbar .zoom-control .slider.mini:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring-inset)}@media (max-width:1360px){.timeline-shell .timeline-toolbar .tool{width:28px}.timeline-shell .timeline-toolbar .tools-left,.timeline-shell .timeline-toolbar .tools-right{gap:4px}}.timeline-shell .timeline-toolbar{grid-template-columns:minmax(max-content,1fr) max-content minmax(max-content,1fr)}.timeline-shell .timeline-toolbar>*{min-width:max-content}.timeline-shell .timeline-toolbar:not([data-fit="0"]){gap:8px}.timeline-shell .timeline-toolbar:not([data-fit="0"]) .zoom-control .slider.mini{display:none}.timeline-shell .timeline-toolbar:is([data-fit="3"],[data-fit="4"]) .tools-left,.timeline-shell .timeline-toolbar:is([data-fit="3"],[data-fit="4"]) .tools-right{gap:4px}.timeline-shell .timeline-toolbar[data-fit="4"]{scrollbar-width:none;gap:6px;padding-inline:8px;overflow-x:auto}.timeline-shell .timeline-toolbar[data-fit="4"] .tool-group{box-shadow:none;background:0 0;padding:0}.timeline-shell .timeline-toolbar[data-fit="4"] .readout{min-width:0}.timeline-shell .timeline-toolbar .shuttle-rate{border-radius:var(--r-xs);background:var(--accent-soft);min-width:26px;height:20px;color:var(--accent);font:600 11px/1 var(--mono);font-variant-numeric:tabular-nums;animation:fade-in .12s var(--ease);place-items:center;padding:0 5px;display:grid}@media (prefers-reduced-motion:reduce){.timeline-content .prop-row{animation:none}.timeline-content .lane-toggle .glyph,.timeline-content .lane-key:before,.timeline-content .audio-row,.timeline-content .audio-row .audio-clip,.timeline-content .audio-clip .waveform,.timeline-content .row-dot,.timeline-shell .timeline-toolbar .tool,.timeline-shell .timeline-toolbar .play{transition:none}}.timeline-content .lane-track{cursor:copy}.timeline-content .lane-ghost{pointer-events:none;z-index:1;width:0;height:0;position:absolute;top:50%}.timeline-content .lane-ghost i{border-radius:var(--r-2xs);width:8px;height:8px;box-shadow:inset 0 0 0 1.25px var(--ink-3);animation:fade-in .12s var(--ease);position:absolute;top:-4px;left:-4px;rotate:45deg}.timeline-content .lane-ghost:after{content:"+";font:600 11px/16px var(--mono);color:var(--ink-3);position:absolute;top:-8px;left:8px}.timeline-content .prop-add .prop-add-select{border-radius:var(--r-sm,6px);max-width:100%;height:24px;color:var(--ink-3);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:500}.timeline-content .prop-add .prop-add-select:hover,.timeline-content .prop-add .prop-add-select:focus-visible{background:var(--field-bg);color:var(--ink);outline:none}.timeline-content .prop-add{height:26px}.timeline-content .ruler-row,.timeline-content .sections-row{background:var(--surface)}.timeline-content .sections-row{box-shadow:0 1px 0 var(--line);transition:box-shadow .2s}.timeline-scroll[data-scrolled] .timeline-content .sections-row{box-shadow:0 1px 0 var(--line), 0 8px 12px -8px #0000008c}@supports (color:lab(0% 0 0)){.timeline-scroll[data-scrolled] .timeline-content .sections-row{box-shadow:0 1px 0 var(--line), 0 8px 12px -8px lab(0% 0 0/.55)}}.timeline-content .audio-group{transition:grid-template-rows .46s cubic-bezier(.32, .72, 0, 1), opacity .3s var(--ease), visibility 0s linear .46s}.timeline-content .audio-group:not(.open){visibility:hidden}.timeline-content .audio-group.open{transition-delay:0s}.timeline-content .ruler-row>.track-label,.timeline-content .sections-row>.track-label{background:#17181a;background:lab(8.11272% -.218175 -1.67263)}.timeline-content .tl-ghost-row{animation:tl-ghost-in .14s var(--tl-ease) both}@keyframes tl-ghost-in{0%{opacity:0}}.timeline-content .tl-ghost-row>.track-label{background:color-mix(in oklch, var(--accent) 8%, var(--tl-col));color:var(--ink-2);gap:8px;padding-left:12px}.timeline-content .tl-ghost-row>.track-label>.tl-ghost-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:0;overflow:hidden}.timeline-content .tl-ghost-row>.track-label>small{border-radius:var(--r-xs);background:color-mix(in oklch, var(--accent) 24%, transparent);color:var(--ink);font-size:var(--fs-micro,10px);flex:none;margin:0 10px 0 auto;padding:1px 6px;font-weight:600}.timeline-content .tl-ghost-row>.track{background:color-mix(in oklch, var(--accent) 5%, transparent)}.timeline-content .timeline-row .tl-ghost-clip{z-index:6;opacity:.78;cursor:default;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--sel-line), 0 8px 16px -10px #000000bf;transition:none}@supports (color:lab(0% 0 0)){.timeline-content .timeline-row .tl-ghost-clip{box-shadow:inset 0 0 0 1.5px var(--sel-line), 0 8px 16px -10px lab(0% 0 0/.75)}}.timeline-content .timeline-row .tl-ghost-clip.provisional{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);-webkit-mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 28px),#0000)}.timeline-content .timeline-row .tl-ghost-clip.pending{animation:tl-ghost-pulse .9s var(--tl-ease) infinite alternate}@keyframes tl-ghost-pulse{to{opacity:.45}}.timeline-content .tl-ghost-note>.track p{left:calc(var(--label-w,360px) + 12px);line-height:calc(var(--row-h,30px) - 1px);color:var(--ink-2);font-size:var(--fs-ui,12px);margin:0;padding:0 12px;display:inline-block;position:sticky}.timeline-content .tl-ghost-note{height:var(--row-h,30px)}@media (prefers-reduced-motion:reduce){.timeline-content .tl-ghost-row,.timeline-content .timeline-row .tl-ghost-clip.pending{animation:none}}[data-pressing],[data-pressing] *{-webkit-user-select:none!important;user-select:none!important;cursor:var(--drag-cursor,var(--press-cursor))!important}
.timeline-content{--ruler-h:36px;--wa:#e8a53c;--wa-hi:#f3b654;--wa-ink:#121316;--tree-x:85px;--tree-line:color-mix(in oklch, var(--ink) 42%, transparent)}@supports (color:lab(0% 0 0)){.timeline-content{--wa:lab(73.0718% 18.9898 61.8299);--wa-hi:lab(78.514% 15.7888 57.466);--wa-ink:lab(5.87705% .0951141 -1.94562)}}.timeline-content .ruler-row,.timeline-content .ruler-row>.ruler{height:var(--ruler-h)}.timeline-content .ruler-row>.ruler{cursor:default}.timeline-content .sections-row,.timeline-content .snap-line,.timeline-content .range-shade{top:var(--ruler-h)}.timeline-content .ruler-tick{height:var(--ruler-h);border-left-color:var(--line-2)}.timeline-content .ruler-tick.minor{border-left-color:var(--ink-4);height:5px;top:auto;bottom:0}.timeline-content .ruler-tick:after{display:none}.timeline-content .ruler-tick small{top:5px}.timeline-content .range-shade{background:#0000003d;background:lab(0% 0 0/.24)}.timeline-content .wa-tint{background:color-mix(in oklch, var(--wa) 10%, transparent);pointer-events:none;transition:background-color .15s;position:absolute;top:0;bottom:0}.timeline-content .ruler:has(.wa-handle.set:is(:hover,.on)) .wa-tint{background:color-mix(in oklch, var(--wa) 14%, transparent)}.timeline-content .wa-handle{width:12px;height:var(--ruler-h);color:var(--wa);cursor:ew-resize;touch-action:none;z-index:3;margin-left:-5px;transition:color .15s;position:absolute;top:0}.timeline-content .wa-handle.end{margin-left:-7px}.timeline-content .wa-handle:not(.set){color:#5b5c5f;color:lab(39.2033% -.209898 -1.49548)}.timeline-content .wa-handle:before{content:"";background:currentColor;position:absolute;inset:0 5px}.timeline-content .wa-handle>i{--notch:color-mix(in oklch, var(--wa-ink) 60%, transparent);border-radius:var(--r-2xs);width:6px;height:16px;box-shadow:0 0 0 1.5px var(--surface);transition:width .16s var(--tl-ease), height .16s var(--tl-ease);background:currentColor;position:absolute;top:50%;left:50%;translate:-50% -50%}.timeline-content .wa-handle>i:before{content:"";border-block:1px solid var(--notch);background:linear-gradient(var(--notch) 0 0) 50% 50% / 100% 1px no-repeat;transition:inset .16s var(--tl-ease);position:absolute;inset:4px 1px 5px}.timeline-content .wa-handle:is(:hover,.on,:focus-visible){color:var(--wa-hi)}.timeline-content .wa-handle:not(.set):is(:hover,.on,:focus-visible){color:#a4a6a8;color:lab(67.9743% -.190407 -1.23336)}.timeline-content .wa-handle:is(:hover,.on,:focus-visible)>i{width:8px;height:20px}.timeline-content .wa-handle:is(:hover,.on,:focus-visible)>i:before{inset:5px 2px 6px}.timeline-content .wa-handle:focus-visible{outline:none}.timeline-content .wa-handle:focus-visible>i{box-shadow:var(--ring-inset), 0 0 0 1.5px var(--surface)}.timeline-content .playhead.on-grip>span{pointer-events:none}.timeline-content .playhead.on-grip>span path{stroke:#0000;stroke-width:1px;transition:fill-opacity .15s,stroke .15s}:is(.timeline-content>.playhead-rail:has(~.ruler-row .wa-handle.set.start:is(:hover,.on,:focus-visible)) .playhead.on-grip[data-grip=start]>span .playhead-head,.timeline-content>.playhead-rail:has(~.ruler-row .wa-handle.set.end:is(:hover,.on,:focus-visible)) .playhead.on-grip[data-grip=end]>span .playhead-head){fill-opacity:.12;stroke:#e5533d;stroke:lab(55.9508% 56.6292 44.131)}.timeline-content .wa-guide{top:var(--ruler-h);background:color-mix(in oklch, var(--wa) 55%, transparent);pointer-events:none;z-index:29;width:2px;position:absolute;bottom:0;left:0}.timeline-content .wa-guide.snapped{background:var(--wa-hi);box-shadow:0 0 6px color-mix(in oklch, var(--wa) 60%, transparent)}.timeline-content .wa-chip{border-radius:var(--r-xs);background:var(--wa);height:16px;color:var(--wa-ink);font:600 10px/16px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;z-index:5;transform-origin:0;animation:wa-chip-in .14s var(--tl-ease) both;margin:-8px 0 0 9px;padding:0 5px;position:absolute;top:50%}.timeline-content .wa-chip.end{transform-origin:100%;margin-left:0;translate:calc(-100% - 9px)}.timeline-content .wa-chip.start.out{transform-origin:100%;margin-left:0;translate:calc(-100% - 7px)}.timeline-content .wa-chip.end.out{transform-origin:0;translate:7px}@keyframes wa-chip-in{0%{opacity:0;scale:.92}}.timeline-content .marker-flag:focus-visible{outline:none}.timeline-content .marker-flag:focus-visible:before{border-radius:var(--r-2xs,2px);box-shadow:0 0 0 1.5px var(--accent)}.timeline-content .marker-flag{width:11px;height:12px;color:var(--mk);cursor:grab;touch-action:none;z-index:4;margin-left:-5.5px;position:absolute;bottom:1px}.timeline-content .marker-flag.locked{cursor:pointer}.timeline-content .marker-flag:before{content:"";position:absolute;inset:-2px -3px -1px}.timeline-content .marker-flag svg{fill:currentColor;filter:drop-shadow(0 1px 1px #00000059);filter:drop-shadow(0 1px 1px lab(0% 0 0/.35));transition:transform .15s var(--tl-ease);transform-origin:50% 100%;display:block}.timeline-content .marker-flag:hover svg,.timeline-content .marker-flag.on svg{transform:scale(1.12)}.timeline-content .marker-flag.locked svg{fill:color-mix(in oklch, var(--mk) 55%, var(--surface));stroke:var(--mk);stroke-width:1.4px}.timeline-content .marker-tip{border-radius:var(--r-2xs,2px);background:var(--mk);height:13px;color:oklch(from var(--mk) .22 .03 h);font:600 10px/13px var(--font,inherit);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease, translate .16s var(--tl-ease);align-items:center;gap:5px;padding:0 5px;display:flex;position:absolute;bottom:0;left:14px;translate:-3px}.timeline-content .marker-tip small{font:500 9.5px var(--mono);opacity:.72}.timeline-content .marker-flag:hover .marker-tip{opacity:1;translate:0}.timeline-content .marker-line{top:var(--ruler-h);background:color-mix(in oklch, var(--mk) 38%, transparent);pointer-events:none;width:1px;position:absolute;bottom:0;left:0}.timeline-content{--row-h:32px;--lp-cell:22px;--lp-gap:2px;--lp-pad:6px;--lp-indent:16px;--lp-3d:1;--lp-audio:1;--lp-3d-hide:initial;--lp-audio-hide:initial;--lp-name-x:calc(var(--lp-pad) + (4 + var(--lp-3d) + var(--lp-audio)) * (var(--lp-cell) + var(--lp-gap)) + 6px);--lp-head-bg:#212325}@supports (color:lab(0% 0 0)){.timeline-content{--lp-head-bg:lab(13.449% -.223517 -1.67544)}}.timeline-content:not(:has(.lp-row>.lp-3d)){--lp-3d:0;--lp-3d-hide:none}.timeline-content:not(:has(.lp-row>.lp-sound)){--lp-audio:0;--lp-audio-hide:none}.timeline-content .lp-slot.lp-slot-3d{display:var(--lp-3d-hide,inline)}.timeline-content .lp-slot.lp-slot-audio{display:var(--lp-audio-hide,inline)}.timeline-content .lp-col.lp-col-3d{display:var(--lp-3d-hide,grid)}.timeline-content .lp-col.lp-col-audio{display:var(--lp-audio-hide,grid)}.timeline-content :is(.lp-row,.prop-row){--tree-x:calc(var(--lp-name-x) + var(--depth,0) * var(--lp-indent) + 14px + 8px)}.timeline-content .timeline-row>.track-label.lp-row{padding:0 4px 0 var(--lp-pad);cursor:default;-webkit-user-select:none;user-select:none;gap:0}.timeline-content .timeline-row>.track-label.lp-row>*{flex-shrink:0;margin-left:0}.timeline-content .lp-row button:disabled{cursor:default}.timeline-content .lp-row>:is(.lp-cell,.lp-slot,.lp-swatch,.lp-tag){width:var(--lp-cell);height:var(--lp-cell);margin-right:var(--lp-gap)}.timeline-content .lp-cell{background:var(--surface-2);color:var(--ink-2);border-radius:5px;place-items:center;transition:background-color .15s,color .15s;display:grid}.timeline-content button.lp-cell:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.timeline-content button.lp-cell:active:not(:disabled) .mb-glyph{transform:scale(.88)}.timeline-content .lp-lock .mb-glyph{color:var(--ink-4);transition:color .15s}.timeline-content .lp-row:hover .lp-lock:not(.on,:disabled) .mb-glyph{color:color-mix(in oklch, var(--ink) 27%, transparent)}.timeline-content .lp-lock:not(.on):is(:hover,:focus-visible):not(:disabled) .mb-glyph{color:var(--ink-2)}.timeline-content .lp-lock.on .mb-glyph{color:inherit}.timeline-content .lp-eye.off,.timeline-content .lp-sound.off{color:var(--ink-4)}.timeline-content .lp-3d{color:var(--ink-3)}.timeline-content .lp-sound{position:relative}.timeline-content .lp-sound.off:after{content:"";background:currentColor;border-radius:1px;width:14px;height:1.5px;position:absolute;rotate:-45deg}.timeline-content .lp-swatch{border-radius:5px;place-items:center;display:grid}.timeline-content .lp-swatch i{border-radius:var(--r-sm);background:var(--bar);width:18px;height:18px;transition:transform .15s var(--tl-ease), box-shadow .15s ease;box-shadow:inset 0 0 0 1px #00000038;box-shadow:inset 0 0 0 1px lab(0% 0 0/.22)}.timeline-content .lp-swatch:hover:not(:disabled) i{box-shadow:inset 0 0 0 1px #00000038, 0 0 0 1.5px var(--tl-col), 0 0 0 2.5px var(--ink-3)}@supports (color:lab(0% 0 0)){.timeline-content .lp-swatch:hover:not(:disabled) i{box-shadow:inset 0 0 0 1px lab(0% 0 0/.22), 0 0 0 1.5px var(--tl-col), 0 0 0 2.5px var(--ink-3)}}.timeline-content .lp-swatch:active:not(:disabled) i{transform:scale(.9)}.timeline-content .lp-tag{color:var(--ink-3);border-radius:5px;place-items:center;transition:background-color .15s,color .15s;display:grid}.timeline-content .lp-row:hover .lp-tag:not(.set){color:var(--ink-2)}.timeline-content .lp-tag:hover:not(:disabled){background:var(--surface-2);color:var(--ink-2)}.timeline-content .lp-chips{gap:2px;display:flex}.timeline-content .lp-chips i{border-radius:1.5px;width:4px;height:12px;box-shadow:inset 0 0 0 .5px #00000040;box-shadow:inset 0 0 0 .5px lab(0% 0 0/.25)}.timeline-content .lp-indent{width:calc(6px + var(--depth,0) * var(--lp-indent))}.timeline-content .lp-caret,.timeline-content .lp-caret-space{width:14px;height:22px}.timeline-content .lp-caret{border-radius:var(--r-sm);color:var(--ink-3);place-items:center;transition:color .15s;display:grid}.timeline-content .lp-caret:hover{color:var(--ink)}.timeline-content .lp-caret .mb-glyph{transition:transform .2s var(--tl-ease)}.timeline-content .lp-caret.open .mb-glyph{transform:rotate(90deg)}.timeline-content .timeline-row>.lp-row>.lp-label{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.timeline-content .lp-row .lp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);font-size:var(--fs-title,13px);line-height:18px;overflow:hidden}.timeline-content .lp-row.on .lp-name{color:var(--ink)}.timeline-content .layer-row:has(.clip-selected) .lp-name{color:var(--ink)}.timeline-content .lp-row.is-hidden :is(.lp-label,.lp-swatch i),.timeline-content .lp-row.context .lp-label{opacity:.45}.timeline-content .layer-row:has(>.lp-row.is-hidden)>.track{background:repeating-linear-gradient(135deg,#0000 0 8px,#ffffff06 8px 16px);background:repeating-linear-gradient(135deg,#0000 0 8px,lab(100% 0 0/.024) 8px 16px)}.timeline-content .lp-row .lh-rename{background:var(--field-bg);min-width:0;height:22px;box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink);font:inherit;font-size:var(--fs-title,13px);border:0;border-radius:5px;outline:none;flex:1 1 0;padding:0 6px}.timeline-content .timeline-row>.track-label.lp-row.on{background:var(--surface-3);box-shadow:none}.timeline-content .layer-row:has(.clip-selected)>.track-label.lp-row{background:var(--surface-3);box-shadow:none}.timeline-content .lp-btn{width:22px;height:22px;color:var(--ink-3);border-radius:5px;place-items:center;transition:opacity .15s,background-color .15s,color .15s;display:grid}.timeline-content .lp-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.timeline-content .lp-drawon{opacity:0}.timeline-content .lp-row:hover .lp-drawon,.timeline-content .lp-drawon:focus-visible{opacity:1}.timeline-content .lp-keys{align-items:center;margin-left:2px;display:inline-flex}.timeline-content .lp-keys>*{border-radius:var(--r-sm);width:16px;height:22px;color:var(--ink-2);place-items:center;transition:background-color .15s,color .15s;display:grid}.timeline-content .lp-keys button:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.timeline-content .lp-keys button:active:not(:disabled) .mb-glyph{transform:scale(.86)}.timeline-content .lp-keys .lp-step:disabled{opacity:.5}.timeline-content .lp-keys.none>*{opacity:.6}.timeline-content .lp-keys .lp-key .mb-glyph[data-tone=color]{--gp:var(--kf-fill)}.timeline-content .lp-link{border-radius:5px;place-items:center;width:18px;height:22px;margin-left:1px;display:grid}.timeline-content .lp-link i{width:10px;height:10px;box-shadow:inset 0 0 0 1.25px var(--ink-4);transition:box-shadow .15s ease, background-color .15s ease, transform .15s var(--tl-ease);border-radius:50%}.timeline-content .lp-link.on i{background:radial-gradient(circle, var(--accent) 0 2.5px, transparent 3px);box-shadow:inset 0 0 0 1.25px var(--ink-3)}.timeline-content .lp-link:hover i{box-shadow:inset 0 0 0 1.25px var(--ink);transform:scale(1.1)}@media (pointer:coarse){.timeline-content .lp-drawon{opacity:1}.timeline-content .lp-lock .mb-glyph{color:inherit}}.timeline-content .lp-row.packed>.lp-dots{gap:1px;display:flex}.timeline-content .lp-dot{border-radius:5px;place-items:center;width:22px;height:22px;transition:background-color .15s;display:grid}.timeline-content .lp-dot:hover,.timeline-content .lp-dot.on{background:var(--surface-2)}.timeline-content .lp-row.packed>.lp-name{flex:auto;margin-left:6px}.timeline-content .lp-row.packed>.row-count{margin:0 4px 0 6px}.timeline-content .layer-row.lanes-open>.lp-row:after{content:"";left:calc(var(--tree-x) - .5px);border-left:1px dotted var(--tree-line);pointer-events:none;position:absolute;top:calc(50% + 9px);bottom:0}.timeline-content .audio-row,.timeline-content .fx-row{animation:tl-row-in .22s var(--tl-ease)}@keyframes tl-row-in{0%{opacity:0}}.timeline-content .ruler-row>.track-label.ruler-label{padding:0 4px 0 var(--lp-pad);background:var(--lp-head-bg);box-shadow:inset 0 -1px 0 var(--line)}.timeline-content .lp-head{align-items:center;width:100%;min-width:0;height:100%;display:flex}.timeline-content .lp-cols{gap:var(--lp-gap);flex-shrink:0;display:flex}.timeline-content .lp-col{width:var(--lp-cell);height:var(--lp-cell);color:var(--ink-3);place-items:center;display:grid}.timeline-content .lp-search{border-radius:var(--r-md);min-width:0;height:24px;color:var(--ink-3);cursor:text;flex:auto;align-items:center;gap:4px;margin-left:13px;padding:0 4px 0 7px;transition:background-color .15s,box-shadow .15s;display:flex;position:relative}.timeline-content .lp-search:hover{background:color-mix(in oklch, var(--ink) 5%, transparent)}.timeline-content .lp-head.no-cols .lp-search{margin-left:0}.timeline-content .lp-search.set,.timeline-content .lp-search.focus{background:var(--field-bg)}.timeline-content .lp-search.focus{box-shadow:var(--ring-inset)}.timeline-content .lp-search input{min-width:0;height:100%;color:var(--ink);font:500 var(--fs-title,13px) / 1 var(--font,inherit);background:0 0;border:0;outline:none;flex:auto;padding:0}.timeline-content .lp-search input::placeholder{color:var(--ink-2);opacity:1}.timeline-content .lp-search.focus input::placeholder{color:var(--ink-4);font-weight:400}.timeline-content .lp-search-glyph{opacity:0;transition:opacity .15s}.timeline-content .lp-search:hover .lp-search-glyph,.timeline-content .lp-search.focus .lp-search-glyph{opacity:1}.timeline-content .lp-found{color:var(--ink-3);font:500 10.5px var(--mono);font-variant-numeric:tabular-nums}.timeline-content .lp-clear{border-radius:var(--r-sm);width:18px;height:18px;color:var(--ink-3);place-items:center;display:grid}.timeline-content .lp-clear:hover{background:var(--surface-3);color:var(--ink)}.timeline-content .lp-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:4px;display:flex}.timeline-content .lp-actions .lp-btn{background:color-mix(in oklch, var(--ink) 6%, transparent);width:24px;height:24px;color:var(--ink-2)}.timeline-content .lp-actions .lp-btn:hover:not(:disabled){background:color-mix(in oklch, var(--ink) 12%, transparent)}.timeline-content .lp-actions .lp-btn:active:not(:disabled){transform:scale(.92)}.timeline-content .lp-actions .lp-btn:disabled{opacity:.4}.timeline-content .lp-count{background:var(--accent-soft);height:20px;color:var(--accent);font:600 11px var(--mono);font-variant-numeric:tabular-nums;animation:fade-in .12s var(--ease);border-radius:5px;align-items:center;gap:3px;margin-right:2px;padding:0 5px 0 7px;display:inline-flex}.timeline-content .lp-none{width:var(--label-w);padding:12px var(--lp-pad) 12px var(--lp-name-x);color:var(--ink-3);margin:0;font-size:12px;position:sticky;left:0}.timeline-content .lp-none b{color:var(--ink-2);font-weight:500}.timeline-content .lp-none button{color:var(--accent)}.timeline-content .tl-drop-row{height:40px}.timeline-content .tl-drop-row>.track{border-radius:var(--r-md);background:color-mix(in oklch, var(--accent) 10%, transparent);height:auto;box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--accent) 55%, transparent);margin:4px 16px 4px 4px}.timeline-content .tl-drop-note{left:calc(var(--label-w) + 12px);max-width:100%;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;vertical-align:top;margin:0;padding:0 12px;font-size:12px;line-height:30px;display:inline-block;position:sticky;overflow:hidden}.lp-hints{z-index:330;border-radius:var(--r-md);background:var(--menu);min-width:190px;box-shadow:0 0 0 .5px var(--line-2), var(--pop-shadow);animation:pop-up .14s var(--spring);transform-origin:0 0;padding:4px;display:grid;position:fixed}.lp-hint{height:26px;color:var(--ink);text-align:left;border-radius:5px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.lp-hint:hover,.lp-hint[aria-selected=true]{background:var(--field-bg)}.lp-hint i,.lp-tag-pick i{border-radius:var(--r-xs);flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0003;box-shadow:inset 0 0 0 1px lab(0% 0 0/.2)}.lp-hint kbd{color:var(--ink-4);font:500 10px var(--mono);margin-left:auto}.lp-hint-none{color:var(--ink-3);margin:0;padding:6px 8px;font-size:11.5px}.tl-float .lp-pop-head{min-width:0;color:var(--ink-3);align-items:center;gap:6px;display:flex}.tl-float .lp-pop-head strong{color:var(--ink);font-weight:600}.tl-float .lp-pop-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.lp-tags-pop{width:248px}.lp-tag-list{gap:1px;max-height:232px;margin:0 -4px;display:grid;overflow:auto}.lp-tag-row{align-items:center;display:flex}.lp-tag-pick{border-radius:var(--r-md);min-width:0;height:26px;color:var(--ink-2);text-align:left;flex:1;align-items:center;gap:8px;padding:0 6px;transition:background-color .12s;display:flex}.lp-tag-pick span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lp-tag-pick.all,.lp-tag-pick.some{color:var(--ink)}.lp-tag-pick b{width:16px;color:var(--ink-2);place-items:center;font-weight:500;display:grid}.lp-tag-pick:hover,.lp-tag-del:hover{background:var(--field-bg)}.lp-tag-del{width:22px;height:22px;color:var(--ink-3);opacity:0;border-radius:5px;flex:none;place-items:center;margin-left:2px;transition:opacity .12s;display:grid}.lp-tag-row:hover .lp-tag-del,.lp-tag-del:focus-visible{opacity:1}.lp-tag-new{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px 6px;padding-top:8px;display:grid}.lp-tag-list:empty+.lp-tag-new,.lp-pop-head+.lp-tag-new{border-top:0;padding-top:0}.lp-tag-new .tl-swatches{grid-column:1/-1}.lp-tag-add{border-radius:var(--r-sm);background:var(--accent-fill,var(--accent));color:#fff;color:lab(100% 0 0);height:24px;transition:opacity .15s ease, transform .15s var(--tl-ease,ease);padding:0 10px;font-weight:600}.lp-tag-add:active:not(:disabled){transform:scale(.95)}.lp-tag-add:disabled{opacity:.35}.lp-links-pop{max-width:min(640px,100vw - 24px)}.lp-uses{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lp-uses>small{color:var(--ink-3);margin-right:2px;font-size:11px}.lp-use{border-radius:var(--r-md);background:var(--field-bg);height:24px;color:var(--ink);align-items:center;gap:5px;padding:0 8px 0 5px;font-size:11.5px;transition:background-color .12s;display:inline-flex}.lp-use:hover{background:var(--surface-3)}.lp-use small{color:var(--ink-3);font-size:10.5px}.lp-graph{border-radius:var(--r-lg);max-height:360px;overflow:auto}.timeline-content .prop-label>.lane-nav{flex:none;align-items:center;margin-left:0;display:inline-flex}.timeline-content .lane-nav button{border-radius:var(--r-xs);height:20px;color:var(--ink-4);opacity:1;transition:background-color .15s ease, color .15s ease, transform .15s var(--tl-ease);place-items:center;display:grid}.timeline-content .lane-nav-step{width:12px}.timeline-content .lane-nav .lane-nav-key{width:17px}.timeline-content .lane-nav button:hover:not(:disabled){background:var(--field-bg);color:var(--ink)}.timeline-content .lane-nav button:active:not(:disabled){transform:scale(.88)}.timeline-content .lane-nav button:disabled{opacity:.28}.timeline-content .prop-row .lane-nav-step,.timeline-content .prop-row:hover .lane-nav-step:disabled{opacity:1}.timeline-content .prop-row .lane-nav-step:disabled{opacity:.28}.timeline-content .lane-nav-key path{fill:color-mix(in oklch, var(--kf-fill) 10%, transparent);stroke:var(--kf-edge);stroke-width:1.4px;transition:fill .15s}.timeline-content .lane-nav-key.on path{fill:var(--kf-fill)}.timeline-content .prop-label{padding-left:calc(var(--tree-x) + 12px);gap:0;padding-right:4px;position:sticky}.timeline-content .timeline-row>.prop-label>:not(.prop-tree){margin-left:0}.timeline-content .prop-label>.prop-tree{left:var(--tree-x);border-left:1px dotted var(--tree-line);border-bottom:1px dotted var(--tree-line);width:8px;height:50%;margin:0;position:absolute;top:0}.timeline-content .prop-row:not(.last) .prop-tree:after{content:"";border-left:1px dotted var(--tree-line);height:calc(100% + 1px);position:absolute;top:100%;left:-1px}.timeline-content .prop-label>.prop-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);font-size:var(--fs-ui,12px);flex:auto;display:block;overflow:hidden}.timeline-content .prop-label>.prop-name small{margin-left:5px}.timeline-content .timeline-row>.prop-label>.lane-value{color:var(--ink-3);font:500 10.5px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:4px;margin:0 3px 0 6px;display:inline-flex}.timeline-content .prop-row:hover .lane-value{color:var(--ink-2)}.timeline-content .lane-chip{border-radius:var(--r-2xs);width:8px;height:8px;box-shadow:inset 0 0 0 1px #0003;box-shadow:inset 0 0 0 1px lab(0% 0 0/.2)}.timeline-content .timeline-row>.prop-label>.prop-add-select{height:20px;font-size:var(--fs-meta,11px);margin-left:-6px;padding:0 6px}.tl-float{z-index:320;border-radius:var(--r-lg);background:var(--menu);min-width:232px;box-shadow:var(--pop-shadow);color:var(--ink);font-size:var(--fs-ui,12px);animation:pop-in .18s var(--spring);transform-origin:bottom;gap:8px;padding:10px;display:grid;position:fixed}.tl-float.below{transform-origin:top;animation-name:pop-up}.tl-float .tl-field{color:var(--ink-3);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;display:grid}.tl-float .tl-check{cursor:pointer}.tl-float :is(.tl-text-input,.tl-time-input){border-radius:var(--r-sm);background:var(--field-bg);width:100%;height:24px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:500 12px var(--font,inherit);border:0;outline:none;padding:0 7px;transition:box-shadow .15s}.tl-float .tl-time-input{font-family:var(--mono);font-variant-numeric:tabular-nums}.tl-float :is(.tl-text-input,.tl-time-input):focus{box-shadow:var(--ring-inset)}.tl-float .tl-time-input.bad{box-shadow:inset 0 0 0 1px var(--danger)}.tl-swatches{flex-wrap:wrap;gap:5px;display:flex}.tl-swatch{border-radius:var(--r-sm);width:16px;height:16px;transition:transform .15s var(--tl-ease,ease), box-shadow .15s ease;box-shadow:inset 0 0 0 1px #0003;box-shadow:inset 0 0 0 1px lab(0% 0 0/.2)}.tl-swatch:hover{transform:scale(1.12)}.tl-swatch[aria-checked=true]{box-shadow:0 0 0 1.5px var(--menu), 0 0 0 3px var(--ink)}.tl-swatch.default,.tl-dot.none{background:linear-gradient(135deg, transparent calc(50% - .75px), var(--ink-3) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)), var(--field-bg)}.tl-float .tl-hint{color:var(--ink-4);font-size:var(--fs-meta,11px);margin:0}.tl-float .tl-pop-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.tl-float .tl-danger{border-radius:var(--r-sm);height:24px;color:var(--danger);align-items:center;gap:5px;padding:0 8px;font-weight:500;transition:background-color .15s;display:inline-flex}.tl-float .tl-danger:hover{background:color-mix(in oklch, var(--danger) 14%, transparent)}.tl-float .tl-switch{appearance:none;border-radius:var(--r-sm);background:var(--line-2);cursor:pointer;width:26px;height:15px;margin:0;transition:background-color .15s;position:relative}.tl-float .tl-switch:after{content:"";border-radius:var(--r-xs);width:11px;height:11px;transition:translate .18s var(--tl-ease,ease);background:#fff;background:lab(100% 0 0);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d;box-shadow:0 1px 2px lab(0% 0 0/.3)}.tl-float .tl-switch:checked{background:var(--accent-fill,var(--accent))}.tl-float .tl-switch:checked:after{translate:11px}.tl-float .tl-switch:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:calc(-1 * var(--ring-width))}.tl-float.label-pop{min-width:0;padding:8px}.tl-float.label-pop .tl-swatches{flex-wrap:nowrap}.tl-float.bookend-pop{min-width:220px}.tl-float.bookend-pop .tl-field{grid-template-columns:76px minmax(0,1fr)}.tl-menu .tl-dot{border-radius:var(--r-xs);flex-shrink:0;width:10px;height:10px;margin:0 3px;box-shadow:inset 0 0 0 1px #0003;box-shadow:inset 0 0 0 1px lab(0% 0 0/.2)}.tl-menu .menu-item>.glyph{flex-shrink:0;width:16px}.context-menu.tl-submenu{min-width:170px;animation-duration:.14s}.timeline-shell .timeline-toolbar .tool.add-button{width:auto;color:var(--ink);align-items:center;gap:5px;padding:0 8px 0 7px;font-size:12.5px;font-weight:600;display:inline-flex}.timeline-shell .timeline-toolbar .tool.add-button>.icon:last-child{color:var(--ink-3);margin-left:1px}.timeline-shell .timeline-toolbar .tool.add-button.active{color:var(--ink);background:color-mix(in oklch, var(--ink) 9%, transparent)}.menu.tl-more{min-width:250px}@media (prefers-reduced-motion:reduce){.timeline-content :is(.marker-tip,.marker-flag svg,.lp-caret .mb-glyph,.lp-swatch i,.lp-link i,.wa-tint,.wa-handle,.wa-handle>i),.timeline-content .wa-handle>i:before,.tl-swatch,.tl-float .tl-switch:after{transition:none}.tl-float,.lp-hints,.timeline-content :is(.audio-row,.fx-row,.wa-chip){animation:none}}
.timeline-content .trim-handle.start{cursor:var(--cur-trim-in,ew-resize)}.timeline-content .trim-handle.end{cursor:var(--cur-trim-out,ew-resize)}.timeline-content .cut{cursor:var(--cur-roll,col-resize)}.timeline-content .tl-grip{cursor:var(--cur-row-resize,row-resize)}.timeline-scroll[data-alt] .timeline-content:not(.tl-blade) [data-clip]:not(.is-locked){cursor:var(--cur-copy,copy)}[data-gesture-ghost].tl-copy{outline-offset:-1px;outline:1px dashed #ffffff8c;outline:1px dashed lab(100% 0 0/.55)}.timeline-content.tl-blade .timeline-row:is(.layer-row,.audio-row)>.track,.timeline-content.tl-blade .timeline-row:is(.layer-row,.audio-row)>.track *{cursor:var(--cur-blade,crosshair)!important}.tl-blade-line{background:var(--danger);pointer-events:none;z-index:29;will-change:transform;width:1px;position:absolute;top:0;left:0}.tl-blade-line.locked{background:var(--ink-4)}.tl-readout{z-index:10000;border-radius:var(--r-sm);color:var(--ink);font:600 11px/14px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0b0c0e;background:lab(3.35599% -.105575 -.872201);flex-direction:column;align-items:flex-end;gap:1px;padding:4px 7px;display:flex;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px -4px #000000b3;box-shadow:inset 0 0 0 1px lab(100% 0 0/.1),0 4px 12px -4px lab(0% 0 0/.7)}.tl-readout>span+span{color:#a9abad;color:lab(69.8275% -.213474 -1.49755);font-weight:500}.tl-readout.warn>span:last-child{color:var(--warn)}.timeline-content .snap-line{box-shadow:none}.tl-snap-flash{background:var(--ink);pointer-events:none;z-index:6;width:2px;animation:tl-snap-flash .5s var(--ease-out) forwards;border-radius:1px;margin-left:-1px;position:absolute}@keyframes tl-snap-flash{0%{opacity:1}to{opacity:0}}.timeline-content [data-gesture-ghost]{transition:none!important}.timeline-content [data-clip].tl-origin{outline-offset:-1px;outline:1px dashed #ffffff59;outline:1px dashed lab(100% 0 0/.35)}.timeline-content .timeline-row.tl-drop-ok>.track{background:color-mix(in oklch, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 60%, transparent)}.timeline-content .timeline-row.tl-drop-blocked>.track{background:color-mix(in oklch, var(--danger) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--danger) 60%, transparent)}.tl-insert-line{background:var(--accent);pointer-events:none;z-index:29;height:2px;margin-top:-1px;position:absolute;top:0;left:0;right:0}.tl-insert-line:before{content:"";left:calc(var(--label-w,360px) - 4px);background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px}.timeline-content .timeline-row.layer-row.tl-empty-track{height:32px}.timeline-content .tl-empty-track>.track:before{content:"";border:1px dashed var(--line-2);border-radius:var(--r-xs);pointer-events:none;position:absolute;inset:5px 8px 5px 0}.timeline-content .tl-empty-label{width:var(--label-w,360px);min-width:var(--label-w,360px);font-size:var(--fs-ui,12px);gap:6px;padding:0 8px 0 122px}.timeline-content .tl-empty-label>span{color:#a9abad;color:lab(69.8275% -.213474 -1.49755);margin-left:0}.timeline-content .tl-empty-label.drop-into{box-shadow:inset 0 0 0 1.5px var(--accent)}.tl-track-btn{border-radius:var(--r-sm);color:#cfd1d4;color:lab(83.7476% -.214398 -1.49808);min-width:22px;height:22px;font-size:var(--fs-ui,12px);justify-content:center;align-items:center;gap:4px;padding:0 6px;transition:background-color .12s,color .12s;display:inline-flex}.tl-track-btn:hover{background:var(--hover);color:var(--ink)}.tl-track-btn:focus-visible{box-shadow:var(--ring-inset);outline:none}.tl-empty-label .tl-track-btn{margin-left:auto;padding:0}.timeline-content .timeline-row.tl-add-row{border-bottom:0;height:30px}.timeline-content .tl-add-row>.track-label{width:var(--label-w,360px);min-width:var(--label-w,360px);border-right-color:#0000;padding-left:116px}.tl-hover-line{pointer-events:none;z-index:25;will-change:transform;border-left:1px dashed #f7f8fa;border-left:1px dashed lab(97.6708% -.162274 -1.12438);width:0;position:absolute;top:0;left:0;box-shadow:1px 0 #0c0d0f8c;box-shadow:1px 0 lab(3.69165% -.113092 -.928384/.55)}.hover-preview-badge{z-index:30;border-radius:var(--r-sm);color:var(--ink);font:600 11px/14px var(--mono);font-variant-numeric:tabular-nums;pointer-events:none;background:#0b0c0e;background:lab(3.35599% -.105575 -.872201);align-items:baseline;gap:6px;padding:4px 8px;display:flex;position:absolute;top:14px;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px -4px #000000b3;box-shadow:inset 0 0 0 1px lab(100% 0 0/.1),0 4px 12px -4px lab(0% 0 0/.7)}.hover-preview-badge>span{color:#a9abad;color:lab(69.8275% -.213474 -1.49755);font-family:inherit;font-weight:500}
:root .menu.add-menu{width:280px;min-width:0;max-height:min(336px, var(--pop-room,calc(100vh - 16px)));flex-direction:column;padding:5px;display:flex;overflow:hidden}.add-pal{min-height:0;font-size:var(--fs-title,13px);flex-direction:column;flex:0 auto;display:flex}.add-pal-back{border-radius:var(--r-sm);height:28px;color:var(--ink);text-align:left;flex-shrink:0;align-items:center;gap:6px;padding:0 6px;display:flex}.add-pal-back:hover{background:var(--hover)}.add-pal-back:focus-visible{box-shadow:var(--ring-inset);outline:none}.add-pal-back strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.add-pal-back em{font-style:normal;font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums;color:var(--ink-3);flex-shrink:0}.add-pal-back>.sub-caret{color:var(--ink);flex:0 0 16px}.add-pal-find{flex-shrink:0;align-items:center;margin-bottom:5px;display:flex;position:relative}.add-pal-back+.add-pal-find{margin-bottom:3px}.add-pal-find>.mb-glyph{color:var(--ink-3);pointer-events:none;position:absolute;left:8px}:root .add-pal-find>.field{border-radius:var(--r-sm);width:100%;height:28px;font-size:var(--fs-ui,12px);padding:0 8px 0 30px}.add-pal-list{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:0;overflow-y:auto}.add-pal-head{font-size:var(--fs-meta,11px);color:var(--ink-3);padding:7px 9px 3px;font-weight:500;line-height:14px}.add-pal-note{font-size:var(--fs-ui,12px);color:var(--ink-2);margin:0;padding:5px 9px 6px;line-height:1.4}.add-pal-row{border-radius:var(--r-sm);min-height:30px;color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:5px 9px;font-weight:500;line-height:16px;display:flex}.add-pal-row.is-active{background:var(--hover)}.add-pal-row:not(.is-off):active{background:color-mix(in oklch, var(--ink) 11%, transparent)}.add-pal-row.is-off{opacity:.45}.add-pal-glyph{width:16px;height:16px;color:var(--ink);flex:0 0 16px;place-items:center;display:grid}.add-pal-text{flex-direction:column;flex:1;min-width:0;display:flex}.add-pal-title,.add-pal-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-pal-text small{font-size:var(--fs-meta,11px);color:var(--ink-2);white-space:normal;font-weight:400;line-height:14px}.add-pal-meta{font-style:normal;font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums;color:var(--ink-3);flex-shrink:0;font-weight:400}.add-pal-row>.keycap{color:var(--ink);flex-shrink:0}.add-pal-row>.sub-caret{color:var(--ink-3);flex:0 0 14px;margin-right:-3px}.add-pal-list.from-in{animation:add-pal-in .12s var(--ease)}.add-pal-list.from-out{animation:add-pal-out .12s var(--ease)}@keyframes add-pal-in{0%{opacity:.4;translate:8px}}@keyframes add-pal-out{0%{opacity:.4;translate:-8px}}@media (prefers-reduced-motion:reduce){.add-pal-list.from-in,.add-pal-list.from-out{animation:none}}.timeline-content .section-label .section-add{border-radius:var(--r-sm);width:22px;height:22px;color:var(--ink-3);flex-shrink:0;place-items:center;margin-left:auto;transition:color .12s,background-color .12s;display:grid}.timeline-content .section-label .section-add:hover{color:var(--ink);background:var(--field-bg)}.timeline-content .section-label .section-add:focus-visible{color:var(--ink);box-shadow:var(--ring-inset);outline:none}.timeline-content .section-label .section-add+.audio-toggle{margin-left:2px}