.timeline-root{user-select:none;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.timeline-shell{grid-template-rows:minmax(15rem,1fr) auto;min-height:18rem;display:grid;overflow:hidden}.timeline-shell.timeline-controls-shell{grid-template-rows:auto minmax(15rem,1fr) auto}.timeline-stage{min-height:15rem;position:relative;overflow:hidden}.timeline-fill{position:absolute;inset:0}.timeline-track-list-overlay{position:absolute;inset:32px 0 0}.timeline-scrollbar-row{align-items:center;min-height:1.8rem;padding:.35rem .55rem;display:flex}.timeline-controls-shell{display:grid}.timeline-control-bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.timeline-control-button{cursor:pointer;user-select:none;outline:none;justify-content:center;align-items:center;gap:.3rem;min-width:1.75rem;height:1.75rem;padding:0 .45rem;display:inline-flex}.timeline-control-button:disabled,.timeline-control-button:disabled:hover{cursor:not-allowed}.timeline-control-button-icon-only{width:1.75rem;padding:0}.timeline-control-button svg{stroke-width:2.25px;width:.8125rem;height:.8125rem}.timeline-control-button-hidden{visibility:hidden;pointer-events:none}.timeline-timecode-control-wrapper{justify-content:center;align-items:center;width:7rem;height:1.75rem;display:inline-flex}.timeline-timecode-control-wrapper .timecode-field{width:100%;height:100%}.timeline-timecode-control-button,.timeline-timecode-control-input{box-sizing:border-box;text-align:center;outline:none;justify-content:center;align-items:center;width:100%;height:1.75rem;display:inline-flex}.timeline-timecode-control-button{cursor:pointer;padding:.25rem .5rem}.timeline-timecode-control-input{padding:0 .5rem}.timeline-range-badge{place-items:center;width:1rem;height:1rem;display:grid}.timeline-control-divider{width:1px;height:1.1rem}.timeline-control-field,.timeline-controls-right,.timeline-slider-container{align-items:center;gap:.5rem;display:flex}.timeline-controls-right{margin-left:auto}.timeline-control-field{gap:.35rem}.timeline-control-select{outline:none;height:1.75rem;padding:0 .5rem}.timeline-control-slider{appearance:none;outline:none;width:5.5rem;height:4px;margin:.35rem 0}.timeline-control-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;width:10px;height:10px}.timeline-slider-value{text-align:right;width:2.25rem}.timeline-canvas-layer,.timeline-canvas-layer canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.timeline-track-list{z-index:10;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.timeline-track-list-content{will-change:transform;flex-direction:column;width:100%;display:flex}.timeline-track-item{pointer-events:none;flex:none;width:100%;position:relative}.timeline-track-header-list{z-index:15;box-sizing:border-box;pointer-events:auto;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.timeline-track-header-list:before{box-sizing:border-box;height:var(--track-header-ruler-height);content:"";pointer-events:none;position:absolute;top:0;left:0;right:0}.timeline-track-header-list-content{will-change:transform;flex-direction:column;width:100%;display:flex}.timeline-track-header{box-sizing:border-box;pointer-events:auto;flex:none;align-items:center;gap:.5rem;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.timeline-track-header-resize-handle{z-index:2;cursor:row-resize;pointer-events:auto;touch-action:none;user-select:none;outline:none;height:6px;position:absolute;bottom:-3px;left:0;right:0}.timeline-dom-ruler{user-select:none;height:32px;position:absolute;top:0;left:0;right:0;overflow:hidden}.timeline-dom-ruler-tick{pointer-events:none;flex-direction:column;align-items:center;width:40px;margin-left:-20px;display:flex;bottom:0}.timeline-dom-ruler-tick-mark{width:1px;height:6px;margin-top:2px}.timeline-dom-clip{align-items:center;height:100%;padding:0 .5rem;display:flex;top:0;overflow:hidden}.timeline-dom-clip-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;overflow:hidden}.timeline-playhead-area{z-index:30;cursor:text;pointer-events:auto;user-select:none;touch-action:none;width:100%;height:2rem;position:absolute;top:0;left:0}.timeline-clip-interaction-layer{z-index:25;pointer-events:auto;user-select:none;touch-action:none;position:absolute;bottom:0;left:0;right:0}.timeline-keyframe-interaction-layer{z-index:75;pointer-events:none;user-select:none;touch-action:none;position:absolute;bottom:0;left:0;right:0}.timeline-keyframe-handle{box-sizing:border-box;pointer-events:auto;will-change:transform;position:absolute;top:0;left:0}.timeline-keyframe-handle-shape{box-sizing:border-box;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.timeline-keyframe-curve-interaction-layer{z-index:76;pointer-events:none;user-select:none;touch-action:none;position:absolute;bottom:0;left:0;right:0}.timeline-keyframe-curve-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.timeline-keyframe-curve-line{pointer-events:none}.timeline-keyframe-curve-handle{box-sizing:border-box;pointer-events:auto;will-change:transform;position:absolute;top:0;left:0}.timeline-keyframe-curve-handle-shape{box-sizing:border-box;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-clip-interaction-overlay{pointer-events:none;will-change:transform, width, height;position:absolute;top:0;left:0}.timeline-clip-interaction-handle{z-index:2;pointer-events:none;width:12px;max-width:30%;position:absolute;top:0;bottom:0}.timeline-clip-interaction-handle-left{left:0}.timeline-clip-interaction-handle-right{right:0}.timeline-clip-interaction-feedback{z-index:1;pointer-events:none;position:absolute;inset:0}.timeline-time-grabber{z-index:80;cursor:ew-resize;pointer-events:auto;user-select:none;touch-action:none;will-change:transform;justify-content:center;width:44px;height:100%;margin-left:-22px;display:flex;position:absolute;top:0;bottom:0}.timeline-time-grabber-highlight{pointer-events:auto;width:24px;height:100%;position:relative}.timeline-time-grabber-line,.timeline-time-grabber-handle{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}.timeline-time-grabber-line{width:1px;top:0;bottom:0}.timeline-time-grabber-handle{clip-path:polygon(0% 0%,100% 0%,100% 58%,50% 100%,0% 58%);width:12px;height:16px;top:0}.timeline-range-selector-grabber[data-boundary=in] .timeline-time-grabber-handle{clip-path:none;border-top-right-radius:3px;border-bottom-right-radius:3px;width:10px;height:12px;left:50%;transform:translate(0)}.timeline-range-selector-grabber[data-boundary=out] .timeline-time-grabber-handle{clip-path:none;border-top-left-radius:3px;border-bottom-left-radius:3px;width:10px;height:12px;left:50%;transform:translate(-100%)}.range-scrollbar{box-sizing:border-box;width:100%;height:10px;position:relative}.range-scrollbar[data-orientation=vertical]{width:10px;height:100%}.range-scrollbar-thumb{cursor:grab;min-width:2rem;height:100%;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.range-scrollbar[data-orientation=vertical] .range-scrollbar-thumb{width:100%;min-width:0;min-height:2rem;bottom:auto}.range-scrollbar-thumb:active,.range-scrollbar-thumb[data-dragging]{cursor:grabbing}.range-scrollbar-handle{z-index:1;cursor:ew-resize;flex:none;justify-content:center;align-items:center;width:10px;height:100%;display:flex;position:absolute;top:0;bottom:0}.range-scrollbar[data-orientation=vertical] .range-scrollbar-handle{cursor:ns-resize;width:100%;height:10px;inset:auto 0}.range-scrollbar-handle[data-side=start]{left:0}.range-scrollbar-handle[data-side=end]{right:0}.range-scrollbar[data-orientation=vertical] .range-scrollbar-handle[data-side=start]{top:0}.range-scrollbar[data-orientation=vertical] .range-scrollbar-handle[data-side=end]{bottom:0}.timeline-range-selector{user-select:none;touch-action:none;align-items:center;width:100%;display:flex;position:relative}.timeline-range-selector[data-orientation=vertical]{flex-direction:column;height:100%}.timeline-range-selector-control{touch-action:none;align-items:center;width:100%;height:24px;display:flex;position:relative}.timeline-range-selector[data-orientation=vertical] .timeline-range-selector-control{flex-direction:column;width:24px;height:100%}.timeline-range-selector-track{width:100%;height:6px;position:relative}.timeline-range-selector[data-orientation=vertical] .timeline-range-selector-track{width:6px;height:100%}.timeline-range-selector-indicator{height:100%;position:absolute}.timeline-range-selector[data-orientation=vertical] .timeline-range-selector-indicator{width:100%;height:auto}.timeline-range-selector-thumb{cursor:ew-resize;width:14px;height:14px}.timeline-range-selector-thumb[data-orientation=vertical]{cursor:ns-resize}.timeline-range-selector-overlay{z-index:70;pointer-events:none;will-change:transform, width;height:100%;position:absolute;top:0;bottom:0;left:0}.timeline-range-selector-grabber{z-index:70}.timeline-range-selector-overlay,.timeline-range-selector-overlay .timeline-range-selector-control,.timeline-range-selector-overlay .timeline-range-selector-track{pointer-events:none}.timeline-range-selector-overlay .timeline-range-selector-control{align-items:stretch;height:100%}.timeline-range-selector-overlay .timeline-range-selector-track{height:100%}.timeline-range-selector-overlay .timeline-range-selector-indicator{display:none}.timeline-range-selector-overlay .timeline-range-selector-thumb{cursor:ew-resize;pointer-events:auto;user-select:none;touch-action:none;justify-content:center;align-items:stretch;width:44px;height:100%;display:flex}.timeline-range-selector-overlay .timeline-range-selector-thumb-highlight{pointer-events:none;width:16px;height:100%;position:relative}.timeline-range-selector-overlay .timeline-range-selector-thumb-line{pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-range-selector-overlay .timeline-range-selector-thumb[data-index="1"] .timeline-range-selector-thumb-line{left:calc(50% - 1px)}.timecode-input,.timecode-field,.timecode-label,.timecode-field-trigger,.timecode-field-input{min-width:0}.timecode-input{box-sizing:border-box}.timecode-field{display:inline-flex}.timecode-field-trigger{white-space:nowrap;align-items:center;display:inline-flex}.timecode-field-segment{width:var(--timecode-field-segment-width);text-align:right;display:inline-block}.timecode-field-separator{display:inline-block}.timecode-field-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.is-dragging-timeline-grabber,body.is-dragging-timeline-grabber *{cursor:ew-resize!important}:where(:root,.timeline-root,.timeline-shell,.timeline-playhead-area,.timeline-time-grabber,.timeline-range-selector,.timeline-range-selector-overlay,.timeline-track-header-list,.timeline-track-header,.timeline-track-header-resize-handle,.range-scrollbar,.timecode-input,.timecode-field,.timeline-clip-interaction-layer,.timeline-keyframe-interaction-layer){--timeline-panel:var(--background);--timeline-panel-muted:var(--muted);--timeline-panel-control:var(--input);--timeline-panel-control-hover:var(--accent);--timeline-border:var(--border);--timeline-border-width:2px;--timeline-canvas-background:var(--timeline-panel);--timeline-ruler-background:var(--timeline-panel-muted);--timeline-ruler-tick:var(--muted-foreground);--timeline-ruler-text:var(--muted-foreground);--timeline-track-divider:color-mix(in oklch, var(--timeline-border) 52%, transparent);--timeline-track-divider-width:1px;--timeline-track-locked-overlay:color-mix(in oklch, var(--foreground) 8%, transparent);--timeline-track-header-background:var(--timeline-panel-muted);--timeline-track-header-background-selected:var(--timeline-panel-control-hover);--timeline-track-header-foreground:var(--foreground);--timeline-track-header-muted-foreground:var(--muted-foreground);--timeline-track-header-border:var(--timeline-track-divider);--timeline-track-header-resize-handle-hover:var(--timeline-clip-focus-ring);--timeline-marker:var(--timeline-ruler-text);--timeline-marker-text:var(--timeline-ruler-text);--timeline-clip-background:var(--timeline-panel-control-hover);--timeline-clip-background-selected:color-mix(in oklch, var(--foreground) 18%, var(--timeline-panel));--timeline-clip-border:transparent;--timeline-clip-border-selected:transparent;--timeline-clip-radius:var(--timeline-radius-sm);--timeline-clip-inset-y:0px;--timeline-clip-label-padding-x:8px;--timeline-clip-text:var(--foreground);--timeline-clip-text-selected:var(--foreground);--timeline-playhead:var(--primary);--timeline-playhead-width:1px;--timeline-font-ruler:10px var(--font-mono);--timeline-font-clip:12px var(--font-sans);--timeline-playhead-hover:var(--primary);--timeline-playhead-hover-background:color-mix(in oklch, var(--primary) 14%, transparent);--timeline-inout-accent:var(--ring);--timeline-inout-area:color-mix(in oklch, var(--timeline-inout-accent) 18%, transparent);--timeline-inout-border:var(--timeline-inout-accent);--timeline-inout-hover:color-mix(in oklch, var(--timeline-inout-accent) 14%, transparent);--timeline-inout-hover-border:var(--timeline-inout-accent);--timeline-snap-line:var(--ring);--timeline-drop-target:color-mix(in oklch, var(--timeline-inout-accent) 12%, transparent);--timeline-drop-target-invalid:color-mix(in oklch, var(--destructive) 14%, transparent);--timeline-drop-target-border:color-mix(in oklch, var(--timeline-inout-accent) 42%, transparent);--timeline-clip-handle-background:color-mix(in oklch, var(--foreground) 24%, transparent);--timeline-clip-handle-active-background:color-mix(in oklch, var(--foreground) 44%, transparent);--timeline-clip-handle-opacity:.85;--timeline-clip-handle-active-opacity:1;--timeline-clip-feedback-background:color-mix(in oklch, var(--foreground) 10%, transparent);--timeline-clip-feedback-border:var(--timeline-border);--timeline-clip-focus-ring:var(--primary);--timeline-keyframe-line:color-mix(in oklch, var(--foreground) 52%, transparent);--timeline-keyframe-fill:var(--timeline-panel);--timeline-keyframe-fill-selected:var(--timeline-clip-focus-ring);--timeline-keyframe-stroke:var(--foreground);--timeline-keyframe-stroke-selected:var(--timeline-clip-focus-ring);--timeline-scrollbar-bg:var(--timeline-panel);--timeline-scrollbar-border:var(--timeline-border);--timeline-scrollbar-thumb:var(--muted-foreground);--timeline-scrollbar-thumb-hover:var(--foreground);--timeline-scrollbar-handle-grip:color-mix(in oklch, var(--background) 72%, transparent);--timeline-scrollbar-handle-grip-hover:var(--background);--timeline-input-font-family:var(--font-mono);--timeline-input-border:var(--timeline-border);--timeline-input-background:var(--timeline-panel-control);--timeline-input-foreground:var(--foreground);--timeline-input-placeholder:var(--muted-foreground);--timeline-input-focus-border:var(--timeline-clip-focus-ring);--timeline-input-focus-ring:color-mix(in oklch, var(--timeline-clip-focus-ring) 36%, transparent);--timeline-input-invalid-border:var(--destructive);--timeline-input-invalid-ring:color-mix(in oklch, var(--destructive) 28%, transparent);--timeline-control-foreground:var(--muted-foreground);--timeline-control-hover-border:var(--foreground);--timeline-control-hover-foreground:var(--accent-foreground);--timeline-control-active-background:var(--foreground);--timeline-control-active-foreground:var(--background);--timeline-control-slider-thumb:var(--foreground);--timeline-radius-sm:calc(var(--radius) - .125rem);--timeline-radius-md:calc(var(--radius) - .25rem);--timeline-radius-full:9999px;--timeline-playhead-shadow:0 0 6px var(--timeline-playhead);--timeline-inout-hover-shadow:none;--timeline-inout-active-shadow:none;--timeline-shadow-sm:0 1px 3px color-mix(in oklch, var(--foreground) 18%, transparent);--timeline-input-focus-shadow:0 0 0 3px var(--timeline-input-focus-ring);--timeline-input-invalid-shadow:0 0 0 3px var(--timeline-input-invalid-ring)}.timeline-clip-interaction-layer:focus-visible,.timeline-keyframe-interaction-layer:focus-visible{outline:1.5px solid var(--timeline-clip-focus-ring);outline-offset:-1.5px}.timeline-root,.timeline-dom-track{background:var(--timeline-canvas-background)}.timeline-root{color:var(--foreground)}.timeline-shell{border:var(--timeline-border-width) solid var(--timeline-border);border-radius:var(--timeline-radius-md);background:var(--timeline-panel);color:var(--foreground);font-family:var(--font-sans)}.timeline-scrollbar-row{background:var(--timeline-panel)}.timeline-track-header-list{background:var(--timeline-track-header-background);color:var(--timeline-track-header-foreground)}.timeline-track-header-list:before{background:var(--timeline-ruler-background)}.timeline-track-header{border-bottom:var(--timeline-track-divider-width) solid var(--timeline-track-header-border);color:var(--timeline-track-header-muted-foreground);padding:0 .5rem;font-size:.75rem;line-height:1.2}.timeline-track-header[data-track-selected=true]{background:var(--timeline-track-header-background-selected);color:var(--timeline-track-header-foreground)}.timeline-track-header[data-track-visible=false],.timeline-track-header[data-track-muted=true]{opacity:.62}.timeline-track-header[data-track-locked=true]{color:var(--timeline-track-header-muted-foreground)}.timeline-track-header-resize-handle{background:0 0}.timeline-track-header-resize-handle:hover,.timeline-track-header-resize-handle:focus-visible{background:var(--timeline-track-header-resize-handle-hover)}.timeline-control-bar{border-bottom:var(--timeline-border-width) solid var(--timeline-border);background:var(--timeline-panel-muted)}.timeline-control-button{border:1px solid var(--timeline-input-border);border-radius:var(--timeline-radius-sm);background:var(--timeline-input-background);color:var(--timeline-control-foreground);font-size:.75rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.timeline-control-button:hover{border-color:var(--timeline-control-hover-border);background:var(--timeline-panel-control-hover);color:var(--timeline-control-hover-foreground)}.timeline-control-button:focus-visible,.timeline-control-select:focus-visible,.timeline-control-slider:focus-visible{outline:1.5px solid var(--timeline-clip-focus-ring);outline-offset:1px}.timeline-control-button:active{transform:translateY(1px)}.timeline-control-button:disabled,.timeline-control-button:disabled:hover{border-color:var(--timeline-border);background:var(--timeline-panel-muted);color:var(--timeline-control-foreground);opacity:.6}.timeline-control-button:disabled:active{transform:none}.timeline-control-button-active,.timeline-control-button-active:hover{border-color:var(--timeline-control-active-background);background:var(--timeline-control-active-background);color:var(--timeline-control-active-foreground)}.timeline-timecode-control-button,.timeline-timecode-control-input{border-radius:var(--timeline-radius-sm);color:var(--timeline-input-foreground);font-family:var(--timeline-input-font-family);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600;line-height:1.25rem}.timeline-timecode-control-button{background:0 0;border:1px dashed #0000;transition:background-color .15s,border-color .15s}.timeline-timecode-control-button:hover{border-color:var(--timeline-input-border);background:var(--timeline-panel-control-hover)}.timeline-timecode-control-input{border:1px solid var(--timeline-input-border);background:var(--timeline-input-background);box-shadow:none}.timeline-range-badge{border:1px solid var(--timeline-input-border);border-radius:var(--timeline-radius-sm);background:var(--timeline-input-background);color:var(--timeline-control-foreground);font-family:var(--timeline-input-font-family);font-size:.5625rem}.timeline-control-button-active .timeline-range-badge{color:currentColor;background:0 0;border-color:currentColor}.timeline-control-divider{background:var(--timeline-border)}.timeline-control-field-label{color:var(--timeline-control-foreground);font-size:.75rem;font-weight:600}.timeline-control-select{border:1px solid var(--timeline-input-border);border-radius:var(--timeline-radius-sm);background:var(--timeline-input-background);color:var(--timeline-input-foreground);font-size:.75rem}.timeline-control-slider{border-radius:var(--timeline-radius-full);background:var(--timeline-input-border)}.timeline-control-slider::-webkit-slider-thumb{border-radius:var(--timeline-radius-full);background:var(--timeline-control-slider-thumb);transition:transform .1s}.timeline-control-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.timeline-slider-value{color:var(--timeline-control-foreground);font-family:var(--timeline-input-font-family);font-size:.75rem}.timeline-dom-ruler{border-bottom:var(--timeline-border-width) solid var(--timeline-border);background:var(--timeline-ruler-background);color:var(--timeline-ruler-text)}.timeline-dom-ruler-tick{color:var(--timeline-ruler-text);font-family:var(--timeline-input-font-family);font-size:.625rem;font-weight:550}.timeline-dom-ruler-tick-mark{background:var(--timeline-ruler-tick)}.timeline-dom-track{border-bottom:var(--timeline-track-divider-width) solid var(--timeline-track-divider)}.timeline-dom-clip{border:1px solid var(--timeline-clip-border);border-radius:var(--timeline-radius-sm);background:var(--timeline-clip-background);color:var(--timeline-clip-text);font-size:.7rem;font-weight:600}.timeline-dom-clip.is-selected{border-color:var(--timeline-clip-border-selected);background:var(--timeline-clip-background-selected);color:var(--timeline-clip-text-selected)}.timeline-clip-interaction-feedback{border:1px solid var(--timeline-clip-feedback-border);background:var(--timeline-clip-feedback-background);transition:border-color .15s,background-color .15s,opacity .15s}.timeline-clip-interaction-handle{background:var(--timeline-clip-handle-background);opacity:var(--timeline-clip-handle-opacity);transition:background-color .15s,opacity .15s}.timeline-clip-interaction-handle[data-active=true],.timeline-clip-interaction-overlay[data-active=true] .timeline-clip-interaction-handle{background:var(--timeline-clip-handle-active-background);opacity:var(--timeline-clip-handle-active-opacity)}.timeline-clip-interaction-overlay:focus-visible,.timeline-clip-interaction-overlay[data-focus-visible=true]{outline:1.5px solid var(--timeline-clip-focus-ring);outline-offset:-1.5px}.timeline-keyframe-handle-shape{border:1px solid var(--timeline-keyframe-stroke);background:var(--timeline-keyframe-fill);box-shadow:0 0 0 1px color-mix(in oklch, var(--background) 34%, transparent);transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s}.timeline-keyframe-handle[data-hovered=true] .timeline-keyframe-handle-shape,.timeline-keyframe-handle:focus-visible .timeline-keyframe-handle-shape{border-color:var(--timeline-keyframe-stroke-selected);box-shadow:0 0 0 1px var(--timeline-keyframe-stroke-selected), 0 0 0 4px color-mix(in oklch, var(--timeline-keyframe-stroke-selected) 22%, transparent)}.timeline-keyframe-handle[data-selected=true] .timeline-keyframe-handle-shape,.timeline-keyframe-handle[data-active=true] .timeline-keyframe-handle-shape{border-color:var(--timeline-keyframe-stroke-selected);background:var(--timeline-keyframe-fill-selected)}.timeline-keyframe-handle[data-editable=true]{cursor:grab}.timeline-keyframe-handle[data-active=true]{cursor:grabbing}.timeline-keyframe-curve-line{stroke:var(--timeline-keyframe-stroke-selected);stroke-width:1px;stroke-dasharray:3 3;opacity:.75}.timeline-keyframe-curve-handle-shape{border:1px solid var(--timeline-keyframe-stroke-selected);border-radius:var(--timeline-radius-full);background:var(--timeline-panel);box-shadow:0 0 0 1px color-mix(in oklch, var(--background) 34%, transparent), var(--timeline-shadow-sm);transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s}.timeline-keyframe-curve-handle[data-hovered=true] .timeline-keyframe-curve-handle-shape,.timeline-keyframe-curve-handle:focus-visible .timeline-keyframe-curve-handle-shape{background:var(--timeline-keyframe-fill-selected);box-shadow:0 0 0 1px var(--timeline-keyframe-stroke-selected), 0 0 0 4px color-mix(in oklch, var(--timeline-keyframe-stroke-selected) 22%, transparent)}.timeline-keyframe-curve-handle[data-active=true] .timeline-keyframe-curve-handle-shape{background:var(--timeline-keyframe-fill-selected)}.timeline-keyframe-curve-handle[data-editable=true]{cursor:grab}.timeline-keyframe-curve-handle[data-active=true]{cursor:grabbing}.timeline-time-grabber-highlight,.timeline-time-grabber-line,.timeline-time-grabber-handle{transition:background-color .15s,box-shadow .15s}.timeline-playhead-grabber:hover .timeline-time-grabber-highlight,.timeline-playhead-grabber.is-dragging .timeline-time-grabber-highlight{background:var(--timeline-playhead-hover-background)}.timeline-playhead-grabber .timeline-time-grabber-line,.timeline-playhead-grabber .timeline-time-grabber-handle{background:var(--timeline-playhead)}.timeline-time-grabber-line{width:var(--timeline-playhead-width)}.timeline-playhead-grabber:hover .timeline-time-grabber-line,.timeline-playhead-grabber.is-dragging .timeline-time-grabber-line,.timeline-playhead-grabber:hover .timeline-time-grabber-handle,.timeline-playhead-grabber.is-dragging .timeline-time-grabber-handle{background:var(--timeline-playhead-hover);box-shadow:var(--timeline-playhead-shadow)}.timeline-range-selector-grabber .timeline-time-grabber-line,.timeline-range-selector-grabber .timeline-time-grabber-handle{background:var(--timeline-inout-border)}.timeline-range-selector-grabber:hover .timeline-time-grabber-highlight,.timeline-range-selector-grabber.is-dragging .timeline-time-grabber-highlight{background:var(--timeline-inout-hover)}.timeline-range-selector-grabber:hover .timeline-time-grabber-line,.timeline-range-selector-grabber.is-dragging .timeline-time-grabber-line,.timeline-range-selector-grabber:hover .timeline-time-grabber-handle,.timeline-range-selector-grabber.is-dragging .timeline-time-grabber-handle{background:var(--timeline-inout-hover-border);box-shadow:var(--timeline-inout-active-shadow)}.timeline-range-selector:not(.timeline-range-selector-overlay) .timeline-range-selector-track{border-radius:var(--timeline-radius-full);background:var(--timeline-panel-muted)}.timeline-range-selector:not(.timeline-range-selector-overlay) .timeline-range-selector-indicator{border-radius:var(--timeline-radius-full);background:var(--timeline-inout-area)}.timeline-range-selector:not(.timeline-range-selector-overlay) .timeline-range-selector-thumb{border:1px solid var(--timeline-inout-border);border-radius:var(--timeline-radius-full);background:var(--timeline-panel);box-shadow:var(--timeline-shadow-sm);transition:border-color .15s,background-color .15s,box-shadow .15s}.timeline-range-selector:not(.timeline-range-selector-overlay) .timeline-range-selector-thumb:hover,.timeline-range-selector:not(.timeline-range-selector-overlay) .timeline-range-selector-thumb:focus-visible,.timeline-range-selector:not(.timeline-range-selector-overlay) .timeline-range-selector-thumb[data-dragging]{border-color:var(--timeline-inout-hover-border);background:var(--timeline-panel-control);box-shadow:var(--timeline-inout-active-shadow)}.range-scrollbar{border:1px solid var(--timeline-scrollbar-border);border-radius:var(--timeline-radius-full);background:var(--timeline-scrollbar-bg)}.range-scrollbar-thumb{border-radius:var(--timeline-radius-full);background:var(--timeline-scrollbar-thumb);transition:background-color .15s}.range-scrollbar-thumb:hover,.range-scrollbar-thumb:active,.range-scrollbar-thumb[data-dragging]{background:var(--timeline-scrollbar-thumb-hover)}.range-scrollbar-handle{border-radius:0}.range-scrollbar-handle[data-side=start]{border-radius:var(--timeline-radius-full) 0 0 var(--timeline-radius-full)}.range-scrollbar-handle[data-side=end]{border-radius:0 var(--timeline-radius-full) var(--timeline-radius-full) 0}.range-scrollbar[data-orientation=vertical] .range-scrollbar-handle[data-side=start]{border-radius:var(--timeline-radius-full) var(--timeline-radius-full) 0 0}.range-scrollbar[data-orientation=vertical] .range-scrollbar-handle[data-side=end]{border-radius:0 0 var(--timeline-radius-full) var(--timeline-radius-full)}.range-scrollbar-handle:empty:before{content:"";border-radius:var(--timeline-radius-full);background:var(--timeline-scrollbar-handle-grip);width:.38rem;height:.38rem;transition:background-color .15s,transform .15s}.range-scrollbar-handle:empty:hover:before{background:var(--timeline-scrollbar-handle-grip-hover);transform:scale(1.1)}.timeline-range-selector-track{border:1px solid var(--timeline-scrollbar-border);border-radius:var(--timeline-radius-full);background:var(--timeline-scrollbar-bg)}.timeline-range-selector-indicator{border-radius:var(--timeline-radius-full);background:var(--timeline-inout-border)}.timeline-range-selector-thumb{border:2px solid var(--timeline-canvas-background);border-radius:var(--timeline-radius-full);background:var(--timeline-inout-border);box-shadow:var(--timeline-shadow-sm);outline:none;transition:background-color .15s,border-color .15s,box-shadow .15s}.timeline-range-selector-thumb:hover{background:var(--timeline-inout-hover-border);box-shadow:var(--timeline-inout-hover-shadow)}.timeline-range-selector-thumb[data-dragging]{background:var(--timeline-inout-hover-border);box-shadow:var(--timeline-inout-active-shadow)}.timeline-range-selector-thumb:focus-visible{outline:1.5px solid var(--timeline-clip-focus-ring);outline-offset:1px}.timeline-range-selector-overlay .timeline-range-selector-track{background:0 0;border:0;border-radius:0}.timeline-range-selector-overlay .timeline-range-selector-thumb{box-shadow:none;background:0 0;border:0;border-radius:0}.timeline-range-selector-overlay .timeline-range-selector-thumb-highlight{border-radius:var(--timeline-radius-sm);transition:background-color .15s}.timeline-range-selector-overlay .timeline-range-selector-thumb:hover .timeline-range-selector-thumb-highlight,.timeline-range-selector-overlay .timeline-range-selector-thumb[data-dragging] .timeline-range-selector-thumb-highlight{background:var(--timeline-inout-hover)}.timeline-range-selector-overlay .timeline-range-selector-thumb-line{background:var(--timeline-inout-border);transition:opacity .15s,background-color .15s,box-shadow .15s}.timeline-range-selector-overlay .timeline-range-selector-thumb:hover .timeline-range-selector-thumb-line,.timeline-range-selector-overlay .timeline-range-selector-thumb[data-dragging] .timeline-range-selector-thumb-line{background:var(--timeline-inout-hover-border);box-shadow:var(--timeline-inout-hover-shadow)}.timecode-input{border:1px solid var(--timeline-input-border);border-radius:var(--timeline-radius-sm);background:var(--timeline-input-background);height:2.25rem;color:var(--timeline-input-foreground);font-family:var(--timeline-input-font-family);font-variant-numeric:tabular-nums;outline:none;padding:0 .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:border-color .15s,box-shadow .15s}.timecode-input::placeholder{color:var(--timeline-input-placeholder)}.timecode-input:focus-visible{border-color:var(--timeline-input-focus-border);box-shadow:var(--timeline-input-focus-shadow)}.timecode-input[aria-invalid=true]{border-color:var(--timeline-input-invalid-border)}.timecode-input[aria-invalid=true]:focus-visible{border-color:var(--timeline-input-invalid-border);box-shadow:var(--timeline-input-invalid-shadow);outline:none}.timecode-label{color:var(--timeline-input-foreground);font-family:var(--timeline-input-font-family);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600;line-height:1.25rem}.timecode-field-trigger{border-radius:var(--timeline-radius-sm);color:inherit;cursor:text;font-family:var(--timeline-input-font-family);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.timecode-field-trigger:focus-visible{border-color:var(--timeline-input-focus-border)}.timecode-field-trigger:disabled{cursor:default}.timeline-timecode-control-button.timecode-field-trigger,.timeline-timecode-control-input.timecode-input{border-radius:var(--timeline-radius-sm);height:1.75rem;font-family:var(--timeline-input-font-family);font-variant-numeric:tabular-nums;letter-spacing:0;border:1px solid #0000;padding:0 .5rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.timeline-timecode-control-button.timecode-field-trigger{background:0 0}.timeline-timecode-control-button.timecode-field-trigger:hover{border-color:var(--timeline-input-border);background:var(--timeline-panel-control-hover)}.timeline-timecode-control-input.timecode-input{border-color:var(--timeline-input-border);background:var(--timeline-input-background)}.timeline-timecode-control-input.timecode-input[aria-invalid=true]{border-color:var(--timeline-input-invalid-border)}.timeline-timecode-control-button.timecode-field-trigger:focus-visible,.timeline-timecode-control-input.timecode-input:focus-visible{border-color:var(--timeline-input-focus-border);box-shadow:var(--timeline-input-focus-shadow);outline:none}.timeline-timecode-control-input.timecode-input[aria-invalid=true]:focus-visible{border-color:var(--timeline-input-invalid-border);box-shadow:var(--timeline-input-invalid-shadow)}