@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demos/full-editor-demo/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demos/full-editor-demo/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demos/full-editor-demo/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;min-height:100svh;margin:0}body{background:var(--editor-workspace);color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;overflow:hidden}button,input,select{font:inherit}}@layer components{.editor-button{border-radius:calc(var(--radius) - .125rem);cursor:pointer;min-width:2.75rem;min-height:2.75rem;color:var(--foreground);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.8125rem;font-weight:650;line-height:1;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.editor-button svg{width:1rem;height:1rem}.editor-button-icon-only{width:2.75rem;padding:0}.editor-button:disabled{cursor:not-allowed;opacity:.45}.editor-button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-button:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--primary) 35%, transparent)}}.editor-button-ghost{background:0 0}.editor-button-subtle{border-color:var(--editor-border);background:var(--editor-raised)}.editor-button-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.editor-button-ghost:not(:disabled):hover{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-button-ghost:not(:disabled):hover{background:color-mix(in oklch, var(--primary) 18%, transparent)}}.editor-button-ghost:not(:disabled):hover{color:var(--foreground)}.editor-button-subtle:not(:disabled):hover{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.editor-button-primary:not(:disabled):hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-button-primary:not(:disabled):hover{border-color:color-mix(in oklch, var(--primary) 84%, var(--foreground))}}.editor-button-primary:not(:disabled):hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-button-primary:not(:disabled):hover{background:color-mix(in oklch, var(--primary) 84%, var(--foreground))}}.editor-button-primary:not(:disabled):hover{color:var(--primary-foreground)}.editor-button.is-active{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-button.is-active{background:color-mix(in oklch, var(--primary) 18%, transparent)}}.editor-button.is-active{color:var(--foreground)}.editor-field{gap:.375rem;min-width:0;display:grid}.editor-field span{color:var(--muted-foreground);font-size:.75rem}.editor-input{border:1px solid var(--editor-border);background:var(--editor-raised);width:100%;min-width:0;min-height:2.75rem;color:var(--foreground);border-radius:0;outline:none;padding-inline:.625rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.editor-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-input:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--primary) 25%, transparent)}}.editor-input:disabled{cursor:not-allowed;opacity:.55}.editor-toolbar-action{border:0;border-left:1px solid var(--editor-border);min-width:2.75rem;min-height:2.75rem;color:var(--muted-foreground);cursor:pointer;background:0 0;outline:none;flex:none;justify-content:center;align-items:center;padding-inline:.625rem;font-size:.75rem;font-weight:650;line-height:1;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.editor-toolbar-action:hover,.editor-toolbar-action:focus-visible{border-left-color:var(--foreground);background:var(--foreground);color:var(--background)}.editor-toolbar-action:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-toolbar-action:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--primary) 35%, transparent)}}.editor-toolbar-action:disabled{cursor:not-allowed;opacity:.45}.editor-separator{background:var(--editor-border);flex:none}.editor-separator-horizontal{width:100%;height:1px}.editor-separator-vertical{width:1px;height:1.5rem}.full-editor-app{background:var(--editor-workspace);grid-template-rows:3rem minmax(0,1fr);width:100%;min-width:0;height:100svh;min-height:0;display:grid}.full-editor-loading{background:var(--editor-workspace);width:100%;height:100svh;color:var(--muted-foreground);text-transform:uppercase;place-items:center;font-size:.75rem;display:grid}.full-editor-layout,.full-editor-top-row{width:100%;min-width:0;height:100%;min-height:0}.editor-shell-panel{min-width:0;min-height:0;overflow:hidden}.editor-monitor-panel,.editor-inspector-panel,.editor-timeline-shell-panel{border:1px solid var(--editor-border)}.editor-monitor-panel,.editor-inspector-panel{border-top:0}.editor-monitor-panel{background:var(--editor-monitor)}.editor-inspector-panel,.editor-timeline-shell-panel,.editor-track-header-shell-panel,.editor-timeline-surface-panel{background:var(--editor-panel)}.editor-track-header-shell-panel,.editor-timeline-surface-panel{border:0}.editor-resizable-handle{color:var(--muted-foreground);background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s,color .15s;display:flex;position:relative}.editor-resizable-handle[aria-orientation=vertical]{cursor:col-resize;width:.5rem;height:100%}.editor-resizable-handle[aria-orientation=horizontal]{cursor:row-resize;width:100%;height:.5rem}.editor-resizable-handle:hover,.editor-resizable-handle:focus-visible,.editor-resizable-handle[data-resize-handle-active]{background:var(--editor-border)}@supports (color:color-mix(in lab, red, red)){.editor-resizable-handle:hover,.editor-resizable-handle:focus-visible,.editor-resizable-handle[data-resize-handle-active]{background:color-mix(in oklch, var(--editor-border) 80%, transparent)}}.editor-resizable-handle:focus-visible{box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-resizable-handle:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--primary) 35%, transparent)}}.editor-resizable-handle-grip{z-index:1;width:1rem;height:1.75rem;color:var(--muted-foreground);justify-content:center;align-items:center;transition:color .15s;display:flex}.editor-resizable-handle[aria-orientation=horizontal] .editor-resizable-handle-grip{width:1.75rem;height:1rem;transform:rotate(90deg)}.editor-resizable-handle:hover .editor-resizable-handle-grip,.editor-resizable-handle:focus-visible .editor-resizable-handle-grip,.editor-resizable-handle[data-resize-handle-active] .editor-resizable-handle-grip{color:var(--foreground)}.editor-resizable-handle-grip svg{width:.875rem;height:.875rem}.editor-top-menu{z-index:20;border-bottom:1px solid var(--editor-border);background:var(--editor-panel);min-width:0;min-height:0;color:var(--foreground);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.editor-top-menu-title,.editor-top-menu-actions,.editor-autosave-status{align-items:center;min-width:0;display:inline-flex}.editor-top-menu-title{border-inline-end:1px solid var(--editor-border);gap:.625rem;padding-inline:.75rem}.editor-top-menu-brand,.editor-autosave-status{color:var(--muted-foreground);letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:650}.editor-top-menu-brand{white-space:nowrap;align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.editor-top-menu-brand:hover,.editor-top-menu-brand:focus-visible{color:var(--foreground)}.editor-top-menu-brand:focus-visible{box-shadow:0 0 0 2px var(--primary);outline:none}@supports (color:color-mix(in lab, red, red)){.editor-top-menu-brand:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--primary) 35%, transparent)}}.editor-top-menu-actions{justify-content:flex-start}.editor-top-menu-actions .editor-menu-trigger{border-block:0;border-inline-start:0;border-inline-end:1px solid var(--editor-border);min-height:3rem;color:var(--muted-foreground);text-transform:none;background:0 0;border-radius:0;gap:.375rem;font-size:.75rem}.editor-top-menu-actions .editor-menu-trigger:not(:disabled):hover,.editor-top-menu-actions .editor-menu-trigger.is-active{border-color:var(--editor-border);background:var(--editor-raised);color:var(--foreground)}.editor-menu-trigger:after{content:"";border-block-start:.25rem solid;border-inline:.25rem solid #0000;width:0;height:0}.editor-autosave-status{justify-content:flex-end;padding-inline:.75rem}.editor-menu-positioner{z-index:30}.editor-menu-popover{border:1px solid var(--editor-border);background:var(--editor-panel);min-width:20rem;box-shadow:0 .75rem 2rem var(--editor-workspace);gap:.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.editor-menu-popover{box-shadow:0 .75rem 2rem color-mix(in oklch, var(--editor-workspace) 76%, transparent)}}.editor-menu-popover{padding:.875rem}.editor-export-menu{width:min(24rem,100vw - 2rem)}.editor-project-menu,.editor-about-menu{width:min(22rem,100vw - 2rem)}.editor-menu-section{gap:.75rem;min-width:0;display:grid}.editor-menu-section-title{color:var(--foreground);margin:0;font-size:.75rem;font-weight:750;line-height:1}.editor-menu-readout{border-top:1px solid var(--editor-border);padding-block-start:.75rem}.editor-menu-link-list{border:1px solid var(--editor-border);min-width:0;display:grid}.editor-menu-link{border-bottom:1px solid var(--editor-border);background:var(--editor-panel);min-width:0;color:var(--foreground);outline:none;gap:.25rem;padding:.625rem;text-decoration:none;transition:background-color .15s,box-shadow .15s,color .15s;display:grid}.editor-menu-link:last-child{border-bottom:0}.editor-menu-link:hover,.editor-menu-link:focus-visible{background:var(--foreground);color:var(--background)}.editor-menu-link:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-menu-link:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--primary) 35%, transparent)}}.editor-menu-link span{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;line-height:1.2;overflow:hidden}.editor-menu-link small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.35;overflow:hidden}.editor-menu-link:hover small,.editor-menu-link:focus-visible small{color:var(--background)}@supports (color:color-mix(in lab, red, red)){.editor-menu-link:hover small,.editor-menu-link:focus-visible small{color:color-mix(in oklch, var(--background) 72%, var(--foreground))}}.editor-new-project-confirm{gap:.75rem;display:grid}.editor-new-project-confirm p,.editor-menu-error{color:var(--muted-foreground);margin:0;font-size:.75rem;line-height:1.45}.editor-menu-error{color:var(--destructive)}.editor-menu-row{justify-content:flex-end;gap:.5rem;min-width:0;display:flex}.preview-monitor{background:var(--editor-monitor);grid-template-rows:2.75rem minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.preview-monitor-toolbar,.tool-panel-stack-header{border-bottom:1px solid var(--editor-border);min-width:0;color:var(--muted-foreground);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.preview-monitor-toolbar{padding-inline:1rem}.preview-monitor-toolbar span{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.preview-monitor-toolbar svg{width:1rem;height:1rem;color:var(--primary)}.preview-monitor-frame{place-items:center;min-width:0;min-height:0;padding:1.75rem;display:grid;position:relative;overflow:hidden;container:preview-monitor-frame/size}.preview-monitor-canvas{box-sizing:border-box;width:min(100cqw, calc(100cqh * var(--preview-aspect-width) / var(--preview-aspect-height)));height:min(100cqh, calc(100cqw * var(--preview-aspect-height) / var(--preview-aspect-width)));max-width:100%;max-height:100%;aspect-ratio:var(--preview-aspect-width) / var(--preview-aspect-height);border:1px solid var(--editor-border);display:block}@supports (color:color-mix(in lab, red, red)){.preview-monitor-canvas{border:1px solid color-mix(in oklch, var(--editor-border) 72%, transparent)}}.preview-monitor-canvas{border-radius:calc(var(--radius) - .125rem);background:var(--editor-monitor-frame);box-shadow:0 1rem 4rem var(--editor-workspace)}@supports (color:color-mix(in lab, red, red)){.preview-monitor-canvas{box-shadow:0 1rem 4rem color-mix(in oklch, var(--editor-workspace) 72%, transparent)}}.preview-monitor-overlay{border:1px solid var(--editor-border);border-radius:calc(var(--radius) - .125rem);background:var(--editor-monitor);justify-content:center;align-items:center;min-width:8rem;min-height:2.25rem;display:inline-flex;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.preview-monitor-overlay{background:color-mix(in oklch, var(--editor-monitor) 88%, transparent)}}.preview-monitor-overlay{color:var(--muted-foreground);font-size:.8125rem;transform:translate(-50%,-50%)}.tool-panel-stack{background:var(--editor-panel);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:auto}.tool-panel-stack-header{flex:0 0 2.75rem;justify-content:flex-start;padding-inline:1rem}.tool-panel{border-bottom:1px solid var(--editor-border)}.tool-panel:last-child{border-bottom:0}.tool-panel-trigger{width:100%;min-height:2.75rem;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding-inline:.875rem;display:flex}.tool-panel-trigger:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-panel-trigger:hover{background:color-mix(in oklch, var(--accent) 48%, transparent)}}.tool-panel-title,.tool-panel-trigger-meta{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.tool-panel-title{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:650;overflow:hidden}.tool-panel-icon,.source-bin-icon{border:1px solid var(--editor-border);border-radius:calc(var(--radius) - .125rem);background:var(--editor-raised);width:1.625rem;height:1.625rem;color:var(--primary);flex:0 0 1.625rem;place-items:center;display:inline-grid}.tool-panel-icon svg,.source-bin-icon svg,.tool-panel-chevron{width:.95rem;height:.95rem}.tool-panel-badge{background:var(--editor-raised);min-width:1.25rem;color:var(--muted-foreground);text-align:center;border-radius:999px;font-size:.75rem;line-height:1.25rem}.tool-panel-content{padding:.875rem}.source-bin-tool-panel-content{padding:0}.panel-readout{gap:.625rem;margin:0;display:grid}.panel-readout div{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.panel-readout dt{color:var(--muted-foreground);font-size:.75rem}.panel-readout dd{min-width:0;color:var(--foreground);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;overflow:hidden}.panel-empty{color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.45}.project-panel,.project-panel-settings{gap:.875rem;min-width:0;display:grid}.project-panel-settings{border-top:1px solid var(--editor-border);padding-block-start:.875rem}.project-panel-heading{color:var(--foreground);margin:0;font-size:.75rem;font-weight:750;line-height:1}.compact-editor-workspace{grid-template-rows:3rem minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.compact-editor-tabs{border-bottom:1px solid var(--editor-border);background:var(--editor-panel);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.compact-editor-tab{border-radius:0;width:100%;min-width:0;min-height:3rem}.compact-editor-tab[aria-selected=true]{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.compact-editor-tab[aria-selected=true]{background:color-mix(in oklch, var(--primary) 18%, transparent)}}.compact-editor-panel{min-width:0;min-height:0;overflow:hidden}.compact-editor-panel>*{width:100%;height:100%}.export-panel{gap:.75rem;min-width:0;display:grid}.export-readout{border-top:1px solid var(--editor-border);padding-block-start:.75rem}.export-message{color:var(--muted-foreground);margin:0;font-size:.75rem;line-height:1.4}.export-message.is-error{color:var(--destructive)}.export-progress{border:1px solid var(--editor-border);background:var(--editor-raised);height:.375rem;overflow:hidden}.export-progress span{background:var(--primary);block-size:100%;transition:inline-size .15s;display:block}.export-actions{justify-content:flex-end;min-width:0;display:flex}.source-bin-panel{background:var(--editor-panel-muted);grid-template-rows:2.125rem minmax(8rem,18rem);min-width:0;display:grid;overflow:hidden}.source-bin-toolbar{border-bottom:1px solid var(--editor-border);background:var(--editor-panel-muted);align-items:center;gap:.5rem;min-width:0;min-height:2.125rem;display:flex}@supports (color:color-mix(in lab, red, red)){.source-bin-toolbar{background:color-mix(in oklch, var(--editor-panel-muted) 84%, var(--editor-workspace))}}.source-bin-toolbar{color:var(--muted-foreground);padding-inline:.5rem;font-size:.75rem;font-weight:650}.source-bin-toolbar-title{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-bin-toolbar-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.source-bin-import-action{align-self:stretch;margin:0 -.5rem 0 auto}.source-bin-file-input{display:none}.source-bin-drop-zone{background:var(--editor-panel-muted);border:0;min-width:0;min-height:8rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.source-bin-drop-zone{background:color-mix(in oklch, var(--editor-panel-muted) 62%, transparent)}}.source-bin-drop-zone.is-dragging{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.source-bin-drop-zone.is-dragging{background:color-mix(in oklch, var(--primary) 12%, var(--editor-panel))}}.source-bin-drop-zone.is-dragging{box-shadow:inset 0 0 0 1px var(--primary)}.source-bin-drop-zone>.panel-empty{text-align:center;place-self:center;max-width:16rem;padding:1rem}.source-bin-drop-indicator{border:1px solid var(--primary);background:var(--editor-panel);display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.source-bin-drop-indicator{background:color-mix(in oklch, var(--editor-panel) 72%, transparent)}}.source-bin-drop-indicator{color:var(--foreground);pointer-events:none;place-items:center;font-size:.8125rem;font-weight:700}.source-bin-list{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;place-items:start;gap:.5rem;padding:.5rem;display:grid;overflow:hidden auto}.source-bin-item{border:1px solid var(--editor-border);background:var(--editor-panel-muted);width:100%;min-width:0;max-width:8.75rem;height:12.75rem;min-height:0;color:var(--foreground);place-content:start space-between;align-items:center;gap:.75rem;display:grid;position:relative;overflow:hidden}.source-bin-item.is-selected{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.source-bin-item.is-selected{background:color-mix(in oklch, var(--primary) 10%, var(--editor-panel-muted))}}.source-bin-item.is-failed{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.source-bin-item.is-failed{border-color:color-mix(in oklch, var(--destructive) 58%, var(--editor-border))}}.source-bin-item.is-draggable{cursor:grab}.source-bin-item.is-draggable:active{cursor:grabbing}.source-bin-item-main{width:100%;min-width:0;height:100%;min-height:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:.625rem;padding:.5rem;display:grid;overflow:hidden}.source-bin-item:hover,.source-bin-item:focus-within{border-color:var(--primary)}.source-bin-thumbnail{aspect-ratio:1;border:1px solid var(--editor-border);background:var(--editor-monitor-frame);width:100%;max-height:8rem;color:var(--primary);place-items:center;display:inline-grid;overflow:hidden}.source-bin-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.source-bin-thumbnail svg{width:1.5rem;height:1.5rem}.source-bin-thumbnail-icon{background:var(--editor-raised)}.source-bin-copy{align-content:start;gap:.3125rem;min-width:0;min-height:0;display:grid;overflow:hidden}.source-bin-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:650;line-height:1.45;overflow:hidden}.source-bin-detail,.source-bin-usage,.source-bin-error,.source-bin-warning{font-size:.75rem;line-height:1.45}.source-bin-detail,.source-bin-usage{color:var(--muted-foreground)}.source-bin-detail,.source-bin-usage,.source-bin-error,.source-bin-warning{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-bin-detail{text-transform:capitalize}.source-bin-error,.source-bin-warning{color:var(--destructive)}.source-bin-remove-button{border:1px solid var(--editor-border);background:var(--editor-panel);width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--muted-foreground);opacity:0;border-radius:0;padding:0;position:absolute;top:.25rem;right:.25rem}.source-bin-item:hover .source-bin-remove-button,.source-bin-item:focus-within .source-bin-remove-button{opacity:1}.source-bin-remove-button.editor-button{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0}.source-bin-remove-button.editor-button svg{width:.75rem;height:.75rem}.source-bin-remove-button:not(:disabled):hover{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.full-editor-timeline-dock{background:var(--timeline-panel);border-inline:0;border-bottom:0;border-radius:0;grid-template-rows:3.75rem minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.timeline-editor-command-strip{border-bottom:1px solid var(--timeline-border);min-width:0;min-height:0;display:flex}.full-editor-transport{border-right:1px solid var(--timeline-border);border-radius:0;flex:auto;min-width:0;height:3.75rem;min-height:3.75rem;padding:.375rem .625rem;overflow:auto hidden}.timeline-command-bar{background:var(--timeline-panel);flex:0 auto;align-items:center;gap:.375rem;min-width:0;max-width:min(44rem,52%);height:3.75rem;min-height:3.75rem;padding:.375rem .625rem;display:inline-flex;overflow:auto hidden}.timeline-command-group{flex:none;align-items:center;gap:.25rem;display:inline-flex}.timeline-command-text-button{min-width:2.75rem;padding-inline:.5rem;font-size:.75rem}.timeline-editor-body-with-headers,.timeline-editor-timeline-panel,.timeline-editor-stage-row{width:100%;min-width:0;height:100%;min-height:0}.timeline-editor-timeline-panel{grid-template-rows:minmax(0,1fr) auto;display:grid}.timeline-editor-stage-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.timeline-editor-header-panel,.timeline-editor-header-stage{width:100%;min-width:0;height:100%;min-height:0}.timeline-editor-header-panel{border-right:1px solid var(--timeline-border);background:var(--timeline-track-header-background)}.timeline-editor-track-headers{height:100%}.timeline-editor-track-header-content{grid-template-columns:2.75rem 2.75rem minmax(0,1fr) .5rem;align-items:center;gap:.25rem;width:100%;min-width:0;height:100%;padding-inline:.375rem 0;display:grid}.timeline-editor-track-header-label{color:var(--timeline-track-header-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:650;overflow:hidden}.timeline-editor-track-header-button{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}.timeline-editor-root-with-headers{position:relative}.timeline-editor-root-with-headers.is-source-drop-dragging{box-shadow:inset 0 0 0 1px var(--timeline-border)}.timeline-editor-root-with-headers.is-source-drop-valid{box-shadow:inset 0 0 0 1px var(--primary)}.timeline-source-drop-line{top:var(--timeline-ruler-height,32px);z-index:2;background:var(--primary);pointer-events:none;width:1px;position:absolute;bottom:0}.timeline-source-drop-band{z-index:1;border:1px solid var(--primary);background:var(--primary);position:absolute}@supports (color:color-mix(in lab, red, red)){.timeline-source-drop-band{background:color-mix(in oklch, var(--primary) 18%, transparent)}}.timeline-source-drop-band{pointer-events:none}.timeline-source-drop-feedback{z-index:2;border:1px solid var(--primary);background:var(--timeline-panel);position:absolute;top:.375rem;right:.5rem}@supports (color:color-mix(in lab, red, red)){.timeline-source-drop-feedback{background:color-mix(in oklch, var(--timeline-panel) 84%, transparent)}}.timeline-source-drop-feedback{color:var(--foreground);pointer-events:none;padding:.25rem .375rem;font-size:.75rem;font-weight:750;line-height:1}.timeline-source-drop-feedback.is-invalid{border-color:var(--destructive);color:var(--destructive)}.timeline-editor-vertical-scrollbar-column{border-left:1px solid var(--timeline-border);width:.875rem;min-width:.875rem;display:flex}.timeline-editor-vertical-scrollbar{height:100%}.timeline-editor-scrollbar-row{border-top:1px solid var(--timeline-border)}.full-editor-timecode-control-wrapper{align-items:center;min-width:8.5rem;display:inline-flex}.full-editor-app .timeline-timecode-control-button{min-height:2.75rem}.full-editor-range-badge{background:var(--editor-blue);width:1rem;height:1rem;color:var(--accent-foreground);border-radius:.25rem;place-items:center;font-size:.75rem;font-weight:800;line-height:1;display:inline-grid}}@layer utilities{.visible{visibility:visible}.hidden{display:none}.h-full{height:100%}.min-h-0{min-height:0}.w-full{width:100%}.min-w-0{min-width:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}.timeline-root{-webkit-user-select:none;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;-webkit-user-select:none;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;-webkit-user-select:none;user-select:none;outline:none;height:6px;position:absolute;bottom:-3px;left:0;right:0}.timeline-dom-ruler{-webkit-user-select:none;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-ruler-tick-medium .timeline-dom-ruler-tick-mark{height:10px}.timeline-dom-ruler-tick-major .timeline-dom-ruler-tick-mark{height:14px}.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;-webkit-user-select:none;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;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;bottom:0;left:0;right:0}.timeline-keyframe-interaction-layer{z-index:75;pointer-events:none;-webkit-user-select: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-tangent-interaction-layer{z-index:76;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;bottom:0;left:0;right:0}.timeline-keyframe-tangent-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.timeline-keyframe-tangent-line{pointer-events:none}.timeline-keyframe-tangent-handle{box-sizing:border-box;pointer-events:auto;will-change:transform;position:absolute;top:0;left:0}.timeline-keyframe-tangent-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;-webkit-user-select:none;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{-webkit-user-select:none;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;-webkit-user-select:none;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-keyframe-tangent-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:var(--timeline-border)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-track-divider:color-mix(in oklch, var(--timeline-border) 52%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-track-divider-width:1px;--timeline-track-locked-overlay:var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-track-locked-overlay:color-mix(in oklch, var(--foreground) 8%, transparent)}}: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-keyframe-tangent-interaction-layer){--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:var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-clip-background-selected:color-mix(in oklch, var(--foreground) 18%, var(--timeline-panel))}}: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-keyframe-tangent-interaction-layer){--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:var(--primary)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-playhead-hover-background:color-mix(in oklch, var(--primary) 14%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-inout-accent:var(--ring);--timeline-inout-area:var(--timeline-inout-accent)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-inout-area:color-mix(in oklch, var(--timeline-inout-accent) 18%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-inout-border:var(--timeline-inout-accent);--timeline-inout-hover:var(--timeline-inout-accent)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-inout-hover:color-mix(in oklch, var(--timeline-inout-accent) 14%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-inout-hover-border:var(--timeline-inout-accent);--timeline-snap-line:var(--ring);--timeline-drop-target:var(--timeline-inout-accent)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-drop-target:color-mix(in oklch, var(--timeline-inout-accent) 12%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-drop-target-invalid:var(--destructive)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-drop-target-invalid:color-mix(in oklch, var(--destructive) 14%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-drop-target-border:var(--timeline-inout-accent)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-drop-target-border:color-mix(in oklch, var(--timeline-inout-accent) 42%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-clip-handle-background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-clip-handle-background:color-mix(in oklch, var(--foreground) 24%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-clip-handle-active-background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-clip-handle-active-background:color-mix(in oklch, var(--foreground) 44%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-clip-handle-opacity:.85;--timeline-clip-handle-active-opacity:1;--timeline-clip-feedback-background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-clip-feedback-background:color-mix(in oklch, var(--foreground) 10%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-clip-feedback-border:var(--timeline-border);--timeline-clip-focus-ring:var(--primary);--timeline-keyframe-line:var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-keyframe-line:color-mix(in oklch, var(--foreground) 52%, transparent)}}: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-keyframe-tangent-interaction-layer){--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:var(--background)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-scrollbar-handle-grip:color-mix(in oklch, var(--background) 72%, transparent)}}: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-keyframe-tangent-interaction-layer){--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:var(--timeline-clip-focus-ring)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-input-focus-ring:color-mix(in oklch, var(--timeline-clip-focus-ring) 36%, transparent)}}: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-keyframe-tangent-interaction-layer){--timeline-input-invalid-border:var(--destructive);--timeline-input-invalid-ring:var(--destructive)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-input-invalid-ring:color-mix(in oklch, var(--destructive) 28%, transparent)}}: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-keyframe-tangent-interaction-layer){--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 var(--foreground)}@supports (color:color-mix(in lab, red, red)){: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-keyframe-tangent-interaction-layer){--timeline-shadow-sm:0 1px 3px color-mix(in oklch, var(--foreground) 18%, transparent)}}: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-keyframe-tangent-interaction-layer){--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,.timeline-keyframe-tangent-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 var(--background)}@supports (color:color-mix(in lab, red, red)){.timeline-keyframe-handle-shape{box-shadow:0 0 0 1px color-mix(in oklch, var(--background) 34%, transparent)}}.timeline-keyframe-handle-shape{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 var(--timeline-keyframe-stroke-selected)}@supports (color:color-mix(in lab, red, red)){.timeline-keyframe-handle[data-hovered=true] .timeline-keyframe-handle-shape,.timeline-keyframe-handle:focus-visible .timeline-keyframe-handle-shape{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-tangent-line{stroke:var(--timeline-keyframe-stroke-selected);stroke-width:1px;stroke-dasharray:3 3;opacity:.75}.timeline-keyframe-tangent-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 var(--background), var(--timeline-shadow-sm)}@supports (color:color-mix(in lab, red, red)){.timeline-keyframe-tangent-handle-shape{box-shadow:0 0 0 1px color-mix(in oklch, var(--background) 34%, transparent), var(--timeline-shadow-sm)}}.timeline-keyframe-tangent-handle-shape{transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s}.timeline-keyframe-tangent-handle[data-hovered=true] .timeline-keyframe-tangent-handle-shape,.timeline-keyframe-tangent-handle:focus-visible .timeline-keyframe-tangent-handle-shape{background:var(--timeline-keyframe-fill-selected);box-shadow:0 0 0 1px var(--timeline-keyframe-stroke-selected), 0 0 0 4px var(--timeline-keyframe-stroke-selected)}@supports (color:color-mix(in lab, red, red)){.timeline-keyframe-tangent-handle[data-hovered=true] .timeline-keyframe-tangent-handle-shape,.timeline-keyframe-tangent-handle:focus-visible .timeline-keyframe-tangent-handle-shape{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-tangent-handle[data-active=true] .timeline-keyframe-tangent-handle-shape{background:var(--timeline-keyframe-fill-selected)}.timeline-keyframe-tangent-handle[data-editable=true]{cursor:grab}.timeline-keyframe-tangent-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)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:oklch(17.352% 0 0);--foreground:oklch(85.76% 0 0);--card:oklch(17.352% 0 0);--card-foreground:oklch(85.76% 0 0);--popover:oklch(20.24% 0 0);--popover-foreground:oklch(85.76% 0 0);--primary:oklch(67.53% .1208 82.7652);--primary-foreground:oklch(21.78% 0 0);--secondary:oklch(92.9% .0439 85.2366);--secondary-foreground:oklch(21.78% 0 0);--muted:oklch(20.24% 0 0);--muted-foreground:oklch(72% 0 0);--accent:oklch(23.8% 0 0);--accent-foreground:oklch(100% 0 0);--destructive:oklch(78% .14 25);--destructive-foreground:oklch(100% 0 0);--border:oklch(25.42% 0 0);--input:oklch(20.24% 0 0);--ring:var(--primary);--radius:.25rem;--font-sans:"Lexend Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--editor-workspace:var(--background)}@supports (color:color-mix(in lab, red, red)){:root{--editor-workspace:color-mix(in oklch, var(--background) 90%, black)}}:root{--editor-panel:var(--background);--editor-panel-muted:var(--muted);--editor-raised:var(--accent);--editor-border:var(--border)}@supports (color:color-mix(in lab, red, red)){:root{--editor-border:color-mix(in oklch, var(--border) 72%, var(--foreground))}}:root{--editor-monitor:var(--background)}@supports (color:color-mix(in lab, red, red)){:root{--editor-monitor:color-mix(in oklch, var(--background) 92%, black)}}:root{--editor-monitor-frame:var(--background)}@supports (color:color-mix(in lab, red, red)){:root{--editor-monitor-frame:color-mix(in oklch, var(--background) 76%, black)}}:root{--editor-blue:oklch(62% .16 250);--timeline-inout-accent:var(--editor-blue)}@media (width<=47.999rem){.editor-top-menu-actions{overflow:auto hidden}.editor-autosave-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=30rem){.editor-top-menu{grid-template-columns:minmax(0,1fr)}.editor-top-menu-title{display:none}}@media (width<=47.999rem){.full-editor-timeline-dock{grid-template-rows:7.5rem minmax(0,1fr)}.timeline-editor-command-strip{grid-template-rows:3.75rem 3.75rem;display:grid}.full-editor-transport,.timeline-command-bar{border-right:0;width:100%;max-width:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}