:root{color-scheme:dark;--bg:#111215;--panel:#1d1e22;--panel-alt:#222328;--line:#303137;--line-dark:#101114;--text:#d1d2d9;--muted:#858791;--subtle:#5c5e68;--purple:#b597ee;--purple-bright:#c5acfa;--purple-bg:#373043;--left:244px;--right:280px;--timeline:316px;--labelw:376px;--trackwidth:900px;--playhead:180px;--tick:80px;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:11px var(--font);background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer;padding:0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:4px}button:hover{background:#34353c;color:#fff}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button:disabled{opacity:.3;cursor:default}button.active{color:var(--purple-bright)}input,textarea,select{border:1px solid #383940;background:#27282d;border-radius:4px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 1px #b597ee20}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none;margin:0}input[type=range]{accent-color:var(--purple);height:3px;border:none;background:#444550}input[type=color]{padding:2px;cursor:pointer}textarea{resize:vertical;min-height:50px}a{color:inherit;text-decoration:none}svg.icon{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}.spacer{flex:1}.muted{color:var(--muted)}[hidden]{display:none!important}#app{height:100dvh;display:grid;grid-template-rows:37px 45px minmax(180px,1fr) var(--timeline) 24px;min-width:930px}
.app-header{background:#1a1b1f;border-bottom:1px solid #111215;display:flex;align-items:center;gap:14px;padding:0 13px}.brand{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.1px}.brand>span:last-child{font-weight:650}.brand b{font-weight:400;color:#b1abbc}.brandmark{width:26px;height:26px;border-radius:6px;border:1px solid #5a416d;background:#30243e;color:#ceb0ff;font-size:17px;letter-spacing:-2px;padding-right:2px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.brandmark span{font-size:14px}.menubar{display:flex;gap:0;height:100%;align-items:center}.menubar button{padding:6px 7px;font-size:11px;color:#bfc0c7}.document-name{margin-left:auto;color:#c6c5ce;display:flex;align-items:center;gap:6px;font-size:10px}.document-dot{height:5px;width:5px;border-radius:50%;background:#a18bac}.extension{color:#6f707c;margin-left:-5px}.header-icon{width:23px;height:23px;color:#9596a0}.avatar{width:23px;height:23px;background:#494050;border:1px solid #6c597a;border-radius:50%;font-size:8px;display:grid;place-items:center;color:#e2d0ef}.toolbar{display:flex;align-items:center;background:#24252a;padding:0 11px;gap:5px;border-bottom:1px solid #09090c}.tools{display:flex;align-items:center;gap:3px}.toolbar-button{height:30px;width:31px;color:#aaaab6}.toolbar-button.active{background:#45364f;color:#d4b5ff}.toolbar-divider{height:20px;width:1px;background:#3a3b42;margin:0 6px}.tool-option{height:28px;padding:0 7px;color:#9697a0;font-size:10px}.tool-option.active{color:#c8bbd9}.tool-option svg{width:13px}.workspace-tabs{display:flex;align-items:center;height:100%;gap:6px;margin-left:auto;margin-right:13px}.workspace-tabs button{font-size:11px;padding:8px 11px;height:100%;border-radius:0;position:relative;color:#9a9ba4}.workspace-tabs button.active{color:#cfb1fa}.workspace-tabs button.active:after{content:'';height:2px;background:#bd9af0;position:absolute;bottom:0;left:10px;right:10px}.help-button{width:28px;height:28px;color:#8b8d98;margin-right:7px}.export-button{height:29px;background:#b59ade;color:#241d30;font-weight:650;padding:0 11px;gap:8px;font-size:11px;box-shadow:inset 0 1px #d9bffc50}.export-button:hover{background:#cbb0f5;color:#25192f}.export-button svg{width:13px;height:13px}.export-chevron{margin-left:8px;color:#57416d}
.workspace{display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);gap:4px;min-height:0;position:relative;background:#0e0f12}.panel{min-width:0;min-height:0;background:var(--panel);overflow:hidden}.panel-tabs{display:flex;align-items:center;height:34px;min-height:34px;border-bottom:1px solid #121317;padding:0 8px;gap:8px;background:#202126}.panel-tabs>button{height:100%;font-size:10px;padding:0 5px;border-radius:0;color:#9d9eaa;position:relative}.panel-tabs>button.active{color:#d2bfdc}.panel-tabs>button.active:after{position:absolute;content:'';height:2px;left:5px;right:5px;bottom:0;background:var(--purple)}.panel-tabs .panel-menu{height:23px;width:20px;padding:0;color:#9395a0}.panel-menu svg{width:13px;height:13px}.project-panel{display:flex;flex-direction:column}.project-panel .panel-tabs{gap:13px}.project-bottom{height:31px;min-height:31px;border-top:1px solid #33343a;display:flex;align-items:center;padding:0 9px;gap:10px;color:#8d8e9b;font-size:9px}.project-bottom button{height:22px;width:22px}.project-bottom svg{width:13px}.project-content{flex:1}.project-preview{display:flex;padding:17px 12px 15px;gap:11px}.project-thumbnail{width:90px;min-width:90px;height:57px;background:#100f19;border:1px solid #37313f;display:grid;place-items:center;overflow:hidden}.project-thumbnail canvas{width:100%;height:100%;object-fit:contain}.project-meta{font-size:9px;line-height:1.8;color:#93919f;overflow:hidden;min-width:0}.project-meta strong{display:block;font-size:10px;color:#d9cbe8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.project-search,.effect-search{margin:0 10px 12px;display:flex;align-items:center;gap:7px;border:1px solid #36373e;background:#17181c;border-radius:4px;padding:0 8px;height:26px;color:#7f818e}.project-search input,.effect-search input{border:0;background:transparent;width:100%;font-size:10px;height:22px;box-shadow:none}.project-search svg,.effect-search svg{width:12px}.project-list-head{height:25px;padding:0 13px;display:flex;align-items:center;border-bottom:1px solid #32333a;border-top:1px solid #32333a;color:#7f818f;font-size:9px}.project-list-head span:last-child{margin-left:auto}.project-item{height:29px;display:flex;align-items:center;gap:7px;padding:0 12px;cursor:pointer;border-bottom:1px solid #24252c;font-size:10px}.project-item:hover{background:#2a2b32}.project-item.selected{background:#39313e;color:#e4caff}.project-item .icon{width:13px;height:13px;color:#b69bd5}.project-item .item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item .item-type{font-size:9px;color:#80808e;margin-left:auto}.project-item.indent{padding-left:31px}.folder-row{color:#acadb7}.folder-row svg{color:#898b98}.project-space{padding:19px 12px;color:#777884;line-height:1.7;font-size:10px}.import-card{margin:18px 12px 0;padding:15px 11px;border:1px dashed #41404b;border-radius:5px;display:flex;align-items:center;gap:11px;color:#aaa4b7;cursor:pointer}.import-card:hover{border-color:#ac88d1;background:#312837}.import-card>.icon{width:23px;height:23px;color:#a992c4}.import-card strong{display:block;font-weight:500;font-size:10px;color:#c6bbd3;margin-bottom:4px}.import-card span{font-size:9px;color:#86828e}.project-hint{margin:18px 13px;font-size:9px;line-height:1.75;color:#656674}.project-hint span{color:#aa9ab8}.panel-resizer{position:absolute;top:0;bottom:0;width:6px;z-index:20;cursor:col-resize}.left-resizer{left:calc(var(--left) - 1px)}.right-resizer{right:calc(var(--right) - 1px)}.panel-resizer:hover{background:#a785ce55}
.composition-panel{display:flex;flex-direction:column;position:relative}.comp-tab{gap:7px!important}.comp-tab>span:last-child{color:#d3c7df;font-size:10px;margin-left:7px}.comp-tab svg{width:13px}.viewer-heading{height:34px;min-height:34px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#191a1e;font-size:9px}.crumb{color:#c5b8d3;background:#302936;border-radius:3px;padding:4px 8px;font-size:9px}.crumb-separator{color:#65626e;font-size:14px}.viewer-subtitle{color:#666670}.engine-badge{color:#a4abb0;border:1px solid #35353b;border-radius:4px;padding:4px 6px;font-size:8px;display:flex;align-items:center;gap:5px;white-space:nowrap}.engine-badge i{width:4px;height:4px;background:#8ec8b0;border-radius:50%}.viewport{flex:1;min-height:0;min-width:0;background:#131417;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;outline:none;touch-action:none}.viewport.panning{cursor:grab}.viewport.drawing{cursor:crosshair}#stage-box{position:relative;flex:none;box-shadow:0 0 0 1px #31303a,0 14px 38px #0005;transform-origin:center;background-color:#090915}#stage-box.checker{background:repeating-conic-gradient(#383840 0% 25%,#24252b 0% 50%) 50%/18px 18px}#scene{display:block;width:100%;height:100%;position:absolute;inset:0}#overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.selection-outline{fill:none;stroke:#c7a5ff;stroke-width:1;vector-effect:non-scaling-stroke}.handle{fill:#211b2d;stroke:#e0c8ff;stroke-width:1;vector-effect:non-scaling-stroke;cursor:nwse-resize}.anchor-cross{stroke:#e4d4ff;stroke-width:1;vector-effect:non-scaling-stroke}.rotation-handle{cursor:crosshair}.guide-line{stroke:#eee7;fill:none;stroke-width:1;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.grid-line{stroke:#eee2;stroke-width:.5;vector-effect:non-scaling-stroke}.motion-path{fill:none;stroke:#c2a0eb90;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.loading{position:absolute;inset:0;background:#141418;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa0bc;font-size:11px}.loading .brandmark{width:44px;height:44px;font-size:25px;border-radius:11px}.loading .brandmark span{font-size:21px}.loading p{margin-top:17px}.drop-hint{display:none;position:absolute;inset:20px;background:#221b35e6;border:1px dashed #c0a1ed;border-radius:10px;z-index:15;align-items:center;justify-content:center;gap:15px;font-size:15px;color:#dcc4ff}.drop-hint svg{width:25px;height:25px}.viewport.drag-over .drop-hint{display:flex}.viewport-note{position:absolute;bottom:11px;left:12px;font-size:9px;color:#c1aecf;background:#17151cce;padding:5px 8px;border-radius:4px;display:none}.viewport-note:not(:empty){display:block}.viewer-controls{display:flex;align-items:center;gap:5px;height:33px;min-height:33px;background:#202126;border-top:1px solid #101115;padding:0 7px;font-size:9px;color:#90909f}.viewer-controls select{height:21px;background:#1b1c20;border:1px solid #34353c;font-size:9px;padding:0 3px;min-width:53px}.viewer-controls button{width:25px;height:24px;color:#8f909e}.viewer-controls button.active{color:#c9a7fb;background:#39313f}.viewer-controls button svg{width:13px;height:13px}.small-separator{height:12px;width:1px;background:#3a3a44;margin:0 4px}.viewer-time{font-variant-numeric:tabular-nums;color:#c2b0d6;font-size:10px}.inspector-panel{display:flex;flex-direction:column}.inspector-panel .panel-tabs{gap:12px}.inspector-content,#presets-content{overflow:auto;flex:1;min-height:0}.inspector-title{display:flex;align-items:center;padding:13px 13px 12px;gap:9px;font-size:11px;border-bottom:1px solid #303038}.layer-type-chip{width:24px;height:24px;border-radius:4px;background:#3c3249;color:#d7b7fc;display:grid;place-items:center;font-size:16px}.inspector-title-text{overflow:hidden}.inspector-title-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#dfdbe7}.inspector-title-text small{display:block;margin-top:4px;font-size:9px;color:#858090}.property-section{border-bottom:1px solid #303139;padding:0 12px 10px}.section-title{display:flex;align-items:center;height:34px;font-size:10px;font-weight:550;color:#ccc8d5;gap:7px}.section-title>svg{width:10px;height:10px;color:#8d839c}.section-title button{width:20px;height:21px;color:#83808e}.section-title button svg{width:12px;height:12px}.section-caption{display:flex;align-items:center;color:#8b8799;font-size:8px;letter-spacing:1px;font-weight:500}.property-row{display:grid;grid-template-columns:18px minmax(68px,1fr) 84px;align-items:center;gap:5px;min-height:29px;font-size:10px;color:#a3a0af}.property-row>label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-row input[type=number],.property-row select{width:100%;height:23px;color:#c9b5e7;font-size:10px;padding:0 6px;border:1px solid transparent;background:#25252c;font-variant-numeric:tabular-nums}.property-row input[type=number]:hover{border-color:#42404d}.property-row .key-toggle{width:15px;height:20px;color:#65626f}.property-row .key-toggle svg{width:12px;height:12px}.property-row .key-toggle.active{color:#c4a4f0}.property-row .key-toggle.at-key{color:#f3c86f}.property-row input[type=color]{width:100%;height:23px;border:1px solid #44414e}.property-row.wide{grid-template-columns:1fr 115px}.property-row.double{grid-template-columns:1fr 72px 72px}.text-editor{width:100%;padding:8px;margin:1px 0 7px;font-size:11px;line-height:1.6;background:#17181c;color:#e2dbe9;border-color:#38343f;min-height:54px}.font-fields{display:flex;gap:6px;margin-bottom:6px}.font-fields select{width:100%;height:25px;font-size:10px;padding-left:6px}.font-fields input{width:55px;font-size:10px;padding:0 6px;color:#c6b0e4}.effect-note{font-size:9px;line-height:1.6;color:#777383;margin:7px 0 1px}.no-selection{padding:20px 16px;color:#93909f;font-size:11px;line-height:1.8}.no-selection .icon{width:27px;height:27px;color:#a084c1;margin-bottom:13px}.empty-stat{display:flex;justify-content:space-between;padding:8px 0;font-size:10px;border-bottom:1px solid #32313b}.empty-stat span:last-child{color:#bfaad8}.preview-panel{flex:none;border-top:4px solid #101115;padding:12px 12px 10px}.preview-panel .section-caption{letter-spacing:.6px}.preview-panel .section-caption span:last-child{font-size:9px;letter-spacing:0;color:#aba4b9}.transport{display:flex;justify-content:space-between;align-items:center;padding:9px 7px 8px;gap:9px}.transport button{height:24px;width:24px;color:#b5afc0}.transport button svg{width:13px;height:13px}.transport .play-button{height:29px;width:35px;background:#41314f;color:#d7b3ff}.transport button.active{color:#bd9fed}.preview-caption{display:flex;align-items:center;font-size:8px;color:#72707f;gap:6px}.preview-caption>span:first-child{border:1px solid #3b3944;border-radius:3px;padding:3px 5px;color:#9890a6}.preview-caption .muted{font-size:8px;color:#696675}.effects-list{padding:6px 9px}.effects-category{font-size:10px;color:#c2bacd;padding:9px 2px;display:flex;gap:7px;align-items:center}.effects-category svg{width:11px;height:11px;color:#8c839a}.effect-item{width:100%;padding:8px 9px;text-align:left;justify-content:flex-start;color:#a9a0b6;font-size:10px;border-radius:4px;gap:9px}.effect-item>svg{color:#a491ba;width:13px;height:13px}.effect-item small{margin-left:auto;color:#605a6e;font-size:8px}.effect-item:hover{background:#37303f;color:#dfc8ff}.presets-title{padding:16px 13px 11px;color:#8e839e;font-size:9px;line-height:1.7}.effect-applied{margin:12px;padding:12px;border:1px solid #403546;border-radius:5px;background:#27212e;font-size:10px;line-height:1.8;color:#bdadcd}
.timeline{position:relative;display:flex;flex-direction:column;border-top:4px solid #0f1013;background:#1c1d22}.timeline-resizer{position:absolute;left:0;right:0;top:-4px;height:6px;cursor:row-resize;z-index:25}.timeline-resizer:hover{background:#a785ce55}.timeline-tabs{height:33px;min-height:33px;gap:21px;padding-left:13px}.timeline-tabs svg{width:13px;height:13px}.timeline-tabs .mini-text{font-size:9px;color:#8e859b;height:25px;padding:3px 8px}.timeline-tabs .mini-text svg{width:11px;height:11px}.timeline-toolbar{height:47px;min-height:47px;display:flex;align-items:center;padding:0 13px;gap:9px;border-bottom:1px solid #303039}.time-display{width:153px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.time-display button{color:#c8a8f0;font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.2px}.time-display>span{font-size:8px;color:#a58cbf;letter-spacing:.6px}.time-display>span>span{color:#82788e;margin-left:5px}.timeline-search{height:26px;width:200px;display:flex;align-items:center;gap:8px;background:#14151a;border:1px solid #34323c;border-radius:4px;padding:0 8px;color:#89818f}.timeline-search input{width:100%;border:0;background:none;font-size:10px;box-shadow:none}.timeline-search svg{width:12px;height:12px}.timeline-toolbar>button{height:27px;width:26px;color:#91859f}.timeline-toolbar>button.active{color:#d0aaff;background:#3a2c45}.timeline-toolbar .ease-button{font-size:19px;font-style:italic;color:#a08daf}.timeline-toolbar .toolbar-divider{height:17px;margin:0 3px}.timeline-toolbar>input[type=range]{width:71px}.timeline-small-label{font-size:9px;margin-right:5px}.timeline-ruler-row{display:grid;grid-template-columns:var(--labelw) minmax(0,1fr);height:30px;min-height:30px;background:#191a1f;border-bottom:1px solid #36313e}.layer-columns{display:flex;align-items:center;gap:10px;padding:0 12px;color:#77717f;font-size:9px;border-right:1px solid #38313f}.layer-columns>span>.icon{width:10px;height:10px}.column-number{margin:0 3px 0 1px;font-size:9px}.layer-columns>.spacer{margin:0}.layer-columns>span:last-child{padding-right:12px}#ruler-viewport{position:relative;overflow:hidden;cursor:ew-resize}#ruler{width:var(--trackwidth);height:30px;position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--tick) - 1px),#ffffff0a calc(var(--tick) - 1px),#ffffff0a var(--tick))}.ruler-tick{position:absolute;top:4px;font-size:8px;color:#aba0b9;transform:translateX(4px);pointer-events:none}.ruler-tick:after{content:'';position:absolute;left:-4px;top:15px;width:1px;height:4px;background:#695a7b}.work-area{position:absolute;height:5px;bottom:0;background:#7c618e60;border:1px solid #a98ac760;cursor:grab}.work-handle{position:absolute;top:-2px;width:6px;height:8px;background:#c5a0ec;cursor:ew-resize}.work-handle.in{left:0}.work-handle.out{right:0}.playhead-head{position:absolute;top:0;left:var(--playhead);width:1px;height:100%;background:#da829e;z-index:9;pointer-events:none}.playhead-head:before{content:'';position:absolute;top:0;left:-5px;border-top:7px solid #e09aae;border-left:5px solid transparent;border-right:5px solid transparent}.marker-flag{position:absolute;bottom:8px;height:5px;width:5px;background:#c6a372;transform:rotate(45deg);pointer-events:none}.timeline-content{flex:1;position:relative;min-height:0}#timeline-scroll{position:absolute;inset:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b4354 #16151c}#timeline-rows{width:calc(var(--labelw) + var(--trackwidth));min-height:100%}.timeline-row{display:grid;grid-template-columns:var(--labelw) var(--trackwidth);height:26px;min-height:26px;position:relative}.layer-label{position:sticky;left:0;z-index:4;display:flex;align-items:center;gap:5px;padding:0 10px 0 9px;background:#1f2026;border-bottom:1px solid #2b2a33;border-right:1px solid #3d3545;overflow:hidden;cursor:default}.timeline-row:nth-child(even) .layer-label{background:#212127}.timeline-row.selected .layer-label{background:#3a3044}.layer-label:hover{background:#2f2a36!important}.layer-label.drop-target{box-shadow:inset 0 2px #b496dc}.layer-label .layer-toggle{width:15px;height:21px;flex:none;color:#aaa1b4}.layer-label .layer-toggle svg{width:11px;height:11px}.layer-label .layer-toggle.off{color:#4b454f}.layer-label .layer-toggle.solo-active{color:#ecc276}.layer-label .layer-toggle.locked{color:#ca9dba}.layer-index{width:15px;text-align:center;color:#9784a6;font-size:9px;flex:none}.layer-swatch{width:5px;height:15px;flex:none;border-radius:1px;margin-right:2px;opacity:.85}.expand-layer{width:12px;height:20px;flex:none;color:#a89bb5;font-size:9px}.expand-layer .icon{width:10px;height:10px}.layer-type-icon{display:flex;align-items:center;justify-content:center;width:14px;flex:none;font-size:13px;font-weight:500;color:#b8a3d0}.layer-type-icon svg{width:11px;height:11px}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#c5bbd0;min-width:0}.layer-mode{width:47px;flex:none;font-size:8px;color:#93849e;cursor:pointer;text-transform:capitalize}.track{position:relative;border-bottom:1px solid #2b273130;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--tick) - 1px),#65537118 calc(var(--tick) - 1px),#65537118 var(--tick));overflow:hidden}.track:after{content:'';position:absolute;top:0;bottom:0;left:var(--playhead);width:1px;background:#db839e;z-index:8;pointer-events:none}.timeline-row.selected .track{background-color:#2d233535}.layer-bar{position:absolute;top:5px;height:16px;border-radius:2px;min-width:4px;border:1px solid #dac2ff35;cursor:grab;opacity:.63;display:flex;align-items:center;overflow:hidden;padding:0 7px;font-size:8px;color:#e4d2eb;white-space:nowrap}.timeline-row.selected .layer-bar{opacity:.92;box-shadow:inset 0 0 0 1px #e3cdf430}.bar-handle{position:absolute;top:0;bottom:0;width:6px;background:#eeeeee20;z-index:2;cursor:ew-resize}.bar-handle.start{left:0}.bar-handle.end{right:0}.property-label{padding-left:85px;font-size:9px;color:#9a8ca8;gap:8px}.property-label button{width:13px;height:20px;color:#a083be}.property-label button svg{width:10px;height:10px}.property-label .property-value{margin-left:auto;color:#c3a3e2;font-variant-numeric:tabular-nums;min-width:35px}.property-label.active-property{background:#312837!important;color:#d7bbee}.property-label .prop-name{flex:1;cursor:pointer}.timeline-row.property{height:22px;min-height:22px}.timeline-row.property .track{background-color:#15121825}.key{position:absolute;top:7px;transform:translateX(-50%) rotate(45deg);height:7px;width:7px;background:#c0a0e1;border:1px solid #dec0fb;z-index:6;cursor:ew-resize;border-radius:1px}.key.selected{background:#f2c077;border-color:#ffe7be;box-shadow:0 0 0 2px #c3995140}.key.ease{border-radius:50% 0}.key.hold{transform:translateX(-50%);border-radius:0}.summary-key{top:10px;opacity:.5;background:#f2dcff;width:4px;height:4px;pointer-events:none;border:none;z-index:5}.timeline-footer{height:26px;min-height:26px;border-top:1px solid #31303a;padding:0 12px;display:flex;align-items:center;gap:10px;font-size:9px;color:#817687;background:#1d1d24}.small-button{font-size:9px;color:#9f8eae;height:20px;padding:0 4px}.small-button span{font-size:8px;color:#786682;border:1px solid #463b50;padding:1px 4px;border-radius:2px;margin-left:6px}.timeline-footer-brand{font-size:7px;letter-spacing:1.5px;font-weight:650;color:#615567;margin-left:9px}#graph-wrap{position:absolute;left:var(--labelw);top:0;bottom:0;right:0;background:#151219;z-index:10;border-left:1px solid #4a3b54}#graph-canvas{width:100%;height:100%;display:block;touch-action:none}.graph-caption{position:absolute;right:12px;top:9px;display:flex;gap:10px;align-items:center;font-size:9px;color:#ab8cc4}.graph-caption select{font-size:9px;height:22px;background:#2b2231;border-color:#473250}
.statusbar{display:flex;align-items:center;gap:7px;padding:0 12px;background:#15151a;border-top:1px solid #2e2934;color:#8a7c96;font-size:9px}.status-dot{width:4px;height:4px;background:#8db9a4;border-radius:50%}.status-separator{margin:0 4px;color:#564b61}#save-status{color:#b0a0bb}#status-message{color:#6d6377}#render-stats{font-variant-numeric:tabular-nums;font-size:8px;color:#84738f}#renderer-status{color:#a99ab7;font-size:8px}.version{font-size:8px;color:#66576f;margin-left:9px}.menu-popover{position:fixed;min-width:220px;background:#26232c;border:1px solid #494050;border-radius:6px;z-index:1000;padding:5px;box-shadow:0 12px 45px #0008}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:11px;width:100%;text-align:left;justify-content:flex-start;color:#cfc3dc}.menu-item span:last-child{margin-left:auto;color:#91829e;font-size:9px}.menu-separator{height:1px;background:#403646;margin:4px 5px}.menu-label{font-size:8px;padding:8px 10px 5px;color:#9680a9;text-transform:uppercase;letter-spacing:1px}.menu-item:hover{background:#453351;color:#e2c5ff}#toast{position:fixed;left:50%;bottom:43px;transform:translate(-50%,12px);background:#332a3deF;border:1px solid #786086;border-radius:7px;padding:11px 18px;color:#e5d3f7;font-size:11px;z-index:9999;box-shadow:0 7px 40px #0005;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;max-width:80vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #52405e;border-radius:11px;background:#232028;color:#d5c8df;padding:0;box-shadow:0 20px 90px #000a;width:470px;max-width:95vw}dialog::backdrop{background:#08060caa;backdrop-filter:blur(4px)}.modal-head{padding:23px 24px 18px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #3a303f}.modal-head .modal-logo{width:35px;height:35px;background:#493255;border-radius:7px;display:grid;place-items:center;color:#d1adf5}.modal-head .modal-logo svg{width:20px;height:20px}.modal-head h2{margin:0;font-size:17px;font-weight:550;letter-spacing:-.3px;color:#e2d5ed}.modal-head p{margin:6px 0 0;color:#96889f;font-size:11px;line-height:1.5}.modal-close{margin-left:auto;align-self:flex-start;width:22px;height:22px;color:#ac97bc;font-size:19px}.modal-body{padding:20px 24px}.modal-body p{font-size:11px;line-height:1.8;color:#aaa0b3}.modal-row{display:flex;align-items:center;gap:15px;margin-bottom:14px;font-size:11px}.modal-row label{width:105px;flex-shrink:0;color:#a99ab5}.modal-row input,.modal-row select{height:31px;width:100%;background:#19161f;padding:0 9px;border-color:#46364f}.modal-row input[type=color]{max-width:90px;padding:3px}.modal-row input[type=checkbox]{height:15px;width:15px;accent-color:#b28bd7}.modal-row .two-fields{display:flex;gap:8px;width:100%;align-items:center}.two-fields input{width:calc(50% - 11px)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px 21px}.modal-actions button{padding:9px 15px;background:#39303f;border:1px solid #51435a;font-size:11px}.modal-actions .primary{background:#b795da;border-color:#b795da;color:#291a35;font-weight:600}.modal-actions .primary:hover{background:#cfaff0}.modal-note{font-size:10px!important;line-height:1.7;color:#92829f!important;border:1px solid #43344c;border-radius:5px;padding:11px 12px;background:#211926}.export-stats{display:flex;gap:8px;margin-bottom:16px}.export-stat{padding:11px;background:#2e2536;border:1px solid #42344e;border-radius:5px;flex:1}.export-stat strong{font-size:13px;font-weight:500;color:#dcc5ed;display:block}.export-stat span{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#9476a8;display:block;margin-top:5px}.progress-track{height:5px;border-radius:3px;background:#3a2b46;overflow:hidden;margin:18px 0 8px}.progress-fill{height:100%;background:#bd95e5;transition:width .1s}.progress-text{display:flex;align-items:center;font-size:10px;color:#a48ab7;justify-content:space-between}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #3e3048;font-size:10px;color:#aa96b9}.shortcut-row kbd{font:9px var(--font);padding:3px 5px;background:#36293f;border:1px solid #53405f;border-radius:4px;color:#d5b7ed}.palette-input{width:100%;height:42px;background:#18141f;border:1px solid #614573;border-radius:5px;padding:0 12px;margin-bottom:10px;font-size:13px}.palette-results{max-height:330px;overflow:auto}.palette-results button{display:flex;width:100%;justify-content:space-between;padding:10px;font-size:11px;color:#c8b5d8}.palette-results button:hover{background:#493251}.palette-results button span{font-size:9px;color:#93809f}.inline-warning{padding:10px;border:1px solid #725147;background:#33241f;border-radius:5px;font-size:10px;line-height:1.7;color:#d1a491}.maximized .workspace{position:fixed;inset:82px 0 24px;z-index:100;grid-template-columns:0 minmax(0,1fr) 0}.maximized .project-panel,.maximized .inspector-panel,.maximized .panel-resizer{display:none}.review .project-panel,.review .inspector-panel{visibility:hidden}.review .workspace{grid-template-columns:0 minmax(0,1fr) 0}.animation{--timeline:420px}.effect-workspace{--right:320px}.composition-panel .panel-tabs{padding-right:12px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#17151d}::-webkit-scrollbar-thumb{background:#4b4055;border-radius:4px}::-webkit-scrollbar-corner{background:#1b1821}@media(min-width:1800px){:root{--left:270px;--right:300px;--timeline:350px}body{font-size:12px}}@media(max-width:1150px){:root{--left:210px;--right:243px;--labelw:330px}.menubar button{padding:6px 5px;font-size:10px}.document-name{display:none}.workspace-tabs{gap:1px;margin-right:2px}.workspace-tabs button{padding:8px 6px;font-size:10px}.tool-option{font-size:0}.tool-option svg{width:14px}.toolbar{gap:2px}.toolbar-button{width:27px}.viewer-subtitle{display:none}.project-preview{gap:7px}.project-thumbnail{width:71px;min-width:71px;height:49px}.comp-tab>span:last-child{max-width:140px;overflow:hidden;text-overflow:ellipsis}.timeline-search{width:150px}.time-display{width:133px}.property-row{grid-template-columns:16px minmax(56px,1fr) 73px;gap:4px}.preview-caption>.muted{display:none}}@media(max-height:760px){:root{--timeline:267px}.project-preview{padding-top:10px;padding-bottom:10px}.preview-panel{padding:8px 12px 5px}.transport{padding:5px}.import-card{margin-top:10px}.project-hint{display:none}.viewer-heading{height:28px;min-height:28px}.panel-tabs{height:30px;min-height:30px}.timeline-toolbar{height:43px;min-height:43px}}

#project-content,#effect-content{flex:1;min-height:0;overflow:auto}