/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@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;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-space-y-reverse:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.19rem;--radius-md:.225rem;--radius-lg:.28rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#07070a;--color-foreground:#ededef;--color-card:#07070a;--color-primary:#ededef;--color-primary-foreground:#121214;--color-secondary:#1c1c20;--color-secondary-foreground:#ededef;--color-muted:#1c1c20;--color-muted-foreground:#88889a;--color-accent:#1c1c20;--color-accent-foreground:#ededef;--color-destructive:#e04f4f;--color-destructive-foreground:#ededef;--color-border:#1c1c20;--color-input:#1c1c20;--color-ring:#a3a3b8;--color-viewer-bg:#000;--color-timeline-bg:#07070a;--color-track-even:#0b0b0e;--color-track-odd:#101013;--color-track-header:#141418;--color-playhead:#e04f4f;--color-layer-bar:#4f8cff;--color-success:#2fc96e;--color-warning:#f0a030}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{color-scheme:dark;-webkit-tap-highlight-color:transparent}body{background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;height:100vh;font-size:.875rem;line-height:1.25rem;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer}button:focus,input:focus,select:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}}@layer components{.skip-link{left:calc(var(--spacing) * 2);z-index:9999;border-radius:var(--radius-md);background-color:var(--color-primary);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary-foreground);text-decoration-line:none;transition:top .2s;position:absolute;top:-100%}.skip-link:focus{top:.5rem}.icon-14{width:14px;height:14px}.icon-16{width:16px;height:16px}.icon-18{width:18px;height:18px}.icon-48{width:48px;height:48px}#app{background-color:var(--color-background);flex-direction:column;height:100vh;display:flex}.menu-bar{height:calc(var(--spacing) * 11);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.menu-brand{align-items:center;gap:calc(var(--spacing) * 2);min-width:0;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-foreground);display:flex}.logo-box{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);background-color:var(--color-secondary);color:var(--color-foreground);border-radius:.28rem;justify-content:center;align-items:center;display:flex}.logo-icon{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.logo-text{color:var(--color-foreground);text-wrap:balance}.menu-nav{align-items:center;gap:var(--spacing);display:flex}.menu-btn{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:var(--radius-md);border-style:var(--tw-border-style);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.menu-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.menu-btn:active{background:var(--color-muted)}.menu-comp{align-items:center;gap:calc(var(--spacing) * 1.5);flex-shrink:1;min-width:0;display:flex;overflow:visible}.comp-dropdown{min-width:calc(var(--spacing) * 20);cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-input);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;outline-style:none;transition-duration:.15s}.comp-dropdown:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-ring)}.comp-info{border-radius:var(--radius-sm);background-color:var(--color-secondary);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);white-space:nowrap;color:var(--color-muted-foreground);font-size:.625rem}.comp-duration-wrap{align-items:center;gap:calc(var(--spacing) * .5);display:inline-flex}.comp-duration-input{width:calc(var(--spacing) * 12);border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-secondary);padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);text-align:right;font-family:var(--font-mono);color:var(--color-muted-foreground);--tw-outline-style:none;-moz-appearance:textfield;outline-style:none;font-size:.625rem}.comp-duration-input:focus{border-color:var(--color-ring);box-shadow:0 0 0 1px var(--color-ring)}.comp-duration-input::-webkit-inner-spin-button{opacity:1}.comp-duration-input::-webkit-outer-spin-button{opacity:1}.workspace{flex:1;min-height:0;display:flex;overflow:hidden}.gutter{z-index:10;cursor:col-resize;background-color:var(--color-border);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s;position:relative}.gutter:hover{background:var(--color-ring)}.gutter.gutter-horizontal{width:var(--spacing);min-width:var(--spacing)}.panel-left{max-width:30rem;min-height:0;min-width:calc(var(--spacing) * 56);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-border);background-color:var(--color-card);flex-direction:column;display:flex}.panel-right{max-width:30rem;min-height:0;min-width:calc(var(--spacing) * 64);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-border);background-color:var(--color-card);flex-direction:column;display:flex}.panel-tabs{gap:var(--spacing);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding-inline:calc(var(--spacing) * 2);padding-block:0;display:flex}.tab-btn{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-color:#0000;border-bottom-width:2px;margin-bottom:-1px;transition-duration:.15s;display:flex}.tab-btn svg{color:var(--color-muted-foreground)}.tab-btn:hover,.tab-btn:hover svg{color:var(--color-foreground)}.tab-btn.active{color:var(--color-foreground);border-bottom-color:var(--color-foreground);background:0 0}.tab-btn.active svg{color:var(--color-foreground)}.tab-content{flex-direction:column;flex:1;min-height:0;display:none}.tab-content.active{display:flex}.layer-toolbar{gap:var(--spacing);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding:calc(var(--spacing) * 2);flex-shrink:0;display:flex;overflow:auto hidden}.layer-toolbar::-webkit-scrollbar{height:4px}.layer-toolbar::-webkit-scrollbar-track{background:0 0}.layer-toolbar::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:2px}.tool-btn{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-secondary);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-radius:3px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.tool-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground);border-color:var(--color-ring)}.tool-btn.danger:hover{background:var(--color-destructive);color:var(--color-destructive-foreground);border-color:var(--color-destructive)}.toolbar-sep{margin-inline:calc(var(--spacing) * .5);margin-block:var(--spacing);background-color:var(--color-border);width:1px}.layer-list{flex:1;min-height:0;list-style-type:none}:where(.layer-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.layer-list{padding:var(--spacing);overflow-y:auto}.layer-item{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;-webkit-user-select:none;user-select:none;border-radius:3px;transition-duration:.1s;display:flex;position:relative}.layer-item:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.layer-item.selected{background:var(--color-primary);color:var(--color-primary-foreground)}.layer-item.selected .layer-name{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-primary-foreground)}.layer-group{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:#ffffff08}.layer-group:hover{background:#ffffff0f}.group-children{margin-top:calc(var(--spacing) * .5);margin-bottom:calc(var(--spacing) * .5);margin-left:calc(var(--spacing) * 2);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-left-style:var(--tw-border-style);padding:var(--spacing);border-left-width:2px;border-left-color:var(--color-layer-bar);background:#ffffff05}.layer-group{border-bottom:1px solid #ffffff0f}.group-children .layer-item:last-child{border-bottom:none}.group-toggle{width:calc(var(--spacing) * 3);text-align:center;display:inline-block}.layer-icon{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);border-radius:var(--radius-sm);--tw-font-weight:var(--font-weight-bold);font-size:.5rem;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 1px #ffffff1a}.layer-name{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-type-badge{border-radius:var(--radius-sm);background-color:var(--color-secondary);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);color:var(--color-muted-foreground);font-size:.625rem}.sortable-ghost{opacity:.5;background:var(--color-primary)!important}.sortable-drag{border-style:var(--tw-border-style);opacity:.9;border-width:1px;background:var(--color-accent)!important;border-color:var(--color-ring)!important}.layer-group.drag-over{border:1px dashed var(--color-layer-bar)!important;background:#3b82f633!important}.layer-item.drag-into-group{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:.7;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.layer-group.drag-absorb{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s;background:#22c55e26!important}.project-placeholder{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 10);text-align:center;color:var(--color-muted-foreground);flex-direction:column;display:flex}.viewer-area{background-color:var(--color-background);flex-direction:column;flex:1;min-width:25rem;display:flex;position:relative}.viewer-toolbar{height:calc(var(--spacing) * 9);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.viewer-info{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground);display:flex}.comp-title{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-foreground);text-wrap:balance}.viewer-sep{color:var(--color-border)}.time-code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ring)}.viewer-zoom{align-items:center;gap:var(--spacing);display:flex}.zoom-btn{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);cursor:pointer;border-style:var(--tw-border-style);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:#0000;border-color:var(--color-border);background-color:#0000;border-radius:3px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.zoom-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.zoom-level{min-width:calc(var(--spacing) * 10);text-align:center;font-family:var(--font-mono);color:var(--color-muted-foreground);font-size:.625rem}.viewer-wrapper{background:var(--color-viewer-bg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#viewer{background-color:var(--color-black);max-width:100%;max-height:calc(100% - 2.5rem);box-shadow:0 0 0 1px var(--color-border);display:block}.viewer-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.viewer-safe-zones{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.viewer-safe-zones.show{display:block}.safe-action{border:1px solid #ffffff26;position:absolute;top:5%;right:5%;bottom:5%;left:5%}.safe-title{border:1px solid #ffffff1a;position:absolute;top:10%;right:10%;bottom:10%;left:10%}.transport-bar{height:calc(var(--spacing) * 10);align-items:center;gap:calc(var(--spacing) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);flex-shrink:0;display:flex}.time-slider{margin-inline:calc(var(--spacing) * 2);height:var(--spacing);cursor:pointer;--tw-outline-style:none;-webkit-appearance:none;background:var(--color-secondary);border-radius:3.40282e38px;outline-style:none;flex:1;min-width:0}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3);cursor:pointer;background:var(--color-foreground);border:2px solid var(--color-background);box-shadow:0 0 0 1px var(--color-ring);border-radius:3.40282e38px}.time-slider::-moz-range-thumb{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3);cursor:pointer;background:var(--color-foreground);border:2px solid var(--color-background);box-shadow:0 0 0 1px var(--color-ring);border-radius:3.40282e38px}.transport-controls{align-items:center;gap:calc(var(--spacing) * .5);display:flex}.transport-btn{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.transport-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.play-btn{background:var(--color-foreground);color:var(--color-background)}.play-btn:hover{background:var(--color-ring);color:var(--color-background)}.transport-sep{margin-inline:var(--spacing);height:calc(var(--spacing) * 5);background-color:var(--color-border);width:1px}.transport-time-info{align-items:center;gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 2);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground);display:flex}.current-frame{min-width:calc(var(--spacing) * 16);text-align:right;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.duration-sep{color:var(--color-border)}.total-duration{color:var(--color-muted-foreground)}.properties{flex:1}:where(.properties>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.properties{padding:calc(var(--spacing) * 2);overflow-y:auto}.prop-section{margin-bottom:calc(var(--spacing) * 3);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);overflow:hidden}.prop-section-title{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--color-secondary);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:.6875rem;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-muted-foreground);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;text-wrap:balance;transition-duration:.15s;display:flex}.prop-section-title:hover{color:var(--color-foreground)}.prop-section-title svg{color:var(--color-muted-foreground)}:where(.prop-grid>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.prop-grid{padding:calc(var(--spacing) * 2)}.prop-row{margin-bottom:calc(var(--spacing) * 1.5);align-items:center;gap:var(--spacing);grid-template-columns:4.5rem 1fr repeat(3,auto);display:grid}.prop-row label{padding-right:var(--spacing);text-align:right;color:var(--color-muted-foreground);font-size:.6875rem}.prop-row-dual{margin-bottom:calc(var(--spacing) * 1.5);align-items:center;gap:var(--spacing);grid-template-columns:4.5rem 1fr auto;display:grid}.prop-label-dual{padding-right:var(--spacing);text-align:right;color:var(--color-muted-foreground);font-size:.6875rem}.prop-dual-inputs{align-items:center;gap:var(--spacing);display:flex}.prop-input-group{align-items:center;gap:calc(var(--spacing) * .5);flex:1;min-width:0;display:flex}.prop-axis{width:calc(var(--spacing) * 3);text-align:center;--tw-font-weight:var(--font-weight-bold);font-size:.5625rem;font-weight:var(--font-weight-bold);color:var(--color-muted-foreground);flex-shrink:0}.prop-row input,.prop-row-dual input,.prop-row select,.prop-row-dual select{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-input);min-width:0;padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;border-radius:3px;outline-style:none;transition-duration:.15s}.prop-row input:focus,.prop-row-dual input:focus,.prop-row select:focus,.prop-row-dual select:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px #d4d4d833}.prop-num{cursor:ew-resize;text-align:right;-webkit-user-select:none;user-select:none;width:100%}.prop-num:focus{cursor:text;-webkit-user-select:auto;user-select:auto}.prop-unit{color:var(--color-muted-foreground);font-size:.625rem}.kf-btn{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);color:var(--color-muted-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition-duration:.15s;display:flex}.kf-btn svg{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2)}.kf-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground);border-color:var(--color-ring)}.kf-btn.active{background:var(--color-warning);color:var(--color-background);border-color:var(--color-warning)}.easing-icon-btn{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);color:var(--color-muted-foreground);opacity:.7;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition-duration:.15s;display:flex}.easing-icon-btn svg{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3)}.easing-icon-btn:hover{opacity:1;background:var(--color-accent);color:var(--color-accent-foreground);border-color:var(--color-ring)}.easing-icon-btn.active{opacity:1;color:var(--color-ring);border-color:var(--color-ring);background:#3b82f61a}.lock-btn{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);color:var(--color-muted-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:#0000;border-color:var(--color-border);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition-duration:.15s;display:flex}.lock-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground);border-color:var(--color-ring)}.lock-btn.locked{color:var(--color-warning);border-color:var(--color-warning)}.lock-btn.locked .lock-open{display:none}.lock-btn.locked .lock-closed{display:block!important}.lock-btn:not(.locked) .lock-open{display:block}.lock-btn:not(.locked) .lock-closed{display:none}input[type=color]{height:calc(var(--spacing) * 6);cursor:pointer;--tw-border-style:none;border-style:none;border-radius:3px;padding:0}.object-item{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 1.5);padding-block:var(--spacing);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;border-radius:3px;font-size:.6875rem;transition-duration:.1s;display:flex}.object-item:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.object-item.selected{background:var(--color-primary);color:var(--color-primary-foreground)}.object-type-icon{width:calc(var(--spacing) * 4);text-align:center;flex-shrink:0;font-size:.625rem}.object-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.object-del-btn{cursor:pointer;--tw-border-style:none;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;color:var(--color-muted-foreground);background-color:#0000;border-style:none;margin-left:auto;padding:0;line-height:1}.object-del-btn:hover{color:var(--color-destructive)}.effects-toolbar{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding:calc(var(--spacing) * 2)}.effect-add-wrapper{position:relative}.effect-dropdown{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-input);width:100%;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;border-radius:3px;outline-style:none;transition-duration:.15s}.effect-dropdown:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px #d4d4d833}.effect-dropdown optgroup{background-color:var(--color-card);color:var(--color-muted-foreground);font-size:.625rem}.effect-list{list-style-type:none}:where(.effect-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.effect-list{padding:var(--spacing)}.effect-item{margin-bottom:calc(var(--spacing) * .5);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--color-secondary);padding:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;border-radius:3px;transition-duration:.1s;display:flex}.effect-item:hover{background:var(--color-accent)}.effect-item.selected{background:var(--color-primary);color:var(--color-primary-foreground)}.effect-item input[type=checkbox]{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);cursor:pointer;accent-color:var(--color-foreground);margin:0}.effect-name{color:var(--color-muted-foreground);flex:1}.effect-item:hover .effect-name,.effect-item.selected .effect-name{color:inherit}.effect-delete{cursor:pointer;border-radius:var(--radius-sm);--tw-border-style:none;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-style:none;padding:0;line-height:1;transition-duration:.15s}.effect-delete:hover{color:var(--color-destructive)}#tab-effects{min-height:0;overflow:hidden}.tab-effects-scroll{flex:1;min-height:0;overflow-y:auto}.effect-add-menu{z-index:1000;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-card);width:220px;max-height:300px;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0006}.effect-add-menu-group{padding-block:var(--spacing)}.effect-add-menu-group+.effect-add-menu-group{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border)}.effect-add-menu-group-label{padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);--tw-font-weight:var(--font-weight-semibold);font-size:.625rem;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-muted-foreground);text-transform:uppercase}.effect-add-menu-item{cursor:pointer;--tw-border-style:none;width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;background-color:#0000;border-style:none;transition-duration:.1s;display:block}.effect-add-menu-item:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.effect-add-menu-item:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px}.shader-editor{gap:calc(var(--spacing) * 2);padding-block:var(--spacing);flex-direction:column;display:flex}.shader-textarea{resize:vertical;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);width:100%;padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);font-family:var(--font-mono);--tw-leading:var(--leading-relaxed);font-size:.6875rem;line-height:var(--leading-relaxed);white-space:pre;-moz-tab-size:4;tab-size:4;color:#e4e4e7;background:#0a0a0f;height:12rem;min-height:6rem;max-height:24rem;overflow:auto}.shader-textarea:focus{outline:2px solid var(--color-ring);outline-offset:0;border-color:#0000}.shader-status{min-height:calc(var(--spacing) * 4);padding-inline:var(--spacing);padding-block:var(--spacing);font-family:var(--font-mono);font-size:.625rem}.shader-status.success{color:var(--color-success)}.shader-status.error{color:var(--color-destructive)}.shader-reset-btn{cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-secondary);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);color:var(--color-secondary-foreground);align-self:flex-start;font-size:.625rem}.shader-reset-btn:hover{background:var(--color-accent)}.shader-hint{padding-inline:var(--spacing);padding-block:var(--spacing);font-family:var(--font-mono);--tw-leading:var(--leading-relaxed);font-size:.5625rem;line-height:var(--leading-relaxed);color:#71717a}.shader-hint code{border-radius:var(--radius-sm);padding-inline:var(--spacing);color:#a1a1aa;background:#18181b;padding-block:1px}#shader-uniforms-list{gap:var(--spacing);padding-block:var(--spacing);flex-direction:column;display:flex}.uniform-row{align-items:center;gap:var(--spacing);display:flex}.uniform-name-input,.uniform-val-input{width:calc(var(--spacing) * 16);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-input);padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);color:var(--color-foreground);flex-shrink:0;font-size:.625rem}.uniform-val-input{text-align:right}.uniform-del-btn{cursor:pointer;--tw-border-style:none;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:#71717a;background-color:#0000;border-style:none;padding:0;line-height:1}.uniform-del-btn:hover{color:var(--color-destructive)}.timeline-area{height:calc(var(--spacing) * 64);max-height:28rem;min-height:calc(var(--spacing) * 40);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);background:var(--color-timeline-bg);resize:vertical;overscroll-behavior:contain;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.timeline-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);background-color:var(--color-card);flex-shrink:0;display:flex}.timeline-tools{width:calc(var(--spacing) * 20);align-items:center;gap:calc(var(--spacing) * .5);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 2);flex-shrink:0;padding-block:0;display:flex}.tl-tool-btn{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);cursor:pointer;border-style:var(--tw-border-style);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;border-radius:3px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.tl-tool-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.timeline-ruler-container{cursor:pointer;flex:1;position:relative;overflow:hidden}#timeline-ruler{width:100%;height:100%;display:block}.timeline-body{flex:1;min-height:0;display:flex;position:relative}.track-headers{width:calc(var(--spacing) * 20);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-border);background:var(--color-track-header);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.track-header-label{height:calc(var(--spacing) * 7);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:.5rem;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-muted-foreground);text-transform:uppercase;align-items:center;display:flex}.track-header-item{height:calc(var(--spacing) * 8);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;border-bottom-width:1px;border-bottom-color:#ffffff08;font-size:.625rem;transition-duration:.1s;display:flex}.track-header-item:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.track-header-item:nth-child(2n){background:#ffffff05}.track-header-item:nth-child(2n):hover{background:var(--color-accent)}.track-header-item.selected{color:#93c5fd;border-left:2px solid #60a5fa;background:#60a5fa1f!important}.track-eye-wrap{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.track-eye{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);cursor:pointer;opacity:.4;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.track-eye.active{color:var(--color-foreground);opacity:1}.timeline-scroll-area{cursor:grab;flex:1;position:relative;overflow:auto}.timeline-scroll-area:active{cursor:grabbing}.timeline-content{min-height:100%;position:relative}.playhead{pointer-events:none;z-index:100;width:0;position:absolute;top:0;bottom:0}.playhead-line{width:calc(var(--spacing) * .5);background:var(--color-playhead);position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 6px #ef444499}.playhead-top{top:calc(var(--spacing) * -7);left:calc(var(--spacing) * -1.5);height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3);background:var(--color-playhead);position:absolute;transform:rotate(45deg);box-shadow:0 0 4px #ef444480}.track-lanes{flex-direction:column;padding:0;display:flex;position:relative}.timeline-layer{height:calc(var(--spacing) * 8);border-bottom:1px solid #ffffff08;flex-shrink:0;min-width:100%;position:relative;overflow:visible}.timeline-layer:nth-child(2n){background:var(--color-track-even)}.timeline-layer:nth-child(odd){background:var(--color-track-odd)}.timeline-layer:hover{background:var(--color-secondary)}.timeline-layer.selected{background:#ffffff0f!important}.timeline-layer.timeline-group{background:#ffffff05}.layer-bar{top:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 5);cursor:grab;border-radius:var(--radius-sm);padding-inline:calc(var(--spacing) * 1.5);font-family:var(--font-mono);white-space:nowrap;color:#fffffff2;align-items:center;font-size:.625rem;display:flex;position:absolute;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.layer-bar{color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.layer-bar{opacity:.9;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.layer-bar:hover{z-index:20;opacity:1;outline:1px solid #ffffff4d}.layer-bar:active{cursor:grabbing}.layer-bar.type-solid{background:#3b82f6}.layer-bar.type-image{background:#10b981}.layer-bar.type-adjustment{background:#f59e0b}.layer-bar.type-composition{background:#8b5cf6}.layer-bar.type-group{border-style:var(--tw-border-style);background:#6b7280;border-width:1px;border-color:#fff3}.layer-bar.type-shape{background:#ec4899}.layer-bar.type-text{background:#14b8a6}.layer-bar.mode-trim-in,.layer-bar.mode-trim-out{cursor:ew-resize}.layer-bar.selected{z-index:30;opacity:1;outline:2px solid var(--color-ring);filter:brightness(1.1)}.trim-handle{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.timeline-layer .layer-bar:hover .trim-handle{opacity:1}::-webkit-scrollbar{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2)}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{border-style:var(--tw-border-style);background:var(--color-secondary);border-width:2px;border-color:var(--color-background);border-radius:3.40282e38px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}::-webkit-scrollbar-corner{background:var(--color-background)}.hidden{display:none!important}.disabled{pointer-events:none;opacity:.3}.export-modal{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.export-modal.hidden{display:none}.export-modal-content{min-width:calc(var(--spacing) * 80);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 6);text-align:center}.export-modal-title{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.export-progress-bar{margin-bottom:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);background-color:var(--color-secondary);border-radius:3.40282e38px;width:100%;overflow:hidden}.export-progress-fill{width:0;height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;background:var(--color-layer-bar);border-radius:3.40282e38px;transition-duration:.1s}.export-progress-text{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground)}body.tl-dragging .layer-bar{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));opacity:.85;box-shadow:0 4px 12px #0006}body.tl-dragging .timeline-layer.selected .layer-bar{opacity:1;box-shadow:0 4px 16px #3b82f64d}.search-bar-wrapper{margin-inline:0;margin-block:var(--spacing);align-items:center;display:flex;position:relative}.search-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-input);width:100%;padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);padding-right:calc(var(--spacing) * 6);--tw-leading:calc(var(--spacing) * 5);font-size:.7rem;line-height:calc(var(--spacing) * 5);color:var(--color-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;outline-style:none;transition-duration:.15s}.search-input::placeholder{color:var(--color-muted-foreground);opacity:.6}.search-input:focus{border-color:var(--color-ring)}.search-clear{top:50%;right:calc(var(--spacing) * .5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-radius:var(--radius-sm);--tw-border-style:none;padding:var(--spacing);--tw-leading:1;color:var(--color-muted-foreground);background-color:#0000;border-style:none;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:flex;position:absolute}.search-clear:hover{background:var(--color-accent);color:var(--color-foreground)}.search-no-result{padding:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);text-align:center;color:var(--color-muted-foreground);font-size:.65rem}.search-highlight{background:#4f8cff14!important}.prop-search-highlight{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-left:2px solid var(--color-layer-bar)!important;background:#4f8cff1a!important;padding-left:.4rem!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cmd-overlay{z-index:1500;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:12vh;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.cmd-overlay.cmd-open{display:flex}.cmd-modal{background:var(--color-card,#0b0b0e);border:1px solid var(--color-border,#1c1c20);width:min(560px,100vw - 2rem);max-height:70vh;font-family:var(--font-sans);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.cmd-input{border:0;border-bottom:1px solid var(--color-border,#1c1c20);width:100%;color:var(--color-foreground,#ededef);font-size:.9rem;font-family:var(--font-sans);background:0 0;outline:none;padding:.85rem 1rem}.cmd-input::placeholder{color:var(--color-muted-foreground,#88889a)}.cmd-results{flex:auto;padding:.25rem 0 .5rem;overflow-y:auto}.cmd-section-head{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-foreground,#88889a);padding:.6rem 1rem .3rem;font-size:.625rem;font-weight:600}.cmd-item{color:var(--color-foreground,#ededef);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 1rem;font-size:.78rem;display:flex}.cmd-item.cmd-selected{background:var(--color-accent,#1c1c20)}.cmd-label-wrap{flex-direction:column;flex:auto;min-width:0;display:flex}.cmd-label{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.cmd-desc{color:var(--color-muted-foreground,#88889a);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.cmd-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cmd-shortcut{gap:.15rem;display:inline-flex}.cmd-shortcut kbd{font-family:var(--font-mono);background:var(--color-secondary,#1c1c20);border:1px solid var(--color-border,#1c1c20);color:var(--color-muted-foreground,#88889a);border-radius:.2rem;padding:.05rem .35rem;font-size:.6rem;line-height:1.2}.cmd-empty{color:var(--color-muted-foreground,#88889a);text-align:center;padding:1rem;font-size:.75rem}.cmd-more{color:var(--color-muted-foreground,#88889a);text-align:center;padding:.5rem 1rem;font-size:.65rem}.cmd-hint{border-top:1px solid var(--color-border,#1c1c20);color:var(--color-muted-foreground,#88889a);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.4rem 1rem;font-size:.6rem;display:flex}.cmd-hint kbd{font-family:var(--font-mono);background:var(--color-secondary,#1c1c20);border:1px solid var(--color-border,#1c1c20);color:var(--color-muted-foreground,#88889a);border-radius:.2rem;padding:.05rem .35rem;font-size:.6rem;line-height:1.2}body.theme-light{--color-background:#f5f5f7;--color-foreground:#1a1a1d;--color-card:#fff;--color-card-foreground:#1a1a1d;--color-popover:#fff;--color-popover-foreground:#1a1a1d;--color-primary:#1a1a1d;--color-primary-foreground:#fff;--color-secondary:#ebebef;--color-secondary-foreground:#1a1a1d;--color-muted:#ebebef;--color-muted-foreground:#6b6b78;--color-accent:#ebebef;--color-accent-foreground:#1a1a1d;--color-border:#d8d8de;--color-input:#fff;--color-ring:#6b6b78;--color-viewer-bg:#fff;--color-timeline-bg:#f5f5f7;--color-track-even:#fff;--color-track-odd:#ebebef;--color-track-header:#d8d8de;background:var(--color-background);color:var(--color-foreground)}body.theme-light .prop-section-title{color:#6b6b78}body.theme-light .prop-row label{color:#4a4a55}body.theme-light input[type=text],body.theme-light input[type=number],body.theme-light input[type=color],body.theme-light input[type=file],body.theme-light select,body.theme-light textarea{color:#1a1a1d!important;background:#fff!important;border-color:#d8d8de!important}body.theme-light .prop-section{background:#fff;border-color:#e0e0e6}body.theme-light .menu-bar,body.theme-light .panel-left,body.theme-light .panel-right,body.theme-light .timeline-area{background:var(--color-background);border-color:var(--color-border);color:var(--color-foreground)}body.theme-light .menu-btn{color:#4a4a55}body.theme-light .menu-btn:hover{background:#ebebef}body.theme-light .tab-btn{color:#6b6b78}body.theme-light .tab-btn.active,body.theme-light .layer-item{color:#1a1a1d}body.theme-light .layer-item.selected{background:#d4e0ff}body.theme-light .layer-item:hover{background:#ebebef}body.theme-light .layer-item .layer-name{color:#1a1a1d}body.theme-light .layer-item.selected .layer-name{color:#1a3a7e}body.theme-light .layer-toolbar{background:#fff;border-color:#e0e0e6}body.theme-light .tool-btn{color:#4a4a55}body.theme-light .tool-btn:hover,body.theme-light .transport-bar{background:#ebebef}body.theme-light .time-slider{background:#d8d8de}body.theme-light .comp-dropdown{color:#1a1a1d;background:#fff;border-color:#d8d8de}body.theme-light .project-placeholder{color:#8a8a95}body.theme-light .timeline-ruler-container{background:#ebebef}body.theme-light .track-headers{background:var(--color-track-header);color:#1a1a1d}body.theme-light .gutter{background:#d8d8de}body.theme-light .gutter:hover{background:var(--color-ring)}body.theme-light .menu-comp{color:#1a1a1d;background:#fff;border-color:#d8d8de}body.theme-light .comp-info{color:#6b6b78}body.theme-light .comp-duration-input{color:#1a1a1d;background:#fff;border-color:#d8d8de}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-leading{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}