:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body>.dragging-layer{z-index:9999;pointer-events:none;opacity:.6;white-space:nowrap;--default-background-color:#fff;border:none;margin:0;padding:0;font-size:14px;line-height:1.5;overflow:visible;position:absolute!important}body>.dragging-layer>:first-child{box-shadow:0 0 8px #0000001a,inset 0 0 8px #0000001a;pointer-events:none!important;overflow:hidden!important;transform:translate(-50%,-50%)!important}body>.dragging-layer>.dragging{opacity:1!important}body>.dragging-layer>div:last-child{position:absolute;top:12px;left:12px}.drag-initiator{-webkit-user-select:none;user-select:none;touch-action:none}.drag-accept-reject:after{content:"🚫"}.dock{box-sizing:border-box;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.dock-bar{box-sizing:border-box;white-space:nowrap;zoom:1;outline:none;font-size:14px;line-height:1.5;position:relative;overflow:hidden}.dock-ink-bar{box-sizing:border-box;transform-origin:0 0;background-color:#108ee9;width:0;height:0;margin-top:-3px;position:absolute}.dock-tab-btn-disabled{cursor:default;color:#ccc}.dock-nav-animated{transition:transform .25s cubic-bezier(.35,0,.25,1)}.dock-tab{box-sizing:border-box;text-align:center;cursor:pointer;float:left;background:#fafafd;border-bottom:1px solid #ddd;outline:none;min-width:30px;height:30px;margin-right:10px;padding:0;font-weight:500;transition:color .25s cubic-bezier(.35,0,.25,1);display:block;position:relative}.dock-tab.dragging{opacity:.3}.dock-tab>div{outline-color:#108ee9;padding:4px 14px}.dock-tab:hover{color:#349fec}.dock-tab-active,.dock-tab-active:hover{color:#108ee9;cursor:default;transform:translateZ(0)}.dock-tab-disabled{cursor:default;color:#ccc}.dock-tab-disabled:hover{color:#ccc}.dock-content-animated{transition:margin .3s}.dock-bottom>.dock-nav .dock-ink-bar-animated,.dock-top>.dock-nav .dock-ink-bar-animated,.dock-bottom>div>.dock-nav .dock-ink-bar-animated,.dock-top>div>.dock-nav .dock-ink-bar-animated{transition:width .3s,left .3s,right .3s}.dock-content-animated .dock-tabpane{flex-shrink:0}.no-flexbox .dock-content{overflow:auto;transform:none!important}.dock-tabpane:not(.dock-tabpane-active){animation-name:dock-fadeOut;animation-duration:.5s}.dock-tabpane-hidden{display:none}@keyframes dock-fadeOut{0%{visibility:visible;height:100%}to{visibility:visible;height:100%}}.dock-top{flex-direction:column}.dock-top .dock-bar{background:#fafafd;border-bottom:1px solid #f3f3f3;flex:none;padding-left:8px}.dock-top .dock-content-animated{flex-direction:row}.dock-top .dock-tab-next{right:2px}.dock-top .dock-ink-bar{height:2px;bottom:0;left:0}.dock-tab-close-btn{cursor:pointer;color:#ddd;text-align:center;outline:none;width:16px;font-family:Fredoka One,sans-serif;font-size:12px;transition:all .25s ease-in-out;position:absolute;top:6px;right:-3px}.dock-tab-close-btn:before{content:"X"}.dock-tab-close-btn:hover,.dock-tab-close-btn:focus{color:#666;transform:scale(1.1)}.dock-tab:hover .dock-tab-close-btn,.dock-tab-close-btn:focus{opacity:1;color:#a2a2a2}.dock-tab-hit-area{pointer-events:none;position:absolute;inset:0 -5px}.dock-pane-cache{width:100%;height:100%}.dock-content{width:100%;height:100%;display:flex}.dock-content-holder{flex:auto}.dock-top>.dock-content-holder{height:0}.dock-content .dock-tabpane{outline:none;flex:none;width:100%;height:100%;position:relative;overflow:hidden}.dock-nav{flex:none;display:flex;position:relative}.dock-nav-operations{display:flex}.dock-nav-more{color:#000000d9;cursor:pointer;background:0 0;border:none;align-self:flex-end;height:30px;position:relative}.dock-nav-more:after{z-index:1;content:"";pointer-events:none;width:30px;height:30px;position:absolute;top:0;left:-30px;box-shadow:inset -10px 0 8px -8px #00000014}.dock-nav-wrap{white-space:nowrap;flex:auto;align-self:stretch;display:flex;position:relative;overflow:hidden;transform:translate(0)}.dock-nav-list{transition:transform .3s;display:flex;position:relative}.dock-extra-content{height:30px;display:flex}.dock-extra-content .dock-tab-close-btn{position:relative;right:4px}.dock-dropdown{box-sizing:border-box;color:#000000d9;font-variant:tabular-nums;font-feature-settings:"tnum";z-index:1050;margin:0;padding:0;font-size:14px;line-height:1.5715;list-style:none;display:block;position:absolute;top:-9999px;left:-9999px}.dock-dropdown-hidden{display:none}.dock-dropdown-menu{text-align:left;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:none;max-height:200px;margin:0;padding:4px 0;list-style-type:none;overflow:hidden auto;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.dock-dropdown-menu-item{color:#000000d9;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;min-width:120px;margin:0;padding:5px 12px;font-size:14px;font-weight:400;line-height:22px;transition:all .3s;position:relative;overflow:hidden}.dock-dropdown-menu-item .dock-tab-hit-area{left:0;right:0}.dock-dropdown-menu-item .dock-tab-close-btn{right:2px}.dock-dropdown-menu-item:hover{background:#f5f5f5}.dock-dropdown-menu-item-disabled,.dock-dropdown-menu-item-disabled:hover{color:#ccc;cursor:not-allowed;background:0 0}body.dock-dragging .dock-tab-hit-area{pointer-events:inherit}body.dock-dragging{-webkit-user-select:none;user-select:none}body.dock-dragging iframe{pointer-events:none}.dock-panel{box-sizing:border-box;color:#000000d9;background:#fff;border:1px solid #ddd;position:relative}.dock-panel.dragging{opacity:.3}.dock-panel-drag-size{z-index:300;position:absolute}.dock-panel-drag-size-t{cursor:ns-resize;height:8px;top:-4px;left:4px;right:4px}.dock-panel-drag-size-b{cursor:ns-resize;height:8px;bottom:-4px;left:4px;right:4px}.dock-panel-drag-size-l{cursor:ew-resize;width:8px;top:4px;bottom:4px;left:-4px}.dock-panel-drag-size-r{cursor:ew-resize;width:8px;top:4px;bottom:4px;right:-4px}.dock-panel-drag-size-t-l{cursor:nwse-resize;width:8px;height:8px;top:-4px;left:-4px}.dock-panel-drag-size-t-r{cursor:nesw-resize;width:8px;height:8px;top:-4px;right:-4px}.dock-panel-drag-size-b-l{cursor:nesw-resize;width:8px;height:8px;bottom:-4px;left:-4px}.dock-panel-drag-size-b-r{cursor:nwse-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath fill='rgba(0, 0, 0, 0.1)' d='M2 12 L12 2 L12 12z'/%3E%3C/svg%3E");width:17px;height:17px;bottom:-4px;right:-4px}.dock-box,.divider-box{box-sizing:border-box;align-items:stretch;display:flex}.divider-box>:nth-child(odd){flex:auto}.dock-divider{box-sizing:border-box;z-index:1;background:0 0;flex:0 0 4px}.dock-hbox>.dock-divider{cursor:ew-resize;transform:scaleX(3)}.dock-vbox{flex-direction:column}.dock-vbox>.dock-divider{cursor:ns-resize;transform:scaleY(3)}.dock-fbox{pointer-events:none;z-index:200}.dock-fbox>.dock-panel{pointer-events:visible;position:absolute;box-shadow:0 0 4px #aaa}.dock-fbox>.dock-panel.dragging{opacity:.8;pointer-events:none}.dock-mbox{z-index:250;width:100%;height:100%}.dock-mbox>.dock-panel{width:100%;height:100%;box-shadow:0 0 4px #aaa}.dock-mbox.dock-mbox-show{visibility:visible;animation:.2s dock-mbox-show}.dock-mbox.dock-mbox-hide{pointer-events:none;visibility:hidden;opacity:0;animation:.2s dock-mbox-hide}@keyframes dock-mbox-show{0%{visibility:visible;transform:scale(.9)}to{visibility:visible;transform:scale(1)}}@keyframes dock-mbox-hide{0%{visibility:visible;opacity:1;transform:scale(1)}to{visibility:visible;opacity:0;transform:scale(.9)}}.dock-wbox{width:100%;height:100%;position:absolute}.dock-wbox>.dock-panel{border:none;width:100%;height:100%}.dock-layout{position:relative;overflow:hidden}.dock-layout>.dock-box{width:100%;height:100%;position:absolute}.dock-layout>.dock-drop-indicator{box-sizing:border-box;pointer-events:none;z-index:400;opacity:.5;background:#88c7f4;border:1px solid #fff;transition:all .1s ease-out;display:none;position:absolute;box-shadow:0 0 4px #ddd}.dock-drop-edge{z-index:100;opacity:.01;background:#fff;border:none;position:absolute;inset:30px 0 0}.dock-drop-layer{pointer-events:none;position:absolute;inset:30px 0 0}.dock-drop-layer .dock-drop-square{box-sizing:border-box;pointer-events:visible;z-index:300;color:#ddd;background:#fff;border:1px solid #0000;width:32px;height:32px;font-family:Fredoka One,sans-serif;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.dock-drop-layer .dock-drop-square .dock-drop-square-box{box-sizing:border-box;border:1px solid #ddd;width:100%;height:100%}.dock-drop-layer .dock-drop-square:before{text-align:center;width:100%;height:100%;line-height:30px;display:block;position:absolute}.dock-drop-layer .dock-drop-float{z-index:100;opacity:.01;border:none;width:100%;height:100%;top:0;left:0}.dock-drop-layer .dock-drop-left{left:calc(50% - 48px)}.dock-drop-layer .dock-drop-left.dock-drop-deep{width:16px;left:calc(50% - 64px)}.dock-drop-layer .dock-drop-left:before{content:">";transform:rotate(180deg)}.dock-drop-layer .dock-drop-right{left:calc(50% + 16px)}.dock-drop-layer .dock-drop-right.dock-drop-deep{width:16px;left:calc(50% + 48px)}.dock-drop-layer .dock-drop-right:before{content:">"}.dock-drop-layer .dock-drop-top{top:calc(50% - 48px)}.dock-drop-layer .dock-drop-top.dock-drop-deep{height:16px;top:calc(50% - 64px)}.dock-drop-layer .dock-drop-top.dock-drop-deep:before{line-height:14px}.dock-drop-layer .dock-drop-top:before{content:">";transform:rotate(270deg)}.dock-drop-layer .dock-drop-bottom{top:calc(50% + 16px)}.dock-drop-layer .dock-drop-bottom.dock-drop-deep{height:16px;top:calc(50% + 48px)}.dock-drop-layer .dock-drop-bottom.dock-drop-deep:before{line-height:14px}.dock-drop-layer .dock-drop-bottom:before{content:">";transform:rotate(90deg)}.dock-drop-layer .dock-drop-square-dropping{color:#fff;background:#88c7f4}.dock-panel.dock-panel-dropping .dock-tab-close-btn{pointer-events:none}.dock-panel-max-btn,.dock-panel-min-btn{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;outline:none;width:21px;height:25px;margin:2px 2px 2px 0;padding:6px 4px 4px 2px;font-family:Fredoka One,sans-serif;transition:all .25s ease-in-out}.dock-panel-max-btn:before,.dock-panel-min-btn:before{content:" ";box-sizing:border-box;border:2px solid #ddd;border-radius:1px;width:13px;height:13px;position:absolute}.dock-panel-max-btn:hover,.dock-panel-min-btn:hover,.dock-panel-max-btn:focus,.dock-panel-min-btn:focus{color:#a2a2a2}.dock-panel-max-btn:hover:before,.dock-panel-min-btn:hover:before,.dock-panel-max-btn:focus:before,.dock-panel-min-btn:focus:before{border-color:#a2a2a2}.dock-panel-max-btn:hover,.dock-panel-min-btn:hover{transform:scale(1.1)}.dock-panel-min-btn:before{content:"-";color:#666;border:none;border-radius:1px;width:9px;height:9px;font-size:20px;line-height:4px;position:absolute}.dock-panel-min-btn:hover:before,.dock-panel-min-btn:focus:before{color:#999}.dock-panel.dock-style-place-holder{border:none}.dock-panel.dock-style-place-holder .dock-bar{display:none}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless{border:none}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar{z-index:1;opacity:0;width:100%;height:20px;transition:all .15s ease-in-out;position:absolute}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:hover,.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:focus-within,.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless.dock-panel-dropping .dock-bar{opacity:1;height:31px}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-content{height:100%}.dock-panel.dock-style-main{border:none}.dock-panel.dock-style-main .dock-bar{background:0 0;border-bottom:1px solid #eee}.dock-panel.dock-style-main .dock-tab{background:#fff}.dock-panel.dock-style-card .dock-tab{border:1px solid #ddd;border-radius:5px 5px 0 0;margin-right:2px}.dock-panel.dock-style-card .dock-tab.dock-tab-active{background:#fff;border-bottom:1px solid #fff}.dock-panel.dock-style-card .dock-bar{border-bottom:1px solid #ddd;overflow:visible}.dock-panel.dock-style-card .dock-nav-wrap{padding-top:5px;transform:translateY(1px)}.dock-panel.dock-style-card .dock-ink-bar{opacity:0;background:#fff}.dock-panel.dock-style-card .dock-tab-hit-area{left:-2px;right:-2px}.dock-panel.dock-style-card .dock-panel-max-btn,.dock-panel.dock-style-card .dock-panel-min-btn{margin-top:4px}.dock-panel.dock-style-card .dock-tab-close-btn{font-size:10px;top:8px;right:0}.dock-panel.dock-style-card .dock-extra-content{height:35px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#020617;width:100%;height:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-main-wrapper{flex-direction:column;width:100vw;height:100vh;display:flex}.top-menu-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#0f172a99;border-bottom:1px solid #ffffff14;align-items:center;gap:18px;padding:6px 16px;display:flex;box-shadow:0 0 20px #00ffc80d,0 4px 20px #00000080}.menu-item{color:#94a3b8;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;transition:all .25s;position:relative}.menu-item:hover{color:#fff;background:linear-gradient(135deg,#00ffc826,#6496ff1f);transform:scale(1.05);box-shadow:0 0 10px #00ffc833,0 0 20px #6496ff1a}.menu-item:after{content:"";width:100%;height:12px;position:absolute;top:100%;left:0}.dropdown{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000;opacity:0;pointer-events:none;background:#1e293bb3;border:1px solid #ffffff14;border-radius:12px;min-width:180px;padding:6px 0;transition:opacity .2s,transform .2s;position:absolute;top:100%;left:0;transform:translateY(10px)scale(.96);box-shadow:0 10px 30px #0009,0 0 20px #00ffc80d}.menu-item:hover .dropdown,.dropdown:hover{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown span{color:#cbd5e1;text-align:left;cursor:pointer;padding:9px 14px;font-size:12px;transition:all .2s;display:block}.dropdown span:hover{color:#fff;background:linear-gradient(135deg,#00ffc840,#6496ff33);transform:translate(4px);box-shadow:inset 0 0 10px #00ffc833,0 0 10px #00ffc833}.dropdown hr{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border:none;height:1px;margin:6px 10px}.workspace-area{flex:1;position:relative}.dock-content{color:#cbd5e1;background:#0f172a;width:100%;height:100%;padding:15px;display:block;overflow-y:auto}.asset-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:12px}.asset-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #1e293b;padding:8px;font-weight:600}.asset-row td{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #1e293b;max-width:150px;padding:8px;overflow:hidden}.asset-row:hover{cursor:pointer;background:#3b82f633}.active-row{color:#fff!important;background:#3b82f6!important}.canvas-bg{background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.monitor-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.preview-media{object-fit:contain;border:1px solid #334155;max-width:90%;max-height:80%;box-shadow:0 0 50px #000}.label-overlay{z-index:5;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:10px;position:absolute;top:10px;left:10px}.monitor-controls{z-index:10;background:#0f172af2;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;height:45px;padding:0 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.ctrl-group{align-items:center;gap:10px;display:flex}.ctrl-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:16px;transition:all .2s}.ctrl-btn:hover{color:#fff}.play-btn{color:#3b82f6;font-size:22px}.quality-select{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:3px;font-size:10px}.timeline-area{flex-direction:column;height:100%;display:flex;background:#020617!important;padding:0!important}.timeline-top-bar{z-index:20;background:#0f172a;border-bottom:1px solid #334155;height:35px;display:flex;position:sticky;top:0}.timeline-tools{background:#0f172a;border-right:1px solid #334155;justify-content:flex-start;align-items:center;gap:8px;width:350px;min-width:350px;padding:0 15px;display:flex}.zoom-control{flex:1;align-items:center;height:100%;display:flex}.zoom-control input[type=range]{cursor:pointer;accent-color:#3b82f6;width:100%}.zoom-text{color:#94a3b8;text-align:right;min-width:35px;font-family:monospace}.tool-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:2px 4px;font-size:10px}.active-tool{color:#fff!important;background:#3b82f6!important;border-color:#60a5fa!important}.ruler-wrapper{background:#020617;flex:1;overflow:hidden}.ruler-container{cursor:pointer;background:#020617;height:100%;position:relative}.ruler-mark{background:#475569;width:1px;height:8px;position:absolute;bottom:0}.frame-number{color:#94a3b8;white-space:nowrap;font-size:10px;position:absolute;top:-10px;left:4px}.playhead-line{z-index:50;pointer-events:none;background:#ef4444;width:2px;height:100%;position:absolute;top:0}.playhead-line:after{content:"";border-top:10px solid #ef4444;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:0;left:-5px}.playhead-vertical-line{z-index:5;pointer-events:none;background:#ef44444d;width:1px;position:absolute;top:0;bottom:0}.timeline-main-scroller{flex-direction:column;flex:1;display:flex;overflow:auto}.timeline-body-content{width:10000px;min-height:100%;position:relative}.timeline-row{background:#0f172a;border-bottom:1px solid #1e293b;align-items:center;height:36px;transition:all .2s;display:flex}.timeline-row:hover{background:#ffffff05}.layer-controls-fixed{z-index:30;background:#0f172a;border-right:1px solid #334155;align-items:center;gap:6px;height:100%;padding:0 10px;display:flex;position:sticky;left:0}.layer-controls-fixed select{text-overflow:ellipsis;white-space:nowrap;color:#ccc;cursor:pointer;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;width:50px;max-width:50px;padding:2px 4px;font-size:11px;overflow:hidden}.track-area{background:#020617;flex:1;height:100%;position:relative}.vertical-grid-line{pointer-events:none;background:#3341554d;width:1px;position:absolute;top:0;bottom:0}.layer-bar{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:move;z-index:10;border:1px solid #ffffff1a;border-radius:4px;align-items:center;height:26px;padding:0 10px;font-size:8px;transition:all .15s;display:flex;position:absolute;top:5px;overflow:hidden;box-shadow:0 2px 4px #0000004d}.layer-bar.selected-bar{outline-offset:-2px;z-index:999;outline:2px solid #fff;box-shadow:0 0 0 2px #fff3,0 0 10px #fff9}.layer-label-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.btn-off{opacity:.2;color:#fff;cursor:pointer;background:0 0;border:none}.btn-on{color:#3b82f6;cursor:pointer;opacity:1;background:0 0;border:none}.btn-solo-on{color:#eab308;cursor:pointer;opacity:1;background:0 0;border:none}.btn-lock-on{color:#ef4444;cursor:pointer;opacity:1;background:0 0;border:none}.btn-del{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px}.row-locked{opacity:.6;pointer-events:none}.row-locked .layer-controls-fixed{pointer-events:all}.tool-pointer .track-area{cursor:default}.tool-slice .track-area,.tool-slice .layer-bar{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:white'><text y='18' font-size='16'>✂️</text></svg>"),pointer!important}.btn-import{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.btn-import:hover{background:#2563eb}.btn-small{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:3px;padding:2px 6px;font-size:10px}.btn-small:hover{color:#fff;background:#3b82f6}.zoom-slider{accent-color:#3b82f6;cursor:pointer;width:80px}.no-selection{color:#475569;font-size:13px;font-style:italic}.btn-mute-on{color:#f97316;cursor:pointer;opacity:1;background:0 0;border:none}.timecode-live{color:#fff;background:#ef4444;border-radius:2px;padding:0 4px;font-family:Courier New,Courier,monospace;font-weight:700}.main-time-display{color:#3b82f6;text-align:center;background:#000;border:1px solid #1e293b;border-radius:4px;min-width:80px;padding:2px 8px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700}.is-scrubbing{-webkit-user-select:none;user-select:none;cursor:ew-resize}.ruler-container{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.selected-bar{z-index:100;outline:2px solid #fff;box-shadow:0 0 10px #ffffff80}.row-selected{background:#3b82f61a}.trim-handle:hover{background:#fffc}.trim-left{border-right:1px solid #fff3;left:0}.trim-right{border-left:1px solid #fff3;right:0}.tool-pointer .layer-bar{cursor:grab}.trim-handle{cursor:ew-resize;z-index:999;background:#ffffff4d;width:10px;height:100%;position:absolute;top:0}.active-sticky{box-shadow:0 0 10px #ff4757;background:#ff4757!important;width:12px!important}.selected-bar{z-index:30;outline:2px solid #fff}.tool-select .layer-bar{-webkit-user-drag:none}.tool-pointer .layer-bar:active{cursor:grabbing}.layer-bar{will-change:left, width;touch-action:none;transition:none!important}.is-trimming{cursor:col-resize!important}.dragging-active *{pointer-events:none!important}.trim-handle{z-index:1000;width:8px;position:absolute;top:0;bottom:0}.trim-left{left:0;transform:translate(-50%)}.trim-right{right:0;transform:translate(50%)}.audio-preview{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.timeline-row-group{background:#14141466;border-bottom:1px solid #ffffff0d}.layer-controls-fixed{z-index:20;background:#1a1a1a;border-right:1px solid #333;width:350px;padding:0 10px}.expand-btn{color:#888;cursor:pointer;background:0 0;border:none;margin-right:2px;font-size:7px}.layer-properties-area{background:#141414}.property-row{border-bottom:1px solid #ffffff05;align-items:center;height:28px;display:flex}.property-label{color:#aaa;z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181818;align-items:center;gap:10px;width:350px;min-width:350px;padding-left:30px;font-size:11px;display:flex;position:sticky;left:0}.property-track{flex-grow:1;position:relative}.keyframe-diamond{cursor:pointer;background:#3b82f6;border:1px solid #fff;width:8px;height:8px;margin-left:-4px;position:absolute;top:50%;transform:rotate(45deg)translateY(-50%);box-shadow:0 0 5px #3b82f6cc}.keyframe-diamond:hover{background:#60a5fa;transform:rotate(45deg)scale(1.2)translateY(-50%)}.value-dragger{cursor:ew-resize;color:#3b82f6;border-radius:4px;gap:4px;padding:2px 4px;font-weight:700;display:flex}.value-dragger:hover{background:#3b82f61a}.context-menu{z-index:10000;background:#222;border:1px solid #444;border-radius:6px;min-width:180px;padding:5px 0;position:fixed;box-shadow:0 10px 25px #00000080}.menu-item{cursor:pointer;padding:8px 15px;font-size:12px}.menu-item:hover{background:#3b82f6}.menu-divider{background:#444;height:1px;margin:5px 0}.add-kf-btn{cursor:pointer;filter:grayscale();background:0 0;border:none;padding:0;font-size:10px}.add-kf-btn:hover{filter:grayscale(0)}.value-dragger,.value-dragger *{-webkit-user-select:none;user-select:none}.value-input{color:#3b82f6;background:#111;border:1px solid #3b82f6;border-radius:4px;outline:none;width:50px;padding:2px 4px;font-size:11px}.value-input:focus{box-shadow:0 0 5px #3b82f6}.keyframe-diamond.kf-selected{z-index:10;border-color:#fff;transform:rotate(45deg)scale(1.3)translateY(-50%);box-shadow:0 0 8px #fc0;background:#fc0!important}.selection-overlay{pointer-events:none;z-index:9999;background:#3b82f633;border:1px solid #3b82f6;position:fixed}.template-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.template-grid button{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:10px;transition:all .25s}.template-grid button:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 15px #6366f199}.size-group{align-items:center;gap:10px;display:flex}.link-btn{cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;margin-top:20px;padding:8px}.link-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1)}.ok-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;width:100%;padding:12px;font-weight:700;transition:all .3s}.ok-btn:hover{transform:scale(1.03);box-shadow:0 0 25px #6366f1b3}.top-menu-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1eb3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.menu-left{gap:14px;display:flex}.menu-center{align-items:center;gap:10px;display:flex}.comp-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;box-shadow:0 0 10px #6366f180}.comp-detail{color:#9ca3af;font-size:12px}.comp-badge:hover{transform:scale(1.05);box-shadow:0 0 20px #6366f1cc}.btn-relink-pro{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-relink-pro .icon{font-size:14px}.btn-relink-pro:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px);box-shadow:0 4px 10px #ef444466}.btn-relink-pro:active{transform:scale(.97)}.btn-relink-pro:disabled{opacity:.5;cursor:not-allowed}.autosave-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:999999!important}.autosave-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#1e1e2899;border:1px solid #ffffff14;border-radius:16px;width:650px;max-height:80vh;padding:20px;overflow-y:auto;box-shadow:0 0 30px #00ffc814,0 10px 40px #0009}.autosave-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 14px;transition:all .25s;display:flex}.autosave-item:hover{background:linear-gradient(135deg,#00ffc81f,#6496ff14);transform:scale(1.02);box-shadow:0 0 20px #00ffc826,0 0 40px #6496ff1a}.autosave-info .title{font-size:14px;font-weight:600}.autosave-info .date{opacity:.6;font-size:12px}.autosave-actions{gap:6px;display:flex}.autosave-actions button{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;padding:6px 12px;transition:all .2s;position:relative;overflow:hidden}.autosave-actions button:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#00ffc866,#0000);transition:opacity .3s;position:absolute;inset:0}.autosave-actions button:hover{background:linear-gradient(135deg,#00ffc840,#6496ff33);transform:scale(1.08);box-shadow:0 0 10px #00ffc866,0 0 20px #6496ff4d}.autosave-actions button:hover:before{opacity:1}.autosave-actions button:last-child:hover{background:linear-gradient(135deg,#ff505066,#ff00644d);box-shadow:0 0 10px #ff505080,0 0 20px #ff006466}.autosave-content>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00ffc840,#6496ff33);border:none;border-radius:10px;width:100%;margin-top:15px;padding:10px;transition:all .25s}.composition-overlay{z-index:9999;background:radial-gradient(circle,#0f172a,#020617);justify-content:center;align-items:center;gap:30px;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0}.side-panel{flex-direction:column;gap:20px;width:220px;display:flex}.promo-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e5e7eb;pointer-events:auto;z-index:2;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:16px;transition:all .3s}.promo-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 0 20px #3b82f666}.promo-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;margin-top:10px;padding:8px 12px}.import-card{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .25s;position:relative;overflow:hidden}.import-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#60a5fa4d,#0000);transition:opacity .3s;position:absolute;inset:0}.import-card:hover{border-color:#60a5fa66;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 30px #60a5fa33}.import-card:hover:before{opacity:1}.import-icon{margin-bottom:8px;font-size:28px}.import-hint{color:#94a3b8;margin-top:8px;font-size:11px}.import-card:hover h3{color:#60a5fa}.composition-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;width:420px;padding:30px;box-shadow:0 0 60px #3b82f633,inset 0 0 20px #ffffff0d}.title-glow{text-align:center;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:22px}.form-group{margin-bottom:18px}.form-group label{color:#9ca3af;font-size:12px}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;width:100%;margin-top:6px;padding:10px;transition:all .2s}.form-group input:focus{border:1px solid #3b82f6;outline:none;box-shadow:0 0 10px #3b82f680}.autosave-content>button:hover{transform:scale(1.03);box-shadow:0 0 15px #00ffc866,0 0 30px #6496ff4d}.autosave-card{background:linear-gradient(135deg,#00ffc81f,#6496ff1f);border:1px solid #00ffc833;transition:all .25s}.autosave-card:hover{background:linear-gradient(135deg,#00ffc833,#6496ff2e);transform:translateY(-3px)scale(1.02);box-shadow:0 0 15px #00ffc840,0 0 30px #6496ff26}.autosave-card{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s}.autosave-card:hover{cursor:pointer}.asset-row.active-row{background:#0096ff33;outline:1px solid #4da3ff}.kf-inline-input{color:#fff;text-align:center;background:#111;border:1px solid #555;border-radius:4px;padding:2px 6px;font-size:12px}.graph-overlay{z-index:9999;background:#111;border:1px solid #333;border-radius:10px;flex-direction:column;width:420px;height:260px;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 10px 40px #0009}.graph-header{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.graph-body{flex:1;position:relative}.graph-svg{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%}.graph-btn{cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:12px}.graph-btn:hover{background:#333}.property-group{border-top:1px solid #333;margin-top:10px;padding-top:6px;position:sticky}.property-group-title{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1f2430;border-radius:6px;align-items:center;margin-bottom:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.property-group-title:hover{background:#2a3140}.layer-panel{color:#ddd;background:#1e1e1e;height:100%;padding:14px;overflow:auto}.layer-panel-header{margin-bottom:18px;font-size:18px;font-weight:600}.layer-section{margin-bottom:22px}.layer-section-title{opacity:.6;text-transform:uppercase;margin-bottom:8px;font-size:12px}.layer-item{cursor:pointer;color:#fff;background:#2a2a2a;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:10px 12px;display:flex}.layer-item:hover{background:#383838}.ruler-container{background:#222;height:40px;position:relative}.work-area-bar{z-index:10;pointer-events:none;background:#b4b4b480;border-bottom:1px solid #aaa;height:6px;position:absolute;top:0}.work-area-handle{cursor:ew-resize;pointer-events:auto;background:#aaa;width:10px;height:12px;position:absolute;top:0}.handle-left{border-radius:0 0 4px;left:0}.handle-right{border-radius:0 0 0 4px;right:0}.ruler-container:before{content:""}.render-pulse-dot{background-color:#0f6;border-radius:50%;width:8px;height:8px;animation:1.5s infinite renderPulse;box-shadow:0 0 #00ff66b3}@keyframes renderPulse{0%{transform:scale(.95);box-shadow:0 0 #00ff66b3}70%{transform:scale(1);box-shadow:0 0 0 8px #0f60}to{transform:scale(.95);box-shadow:0 0 #0f60}}.progress-bar-animated-stripes{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:40px 40px;transition:width .3s ease-out;animation:1s linear infinite moveStripes}@keyframes moveStripes{0%{background-position:0 0}to{background-position:40px 0}}.render-mini-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spinMini}@keyframes spinMini{to{transform:rotate(360deg)}}.pickwhip-btn.dragging{color:#fff;animation:1s infinite pulse;background-color:#0095ff!important}.pickwhip-target{outline:1px dashed #0095ff;transition:background-color .15s;background-color:#0095ff26!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}