*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;overscroll-behavior:contain}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#ffffff3d}*::-webkit-scrollbar-corner{background:transparent}html,body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background:#090b10}body{color:#f4f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}html.keyboard-open #root{top:var(--app-top, 0px);left:0;right:0;bottom:auto;height:var(--app-vh, 100dvh)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}.precomp-breadcrumb{margin-left:12px;padding:3px 8px;background:#facc151f;border:1px solid #facc15;border-radius:6px;font-size:11px;color:#facc15;display:inline-flex;align-items:center;gap:8px}.precomp-exit-btn{background:#facc15;color:#1a1a1a;border:none;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:600;cursor:pointer}.precomp-exit-btn:hover{background:#fde047}.precomp-crumb-link{background:none;border:none;color:#facc15;font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.precomp-crumb-link:hover{color:#fde047}:root{--accent: #8B5CF6;--accent-soft: #B9A5FF;--accent-dim: rgba(139, 92, 246, .18);--panel: #10131A;--panel-alt: #181C25;--border: rgba(255, 255, 255, .085);--text: #F4F5F8;--text-dim: #A7ADBC;--text-faint: #697184;--surface-hover: rgba(255, 255, 255, .055);--surface-pressed: rgba(255, 255, 255, .08);--elevation: 0 12px 32px rgba(0, 0, 0, .24);--panel-raised: #171C27;--panel-glass: rgba(22, 27, 38, .82);--control-stroke: rgba(255, 255, 255, .11);--accent-glow: rgba(139, 92, 246, .32);--accent-text: #FFFFFF}.topbar{height:52px;flex:none;background:linear-gradient(180deg,#151925 0%,var(--panel) 100%);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:18px;box-shadow:0 1px #ffffff06,0 8px 28px #0000001f;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;letter-spacing:-.015em}.brand-logo{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#fff,#8a8a92);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex:none}.brand-logo-img{width:25px;height:25px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 7px rgba(139,92,246,.28))}.project-name{color:var(--text-dim);font-size:12.5px;display:flex;align-items:center;gap:6px}.project-name-btn{background:none;border:none;color:var(--text-dim);font-size:12.5px;cursor:pointer;padding:2px 4px;border-radius:4px}.project-name-btn:hover{background:var(--panel-alt, #1E1E24);color:var(--text, #EDEDF0)}.project-status{color:#34d399;font-size:11px}.project-status--saving{color:#fbbf24}.project-status--unsaved{color:#9a9aa2}.project-status--queued,.project-status--offline{color:#60a5fa}.project-status--conflict{color:#fb923c;cursor:pointer}.project-status--error{color:#f87171}.composition-settings-btn{min-width:0;height:31px;padding:0 9px;flex:none;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff06;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:11.5px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.composition-settings-btn:hover{background:var(--surface-hover);border-color:#b9a5ff38;color:var(--text)}.composition-settings-summary{color:var(--text-faint);font-size:10.5px}.spacer{flex:1}.export-btn{background:linear-gradient(135deg,#9b70ff,#7c4ddf);color:var(--accent-text, #fff);border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:8px 18px;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 6px 18px #6a3fc957,inset 0 1px #ffffff2e;transition:filter .15s,box-shadow .15s,transform .15s}.export-btn:hover{filter:brightness(1.08);box-shadow:0 8px 22px #6a3fc975,inset 0 1px #fff3}.export-btn:active{transform:scale(.97)}.share-btn{background:#ffffff09;color:#f4f5f8;border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-weight:600;font-size:12.5px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .12s,border-color .12s}.share-btn:hover{background:var(--surface-hover);border-color:#ffffff29}.share-btn--primary{background:var(--accent);color:var(--accent-text, #fff);border:none;font-weight:600;box-shadow:0 2px 10px #8b5cf659;transition:background .12s,box-shadow .12s,transform .12s}.share-btn--primary:hover{background:#9d75f8;border:none;box-shadow:0 2px 14px #8b5cf680}.share-btn--primary:active{transform:scale(.97)}.share-btn--static{cursor:default;color:var(--text-dim)}.share-btn--static:hover{background:var(--panel-alt)}.icon-btn{width:30px;height:30px;border-radius:7px;background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}.icon-btn:hover{background:var(--surface-hover);color:#f4f5f8;transform:translateY(-1px)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{background:none}.icon-btn.active{background:var(--accent-dim, #2E1F4D);color:var(--accent-soft, #A78BFA)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.topbar-icons{display:flex;align-items:center;gap:4px}.mode-switch{display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:2px;flex-shrink:0}.mode-switch-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-dim);background:none;border:none;cursor:pointer;transition:background .12s,color .12s}.mode-switch-btn:hover{color:var(--text)}.mode-switch-btn.active{background:var(--accent);color:var(--accent-text)}.tools{display:flex;gap:4px}.tool{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:pointer;font-size:14px}.tool.active{background:var(--accent-dim);color:var(--accent-soft);box-shadow:inset 0 0 0 1px #b9a5ff26}.tool:hover{background:var(--surface-hover)}.back-btn{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:4px 6px;border-radius:6px}.back-btn:hover{background:var(--panel-alt);color:#ededf0}.app-mobile{display:flex;flex-direction:column;width:100%;position:fixed;top:0;right:0;bottom:0;left:0}.bottom-nav{flex:none;height:58px;background:var(--panel);border-top:1px solid var(--border);display:flex;padding-bottom:min(env(safe-area-inset-bottom,0px),34px)}.nav-btn{flex:1;background:none;border:none;color:var(--text-dim);font-size:10.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.nav-btn span{font-size:18px}.nav-btn.active{color:var(--accent-soft)}.mobile-timeline-wrap{flex:1;height:auto;min-height:140px;display:flex;overflow:hidden}.mobile-resize-handle{flex:none;height:14px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mobile-resize-grip{width:32px;height:3px;border-radius:2px;background:var(--text-faint, #5C5C64)}.mobile-resize-handle:hover .mobile-resize-grip,.mobile-resize-handle:active .mobile-resize-grip{background:var(--text-dim)}.app-mobile--v2{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;background:var(--panel)}.mobile-topbar-v2{position:relative;flex:none;height:48px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;gap:6px;padding-top:env(safe-area-inset-top,0px);height:calc(48px + env(safe-area-inset-top,0px))}.mobile-topbar-v2.mobile-topbar-v2--hidden{display:none}.mtb-left{flex:none;display:flex;align-items:center;gap:6px}.mtb-logo{width:18px;height:18px;object-fit:contain;flex:none}.mtb-brand-text{font-weight:700;font-size:13px;color:#ededf0;white-space:nowrap}@media (max-width: 360px){.mtb-brand-text{display:none}}.mtb-comp-btn{flex:1;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:none;border:none;cursor:pointer;padding:2px 4px}.mtb-comp-name{font-size:13px;font-weight:600;color:#ededf0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px;color:var(--text, #EDEDF0)}.mtb-comp-status{display:flex;align-items:center;gap:6px;max-width:100%;overflow:hidden}.mtb-save-dot{flex:1;min-width:0;font-size:10.5px;color:#34d399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtb-save-dot.project-status--saving{color:#fbbf24}.mtb-save-dot.project-status--unsaved{color:var(--text-dim)}.mtb-save-dot.project-status--error{color:#f87171}.mtb-res-pill{flex:none;font-size:10px;color:var(--text-dim);background:var(--panel-alt);border:1px solid var(--border);border-radius:6px;padding:1px 6px;white-space:nowrap}@media (max-width: 420px){.mtb-res-pill{display:none}}.mtb-right{flex:none;display:flex;align-items:center;gap:4px}.mtb-icon-btn{width:36px;height:36px;flex:none;background:none;border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;border-radius:9px;cursor:pointer;transition:background .12s,color .12s}.mtb-icon-btn:hover{background:var(--panel-alt);color:#ededf0}.mtb-icon-btn:disabled{opacity:.35;pointer-events:none}.mtb-brand{display:flex;align-items:center;gap:6px}.mtb-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000004d}.mtb-menu{position:absolute;top:calc(52px + env(safe-area-inset-top,0px));left:8px;z-index:41;background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;padding:4px;min-width:180px;box-shadow:0 8px 24px #0006}.mtb-menu-item{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;color:#ededf0;font-size:13px;padding:9px 10px;border-radius:7px;cursor:pointer;text-align:left}.mtb-menu-item:hover{background:var(--panel)}.mtb-menu-item--static{cursor:default;color:var(--text-dim, #B8B8C0)}.mtb-menu-item--static:hover{background:none}.mtb-menu-item--quality{cursor:default}.mtb-menu-item--quality:hover{background:none}.mtb-menu-quality-select{flex:1;background:#1a1a1f;border:1px solid #26272E;color:#ededf0;font-size:13px;padding:6px 8px;border-radius:6px;cursor:pointer;outline:none}.mobile-body{flex:1;display:flex;min-height:0}.mobile-main{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.mobile-stage-wrap{flex:none;position:relative;min-height:0}.mobile-stage-wrap .stage{position:absolute;top:0;right:0;bottom:0;left:0}.mobile-stage-wrap--split{height:clamp(120px,38vw,200px)}.mobile-stage-wrap--immersive{flex:1;height:auto}.mobile-stage-wrap--immersive .selection-ui-wrap,.mobile-stage-wrap--immersive .point-handle,.mobile-stage-wrap--immersive .mask-point-handle,.mobile-stage-wrap--immersive .mask-outline{display:none}.mobile-exit-immersive-btn{position:absolute;z-index:25;cursor:pointer;top:calc(10px + env(safe-area-inset-top,0px));right:10px;width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#ededf0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;pointer-events:auto}.mobile-playback-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mpb-tc{flex:none;font-family:monospace;font-size:10.5px;color:var(--text-dim);background:var(--panel-alt);border:1px solid var(--border);border-radius:6px;padding:5px}.mpb-transport,.mpb-actions{flex:none;display:flex;align-items:center;gap:2px}.mpb-btn{width:34px;height:34px;flex:none;background:none;border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.mpb-btn:hover{background:var(--panel-alt);color:#ededf0}.mpb-btn:disabled{opacity:.35;pointer-events:none}@media (max-width: 420px){.mpb-btn{width:29px;height:29px}.mpb-transport,.mpb-actions{gap:0}.mpb-tc{font-size:9.5px;padding:5px 4px}}.mpb-play{width:38px;height:38px;background:#ededf0;color:#0a0a0b;border-radius:10px}.mpb-play:hover{background:#fff}.mobile-inline-panel{flex:1;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-top:1px solid var(--border)}.mobile-inline-panel-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;border-bottom:1px solid var(--border)}.mobile-inline-panel-title{font-size:13px;font-weight:600;color:#ededf0}.mobile-inline-panel-body{flex:1;width:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-inline-panel-body>.props{width:100%;min-width:0;max-width:100%;border-left:0}.mobile-inline-panel-body .media-bin{height:100%}.mobile-stage-wrap .frame{border-radius:6px;box-shadow:0 0 0 1px var(--border, #2A2A31)}.mcb-menu-wrap{position:relative}.mcb-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.mcb-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:51;background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;padding:4px;min-width:170px;box-shadow:0 8px 24px #0006}.mcb-menu-item{width:100%;display:flex;align-items:center;gap:9px;background:none;border:none;color:#ededf0;font-size:13px;padding:9px 10px;border-radius:7px;cursor:pointer;text-align:left}.mcb-menu-item:active{background:var(--panel)}.mcb-menu-item--danger{color:#f87171}.mcb-menu-divider{height:1px;background:var(--border);margin:4px 2px}.mobile-bottom-nav{flex:none;background:var(--panel);border-top:1px solid var(--border);display:flex;align-items:flex-start;padding-bottom:min(env(safe-area-inset-bottom,0px),12px)}.mbn-item{flex:1;background:none;border:none;color:var(--text-dim);font-size:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 6px;min-height:52px;min-width:0;transition:color .15s}.mbn-item--active{color:#ededf0}.mbn-item--center{flex:0 0 56px;align-self:flex-start;margin:6px 6px 0;width:44px;height:44px;padding:0;min-height:0;background:#ededf0;color:#0a0a0b;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;border:none;cursor:pointer}.mbn-item--center:active{transform:scale(.93)}.app-desktop{display:grid;position:relative;height:100vh;width:100%;grid-template-columns:var(--desktop-layers-width, clamp(210px, 18vw, 260px)) var(--desktop-toolbar-width, 66px) minmax(340px,1fr) var(--desktop-props-width, clamp(280px, 24vw, 360px));grid-template-rows:52px minmax(260px,1fr) var(--desktop-timeline-height, clamp(280px, 39vh, 330px))}.app-desktop .topbar{grid-column:1 / 5;grid-row:1}.desktop-layers,.desktop-toolbar,.desktop-stage,.desktop-props,.desktop-timeline{display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.desktop-layers{grid-column:1;grid-row:2}.desktop-toolbar{grid-column:2;grid-row:2}.desktop-stage{grid-column:3;grid-row:2}.desktop-props{grid-column:4;grid-row:2}.desktop-timeline{grid-column:1 / 5;grid-row:3}.desktop-resizer{position:absolute;z-index:24;touch-action:none;background:transparent}.desktop-resizer:after{content:"";position:absolute;background:transparent;transition:background .12s,box-shadow .12s}.desktop-resizer:hover:after,.app-desktop--resizing .desktop-resizer:after{background:var(--accent, #8B5CF6);box-shadow:0 0 10px #8b5cf673}.desktop-resizer--layers,.desktop-resizer--toolbar,.desktop-resizer--props{top:52px;bottom:var(--desktop-timeline-height, clamp(280px, 39vh, 330px));width:9px;cursor:col-resize}.desktop-resizer--layers{left:calc(var(--desktop-layers-width, clamp(210px, 18vw, 260px)) - 4px)}.desktop-resizer--toolbar{left:calc(var(--desktop-layers-width, clamp(210px, 18vw, 260px)) + var(--desktop-toolbar-width, 66px) - 4px)}.desktop-resizer--props{right:calc(var(--desktop-props-width, clamp(280px, 24vw, 360px)) - 4px)}.desktop-resizer--layers:after,.desktop-resizer--toolbar:after,.desktop-resizer--props:after{top:0;bottom:0;left:4px;width:1px}.desktop-resizer--timeline{left:0;right:0;top:calc(100% - var(--desktop-timeline-height, clamp(280px, 39vh, 330px)) - 4px);height:9px;cursor:row-resize}.desktop-resizer--timeline:after{left:0;right:0;top:4px;height:1px}.app-desktop--layers-collapsed .desktop-layers,.app-desktop--toolbar-collapsed .desktop-toolbar,.app-desktop--props-collapsed .desktop-props,.app-desktop--timeline-collapsed .desktop-timeline{visibility:hidden;pointer-events:none;border:0}.app-desktop--layers-collapsed .desktop-resizer--layers,.app-desktop--toolbar-collapsed .desktop-resizer--toolbar,.app-desktop--props-collapsed .desktop-resizer--props,.app-desktop--timeline-collapsed .desktop-resizer--timeline{display:none}.app-desktop--resizing{-webkit-user-select:none;user-select:none}.app-desktop--resizing-x{cursor:col-resize}.app-desktop--resizing-y{cursor:row-resize}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.app-desktop{--panel: #0B0E14;--panel-alt: #11151E;--panel-raised: #141923;--panel-glass: rgba(14, 18, 27, .9);--border: rgba(255, 255, 255, .065);--surface-hover: rgba(255, 255, 255, .045);--surface-pressed: rgba(255, 255, 255, .07);--control-stroke: rgba(255, 255, 255, .085);--elevation: 0 16px 38px rgba(0, 0, 0, .36);background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.045),transparent 30%),#06080c}.desktop-layers,.desktop-toolbar,.desktop-props,.desktop-timeline{background:var(--panel)}.desktop-layers{border-right:1px solid rgba(255,255,255,.065)}.desktop-toolbar{border-right:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 128px),var(--panel)}.desktop-props{border-left:1px solid rgba(255,255,255,.065)}.desktop-stage{background:radial-gradient(ellipse at 50% 40%,rgba(139,92,246,.075),transparent 52%),#080a0f;box-shadow:inset 1px 0 #ffffff06,inset -1px 0 #ffffff06}.desktop-timeline{border-top:1px solid var(--border);box-shadow:0 -14px 32px #0000003d}.layers,.props,.media-bin{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 96px),var(--panel)}.panel-head{min-height:42px;padding:10px 12px;color:var(--text-dim);background:#ffffff05;letter-spacing:.075em}.topbar{background:linear-gradient(100deg,rgba(139,92,246,.07),transparent 24%),linear-gradient(180deg,#111620,#0a0d13)}.topbar-icons{padding:2px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0000001f}.desktop-panel-controls{position:relative}.desktop-panel-controls-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:224px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#121722;box-shadow:0 18px 36px #00000085}.desktop-panel-controls-title{padding:6px 8px 7px;color:var(--text-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.desktop-panel-controls-menu button{width:100%;min-height:30px;padding:6px 8px;border:0;border-radius:7px;color:var(--text);background:transparent;font:inherit;font-size:12px;display:flex;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.desktop-panel-controls-menu button:hover{background:#8b5cf629}.desktop-panel-controls-menu button span:last-child{color:var(--accent-soft);font-size:11px}.desktop-panel-controls-menu .desktop-panel-controls-reset{margin-top:5px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);color:#f2d9ff}.project-name{min-width:0;padding:3px 6px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0000001a}.project-name-btn{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-status{padding:2px 5px;border-radius:99px;background:#34d39917}.project-status--saving{background:#fbbf241a}.project-status--unsaved{background:#ffffff0e}.project-status--queued,.project-status--offline{background:#60a5fa1a}.project-status--conflict{background:#fb923c1f}.project-status--error{background:#f871711a}.panel-add{width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 1px #b9a5ff1a}.layers-search,.media-bin-search,.tl-search-input,.text-content-input,.anchor-inputs input,.blend-mode-select{background:#0000002b;border-color:#ffffff1a;border-radius:8px}.layers-search:focus,.media-bin-search:focus,.tl-search-input:focus,.text-content-input:focus,.anchor-inputs input:focus,.blend-mode-select:focus{border-color:#b9a5ffb3;box-shadow:0 0 0 3px #8b5cf621;outline:none}.layer-row{margin:2px 6px;padding:8px;border:1px solid transparent;border-radius:8px}.layer-row .layer-drag-handle,.layer-row .layer-order-controls,.layer-row .layer-guide,.layer-row .layer-lock,.layer-row .layer-solo,.layer-row .layer-duplicate,.layer-row .layer-delete{display:none}.layer-row:hover .layer-drag-handle,.layer-row:hover .layer-order-controls,.layer-row:hover .layer-guide,.layer-row:hover .layer-lock,.layer-row:hover .layer-solo,.layer-row:hover .layer-duplicate,.layer-row:hover .layer-delete{display:flex}.layer-row .layer-name,.layer-row .layer-name-input{min-width:0}.layer-row .layer-swatch{flex:0 0 30px}.media-bin-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-items:start}.media-bin-item{min-width:0;display:block}.media-bin-thumb{min-width:0;min-height:0;aspect-ratio:16 / 10;overflow:hidden}.media-bin-name{min-width:0}.layer-row:hover{background:var(--surface-hover)}.layer-row.selected{border-color:#b9a5ff2e;border-left:1px solid rgba(185,165,255,.36);box-shadow:inset 3px 0 var(--accent),0 5px 14px #0000001f}.layer-swatch{border-radius:8px;box-shadow:0 2px 7px #00000038}.layer-name{font-weight:550;color:#e6e8ee}.prop-group{border-bottom-color:#ffffff0e}.prop-group-title{padding-top:10px;padding-bottom:10px;color:var(--text-dim)}.prop-group-title:hover{background:#ffffff05}.prop-row{padding-top:4px;padding-bottom:4px}.effect-block{border-color:#ffffff17;border-radius:9px;background:#ffffff03;box-shadow:0 5px 16px #00000014}.effect-block-header{background:#ffffff06}.toolbar-vert{width:100%;padding:8px 0;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel)}.toolbar-vert-inner{width:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:3px;overflow-y:auto;scrollbar-width:none}.toolbar-vert-inner::-webkit-scrollbar{display:none}.toolbar-btn{width:calc(100% - 12px);margin:0 6px;border:1px solid transparent;border-radius:10px;transition:background .15s,color .15s,border-color .15s,transform .15s}.toolbar-btn:hover{background:var(--surface-hover);border-color:#ffffff0f;transform:translateY(-1px)}.toolbar-btn.active{background:linear-gradient(135deg,#8b5cf640,#8b5cf61f);border-color:#b9a5ff2e;box-shadow:0 5px 14px #32196929}.stage{background:radial-gradient(circle at 50% 38%,rgba(86,71,138,.1),transparent 46%),#090c12}.stage-topbar{background:#0b0e15eb;border-bottom-color:#ffffff13;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 20px #0000001f}.stage-dropdown:hover,.stage-quality-select:hover,.view-toggle-btn:hover{background:var(--surface-hover)}.stage-canvas-area{background-image:radial-gradient(rgba(255,255,255,.038) 1px,transparent 1px);background-size:18px 18px}.frame{border-radius:8px;box-shadow:0 0 0 1px #ffffff24,0 0 0 5px #00000026,0 24px 56px #00000075}.frame-badge{padding:3px 7px;border:1px solid rgba(255,255,255,.1);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 80px),var(--panel)}.timeline-toolbar{height:38px;padding:0 12px;background:#ffffff05;border-bottom-color:#ffffff13}.tl-ruler,.tl-labels-col{background:#10141d}.tl-track{border-bottom-color:#ffffff0e}.tl-track:nth-child(2n){background:#ffffff03}.tl-track-label{border-bottom-color:#ffffff0e}.tl-track-label--selected{background:linear-gradient(90deg,#8b5cf62e,#8b5cf609);box-shadow:inset 3px 0 var(--accent)}.tl-clip{top:4px;bottom:4px;border-radius:6px;box-shadow:0 3px 9px #0003;transition:box-shadow .15s,filter .15s}.tl-clip:hover{filter:brightness(1.09);box-shadow:0 5px 13px #00000047}.tl-clip--selected{box-shadow:0 0 0 2px var(--accent-soft),0 5px 15px #32196952}.playhead{width:2px;box-shadow:0 0 12px #8b5cf6b3}.playhead-handle{width:16px;height:16px;border-radius:4px}.app-mobile--v2{--panel: #0E1118;--panel-alt: #151923;--panel-raised: #171C27;--border: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .052);background:#0a0d13}.mobile-topbar-v2{background:linear-gradient(100deg,rgba(139,92,246,.11),transparent 46%),linear-gradient(180deg,#171c28,#10131b);border-bottom-color:#ffffff17;box-shadow:0 5px 18px #0000002e;z-index:20}.mtb-comp-btn{border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0000001f;transition:background .15s,border-color .15s,transform .15s}.mtb-comp-btn:hover,.mtb-comp-btn:active{background:#ffffff0e;border-color:#b9a5ff38}.mtb-save-dot{padding:1px 4px;border-radius:99px;background:#34d39917}.mtb-save-dot.project-status--saving{background:#fbbf241a}.mtb-save-dot.project-status--unsaved{background:#ffffff0e}.mtb-save-dot.project-status--error{background:#f871711a}.mtb-icon-btn{border:1px solid transparent;background:#ffffff04}.mtb-icon-btn:hover,.mtb-icon-btn:active{border-color:#ffffff14;background:#ffffff12}.mtb-res-pill,.mpb-tc{background:#0003;border-color:#ffffff1a;border-radius:7px}.mtb-icon-btn:hover,.mpb-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.mtb-menu,.mcb-menu{background:#1a1f2b;border-color:#ffffff1c;border-radius:12px;box-shadow:var(--elevation);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-playback-bar{padding:7px 8px;background:linear-gradient(180deg,#131722,#0f1219);border-color:#ffffff13}.mobile-stage-wrap:not(.mobile-stage-wrap--immersive){background:radial-gradient(ellipse at center,rgba(139,92,246,.085),transparent 65%),#0a0d13}.mobile-stage-wrap .frame{box-shadow:0 0 0 1px #ffffff26,0 0 0 4px #00000021,0 14px 32px #00000061}.mpb-play{background:linear-gradient(135deg,#a37bff,#7b4de0);color:#fff;border-radius:12px;box-shadow:0 5px 14px #5d34b559,inset 0 1px #fff3}.mpb-play:hover{background:linear-gradient(135deg,#b391ff,#875be7)}.mobile-inline-panel{background:linear-gradient(180deg,#171C27,var(--panel) 86px);border-top-color:#ffffff17;box-shadow:0 -12px 30px #00000029}.mobile-inline-panel-header{padding:12px 14px 8px;border-bottom-color:#ffffff0f;background:linear-gradient(90deg,rgba(139,92,246,.08),transparent 45%)}.mobile-bottom-nav{background:linear-gradient(180deg,#161a25,#10131a);border-top-color:#ffffff1a;box-shadow:0 -8px 24px #00000029}.mbn-item{margin:4px 2px 2px;min-height:48px;border-radius:10px;transition:color .15s,background .15s,transform .15s}.mbn-item--active:not(.mbn-item--center){background:#8b5cf626;color:var(--accent-soft)}.mbn-item--center{background:linear-gradient(135deg,#a37bff,#7647da);color:#fff;box-shadow:0 6px 18px #5d34b56b,inset 0 1px #ffffff38}.mbn-item--active:not(.mbn-item--center) svg{filter:drop-shadow(0 3px 6px rgba(139,92,246,.45))}.app-mobile--v2 .timeline-toolbar{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.app-mobile--v2 .tl-inline-tools{border-right-color:#ffffff14}.app-mobile--v2 .toolbar-horiz .toolbar-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:7px;transition:background .15s,border-color .15s,box-shadow .15s}.app-mobile--v2 .toolbar-horiz .toolbar-btn:hover,.app-mobile--v2 .toolbar-horiz .toolbar-btn:active{background:#ffffff14;border-color:#ffffff1a}.app-mobile--v2 .toolbar-horiz .toolbar-btn.active{background:linear-gradient(135deg,#a37bff,#7647da);border-color:transparent;color:#fff;box-shadow:0 4px 12px #5d34b566,inset 0 1px #ffffff38}.app-mobile--v2 .tl-search-input{background:#0003;border-color:#ffffff17}.toolbar-btn:active,.icon-btn:active,.share-btn:active,.media-bin-item:active{transform:scale(.98)}@media (max-width: 1120px) and (min-width: 900px){.app-desktop{grid-template-columns:var(--desktop-layers-width, 220px) var(--desktop-toolbar-width, 60px) minmax(320px,1fr) var(--desktop-props-width, 280px);grid-template-rows:52px minmax(240px,1fr) var(--desktop-timeline-height, 280px)}.topbar{padding-inline:10px;gap:8px}.topbar-user .topbar-signout{display:none}.project-name-btn{max-width:120px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width: 899px){.mobile-stage-wrap .frame{border-radius:8px}.mobile-stage-wrap .stage-canvas-area{background-size:14px 14px}.timeline-toolbar{height:36px;padding:0 8px}.tl-track-label{background:#141823}.mobile-inline-panel-body .media-bin-grid{gap:10px;padding:2px 10px 14px}.mobile-inline-panel-body .media-bin-thumb{border-radius:9px}.layer-row.selected .layer-order-controls{display:flex}}.export-queue-fab{position:relative;flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#ffffff09;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:color .15s,background .15s,border-color .15s,transform .15s}.export-queue-fab:hover,.export-queue-fab.has-jobs{color:var(--accent-soft);background:#8b5cf621;border-color:#b9a5ff3d;transform:translateY(-1px)}.export-queue-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:2px solid var(--panel);border-radius:99px;font-size:9px;font-weight:700}.export-queue-panel{position:fixed;z-index:80;top:60px;right:18px;width:min(360px,calc(100vw - 36px));overflow:hidden;background:#171c27f7;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--elevation);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eqp-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.eqp-title{color:#f4f5f8;font-weight:700;font-size:12px}.eqp-close,.eqp-clear,.eqp-job-actions button{border:0;background:transparent;color:var(--text-dim);border-radius:6px;cursor:pointer}.eqp-close{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.eqp-clear{font-size:10.5px;padding:5px 7px}.eqp-close:hover,.eqp-clear:hover,.eqp-job-actions button:hover{background:var(--surface-hover);color:#fff}.eqp-list{max-height:min(420px,calc(100vh - 110px));overflow-y:auto;padding:5px}.eqp-job{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px}.eqp-job+.eqp-job{margin-top:2px}.eqp-job--running{background:#8b5cf61c}.eqp-job-icon{display:flex;color:var(--accent-soft)}.eqp-job-info{flex:1;min-width:0}.eqp-job-name{color:#e9eaf0;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eqp-job-status{color:var(--text-dim);font-size:10.5px;margin-top:2px}.eqp-job-actions{display:flex;align-items:center;gap:2px}.eqp-job-actions button{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center}.eqp-progress-bar{height:3px;margin-top:6px;overflow:hidden;border-radius:99px;background:#ffffff14}.eqp-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#b9a5ff)}.eqp-empty{padding:22px 16px;color:var(--text-dim);font-size:11.5px;line-height:1.55;text-align:center}.topbar-user{display:flex;align-items:center;gap:5px}.topbar-avatar{width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:9px;object-fit:cover;box-shadow:0 3px 9px #00000029}.topbar-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4d3b78,#242d50);color:#ede9ff;font-size:11px;font-weight:750}.topbar-signout{border:1px solid transparent;background:transparent;color:var(--text-dim);border-radius:7px;padding:6px 7px;font-size:11px;cursor:pointer;transition:color .15s,background .15s}.topbar-signout:hover{background:var(--surface-hover);color:#f4f5f8}.topbar-signout:last-child:hover{color:#fca5a5;background:#f8717117}@media (min-width: 900px){.app-desktop{--panel: #0c0f15;--panel-alt: #141820;--panel-raised: #171b24;--border: rgba(255,255,255,.075);padding:0 12px 12px;grid-template-columns:var(--desktop-toolbar-width, 76px) var(--desktop-layers-width, clamp(250px, 17vw, 310px)) minmax(340px,1fr) var(--desktop-props-width, clamp(300px, 20vw, 350px));grid-template-rows:68px minmax(260px,1fr) var(--desktop-timeline-height, clamp(190px, 21vh, 300px));background:radial-gradient(ellipse at 52% 0%,rgba(78,54,125,.08),transparent 38%),#080b10}.app-desktop .topbar{grid-column:1 / 5;grid-row:1;margin-inline:-12px}.desktop-toolbar{grid-column:1;grid-row:2}.desktop-layers{grid-column:2;grid-row:2}.desktop-stage{grid-column:3;grid-row:2}.desktop-props{grid-column:4;grid-row:2}.desktop-timeline{grid-column:1 / 5;grid-row:3}.desktop-toolbar,.desktop-layers,.desktop-stage,.desktop-props{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.desktop-toolbar{border-left:1px solid rgba(255,255,255,.08);border-right:0;border-radius:12px 0 0;background:#0b0e14}.desktop-layers{border-left:1px solid rgba(255,255,255,.065);border-right:1px solid rgba(255,255,255,.075);background:#0d1016}.desktop-stage{border-right:1px solid rgba(255,255,255,.075);background:#090c11;box-shadow:none}.desktop-props{border-left:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0 12px 0 0;background:#0d1016}.desktop-timeline{border:1px solid rgba(255,255,255,.08);border-top-color:#ffffff1a;border-radius:0 0 12px 12px;background:#0d1016;box-shadow:0 -12px 28px #0000002e}.desktop-resizer--layers,.desktop-resizer--toolbar,.desktop-resizer--props{top:68px;bottom:calc(12px + var(--desktop-timeline-height, clamp(190px, 21vh, 300px)))}.desktop-resizer--toolbar{left:calc(12px + var(--desktop-toolbar-width, 76px) - 4px)}.desktop-resizer--layers{left:calc(12px + var(--desktop-toolbar-width, 76px) + var(--desktop-layers-width, clamp(250px, 17vw, 310px)) - 4px)}.desktop-resizer--props{right:calc(12px + var(--desktop-props-width, clamp(300px, 20vw, 350px)) - 4px)}.desktop-resizer--timeline{left:12px;right:12px;top:calc(100% - 12px - var(--desktop-timeline-height, clamp(190px, 21vh, 300px)) - 4px)}.topbar{height:68px;padding:0 22px;gap:12px;background:radial-gradient(circle at 74% -60%,rgba(139,92,246,.11),transparent 28%),linear-gradient(180deg,#0e1219,#0a0d13);border-bottom-color:#ffffff13;box-shadow:0 8px 28px #0003}.topbar-brand-group{height:30px;padding-right:20px;border-right:1px solid rgba(255,255,255,.075);display:flex;align-items:center}.brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:transparent;color:#f3f4f8;cursor:pointer;font-family:inherit;font-size:16px}.brand-logo-img{width:27px;height:27px;filter:brightness(0) saturate(100%) invert(47%) sepia(92%) saturate(3395%) hue-rotate(242deg) brightness(103%) contrast(101%) drop-shadow(0 3px 8px rgba(139,92,246,.34))}.project-name{gap:10px;padding:0;border:0;background:transparent}.project-name-btn{max-width:178px;padding:6px 2px;display:inline-flex;align-items:center;gap:5px;color:#c1c5cf;font-size:12.5px}.project-status{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#ffffff06;display:inline-flex;align-items:center;gap:6px;color:#9aa2af;font-size:10.5px}.project-status--saved svg{color:#29d88a}.project-status--saving svg{color:#fbbf24}.project-status--error svg{color:#f87171}.topbar-history,.topbar-actions-secondary{display:flex;align-items:center;gap:2px}.topbar-history .icon-btn,.topbar-actions-secondary .icon-btn{width:31px;height:31px}.topbar-icons{padding:0;border:0;background:transparent}.mode-switch{padding:2px;border-color:#fff1;background:#ffffff05}.mode-switch-btn{min-height:29px;padding:5px 10px;font-size:11.5px}.mode-switch-btn.active{background:linear-gradient(135deg,#925dff,#7746df);box-shadow:inset 0 1px #ffffff29,0 5px 12px #49299133}.export-btn{min-width:104px;min-height:34px;padding:8px 16px;border-radius:8px;font-size:11.5px;background:linear-gradient(100deg,#925cff,#7644df)}.share-btn--ghost{min-height:34px;padding:8px 14px;background:#ffffff09;color:#d4d7de;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff06}.share-btn--ghost:hover{background:#fff1;border-color:#ffffff21}.topbar-help,.topbar-notifications{width:32px;height:32px;border-radius:50%}.topbar-user{position:relative}.topbar-avatar-button{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.topbar-avatar{width:34px;height:34px;border-radius:50%;border-color:#b9a5ff38;background:linear-gradient(135deg,#4d347b,#2b2251);box-shadow:0 5px 15px #00000040}.topbar-account-menu{position:absolute;z-index:90;top:calc(100% + 10px);right:0;width:218px;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#151922;box-shadow:0 18px 42px #00000080}.topbar-account-email,.topbar-account-plan{padding:7px 8px;overflow:hidden;color:#8d94a2;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.topbar-account-menu button{width:100%;padding:8px;border:0;border-radius:7px;background:transparent;color:#dfe1e7;font:inherit;font-size:11.5px;text-align:left;cursor:pointer}.topbar-account-menu button:hover{background:#ffffff0e}.topbar-account-menu button.danger{color:#fca5a5}.desktop-props-title{flex:none;min-height:50px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);color:#f0f1f5;font-size:13px;font-weight:700}.desktop-props>.props{flex:1;min-height:0;border-left:0;background:#0d1016}.desktop-props .panel-head--tabs{min-height:42px;padding:0 10px;justify-content:flex-start;gap:12px;background:transparent}.desktop-props .panel-tab{position:relative;height:42px;padding:0 2px;border-radius:0;font-size:11.5px}.desktop-props .panel-tab.active{color:#bd9fff;background:transparent}.desktop-props .panel-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#8b5cf6}.desktop-props .layer-title-row{padding:13px 16px 7px}.desktop-props .prop-group{margin:0 10px}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage{background:#090c11}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-topbar{height:58px;padding:0 16px;gap:7px;border-bottom-color:#ffffff0e;background:#0a0d12f5;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-dropdown,:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-quality-select,:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .zoom-controls,:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-topbar>.icon-btn{min-height:30px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff06}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-dropdown{min-width:68px;color:#c5c9d1}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .zoom-controls{padding:0 2px}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .zoom-controls .icon-btn{width:24px;height:28px}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-canvas-area{padding:22px 30px 72px;background-color:#090c11;background-image:radial-gradient(rgba(255,255,255,.027) 1px,transparent 1px);background-size:18px 18px}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .frame{border-radius:3px;box-shadow:0 0 0 1px #ffffff21,0 20px 54px #0000006b}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-controls{left:0;right:0;bottom:0;height:58px;padding:0 14px;align-items:center;gap:18px;color:#aeb3be;background:#0a0d12f7;border-top:1px solid rgba(255,255,255,.065);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-controls .tc{position:static;order:4;display:inline-flex;align-items:center;gap:8px;color:#707786;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-controls .tc strong{color:#dce0e7;font-weight:550}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-controls .stage-ctrl-btn:first-of-type{order:1}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-controls .play-btn{order:2;color:#f1f2f5}:is(.desktop-stage,.cg-stage,.cuts-stage,.audio-stage) .stage-controls .stage-ctrl-btn:last-of-type{order:3}.desktop-timeline .timeline{border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 80px),#0d1016}.desktop-timeline .timeline-toolbar{height:42px;padding:0 12px;background:#ffffff03;border-bottom-color:#ffffff12}.desktop-timeline .tl-labels-col,.desktop-timeline .tl-ruler{background:#10141b}.desktop-timeline .tl-track,.desktop-timeline .tl-track-label{height:34px}.desktop-timeline .tl-clip{top:4px;bottom:4px}.desktop-colorgrading,.desktop-cuts,.desktop-audio{margin:0;border:1px solid rgba(255,255,255,.08);border-radius:12px}}@media (min-width: 900px) and (max-width: 1260px){.app-desktop{grid-template-columns:var(--desktop-toolbar-width, 68px) var(--desktop-layers-width, 240px) minmax(320px,1fr) var(--desktop-props-width, 280px);grid-template-rows:68px minmax(240px,1fr) var(--desktop-timeline-height, 190px)}.topbar{padding-inline:14px;gap:7px}.topbar-brand-group{padding-right:10px}.brand span{display:none}.project-name-btn{max-width:115px}.project-status{padding-inline:7px}.composition-settings-btn{width:31px;padding:0;justify-content:center}.composition-settings-label,.composition-settings-summary{display:none}.mode-switch-btn{padding-inline:7px}.mode-switch-btn svg{display:none}.topbar-actions-secondary,.topbar-notifications,.export-queue-fab{display:none}.share-btn--ghost{padding-inline:10px}}@keyframes rawframe-editor-loading{to{transform:rotate(360deg)}}.editor-theme--black{color-scheme:dark;--editor-bg: #000000;--panel: #050505;--panel-alt: #111111;--panel-raised: #171717;--panel-glass: rgba(8, 8, 8, .94);--stage-bg: #080808;--canvas-bg: #0D0D0D;--border: rgba(255, 255, 255, .13);--control-stroke: rgba(255, 255, 255, .17);--text: #FFFFFF;--text-dim: #BDBDBD;--text-faint: #767676;--surface-hover: rgba(255, 255, 255, .09);--surface-pressed: rgba(255, 255, 255, .14);--accent: #FFFFFF;--accent-soft: #FFFFFF;--accent-dim: rgba(255, 255, 255, .14);--accent-glow: rgba(255, 255, 255, .26);--accent-text: #000000;--editor-shadow: rgba(0, 0, 0, .56);--scrollbar-thumb: rgba(255, 255, 255, .2);--checker-dot: rgba(255, 255, 255, .06);--inverse: #000000}.editor-theme--white{color-scheme:light;--editor-bg: #FFFFFF;--panel: #FFFFFF;--panel-alt: #F2F2F2;--panel-raised: #E8E8E8;--panel-glass: rgba(255, 255, 255, .96);--stage-bg: #F4F4F4;--canvas-bg: #EAEAEA;--border: rgba(0, 0, 0, .15);--control-stroke: rgba(0, 0, 0, .2);--text: #000000;--text-dim: #3F3F3F;--text-faint: #767676;--surface-hover: rgba(0, 0, 0, .07);--surface-pressed: rgba(0, 0, 0, .12);--accent: #000000;--accent-soft: #000000;--accent-dim: rgba(0, 0, 0, .1);--accent-glow: rgba(0, 0, 0, .22);--accent-text: #FFFFFF;--editor-shadow: rgba(0, 0, 0, .18);--scrollbar-thumb: rgba(0, 0, 0, .24);--checker-dot: rgba(0, 0, 0, .07);--inverse: #FFFFFF}html[data-editor-theme=black],html[data-editor-theme=black] body{background:#000}html[data-editor-theme=white],html[data-editor-theme=white] body{background:#fff}.editor-theme--black,.editor-theme--white{color:var(--text);background:var(--editor-bg);--elevation: 0 16px 38px var(--editor-shadow);--cg-pink: var(--accent);--cg-blue: var(--text-dim);--audio-accent: var(--accent);--audio-blue: var(--text-dim)}.editor-theme--black *,.editor-theme--white *{scrollbar-color:var(--scrollbar-thumb) transparent}.editor-theme--black *::-webkit-scrollbar-thumb,.editor-theme--white *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.editor-theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel-alt)}.desktop-panel-controls-menu .editor-theme-picker{margin:1px 2px 6px}.topbar-account-menu .editor-theme-picker{margin:0 4px 7px}.desktop-panel-controls-menu .editor-theme-picker button,.mtb-theme-row .editor-theme-picker button,.topbar-account-menu .editor-theme-picker button{width:auto;min-height:30px;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:6px;background:transparent;color:var(--text-dim);font:inherit;font-size:10.5px;cursor:pointer}.desktop-panel-controls-menu .editor-theme-picker button:hover,.mtb-theme-row .editor-theme-picker button:hover,.topbar-account-menu .editor-theme-picker button:hover{background:var(--surface-hover);color:var(--text)}.desktop-panel-controls-menu .editor-theme-picker button.active,.mtb-theme-row .editor-theme-picker button.active,.topbar-account-menu .editor-theme-picker button.active{background:var(--accent);color:var(--accent-text)}.desktop-panel-controls-title--theme{margin-top:5px;padding-top:10px;border-top:1px solid var(--border)}.mtb-theme-row{display:flex;flex-direction:column;gap:6px;margin:3px 4px 6px;padding:9px 6px 8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-faint);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.mtb-theme-row .editor-theme-picker{width:100%}.mtb-theme-row .editor-theme-picker button{text-transform:none;letter-spacing:0}.topbar-account-theme-label{margin:2px 8px 5px;color:var(--text-faint);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.editor-theme--black :is(.export-btn,.share-btn--primary,.mode-switch-btn.active,.mbn-item--center,.mpb-play,.app-mobile--v2 .toolbar-horiz .toolbar-btn.active),.editor-theme--white :is(.export-btn,.share-btn--primary,.mode-switch-btn.active,.mbn-item--center,.mpb-play,.app-mobile--v2 .toolbar-horiz .toolbar-btn.active){background:var(--accent);color:var(--accent-text);border-color:var(--accent);box-shadow:none}.editor-theme--black :is(.export-btn,.share-btn--primary,.mode-switch-btn.active,.mbn-item--center,.mpb-play):hover,.editor-theme--white :is(.export-btn,.share-btn--primary,.mode-switch-btn.active,.mbn-item--center,.mpb-play):hover{background:var(--text-dim);color:var(--accent-text);box-shadow:none}.editor-theme--black :is(.brand-logo-img,.mtb-logo),.editor-theme--white :is(.brand-logo-img,.mtb-logo){filter:grayscale(1)}.editor-theme--black :is(.brand-logo-img,.mtb-logo){filter:grayscale(1) brightness(0) invert(1)}.editor-theme--white :is(.brand-logo-img,.mtb-logo){filter:grayscale(1) brightness(0)}.editor-theme--black .topbar-avatar--initials,.editor-theme--white .topbar-avatar--initials{background:var(--accent);color:var(--accent-text);border-color:var(--border);box-shadow:none}.app-desktop.editor-theme--black,.app-desktop.editor-theme--white,.app-mobile--v2.editor-theme--black,.app-mobile--v2.editor-theme--white{background:var(--editor-bg)}.app-desktop.editor-theme--black .topbar,.app-desktop.editor-theme--white .topbar,.app-mobile--v2.editor-theme--black .mobile-topbar-v2,.app-mobile--v2.editor-theme--white .mobile-topbar-v2,.app-mobile--v2.editor-theme--black .mobile-playback-bar,.app-mobile--v2.editor-theme--white .mobile-playback-bar,.app-mobile--v2.editor-theme--black .mobile-bottom-nav,.app-mobile--v2.editor-theme--white .mobile-bottom-nav,.app-mobile--v2.editor-theme--black .mobile-resize-handle,.app-mobile--v2.editor-theme--white .mobile-resize-handle,.app-mobile--v2.editor-theme--black .mobile-inline-panel,.app-mobile--v2.editor-theme--white .mobile-inline-panel{background:var(--panel);border-color:var(--border);box-shadow:none}.app-desktop.editor-theme--black :is(.desktop-toolbar,.desktop-layers,.desktop-props,.desktop-timeline,.desktop-library-panel,.desktop-library-layers),.app-desktop.editor-theme--white :is(.desktop-toolbar,.desktop-layers,.desktop-props,.desktop-timeline,.desktop-library-panel,.desktop-library-layers){background:var(--panel);border-color:var(--border)}.app-desktop.editor-theme--black :is(.desktop-stage,.stage),.app-desktop.editor-theme--white :is(.desktop-stage,.stage){background:var(--stage-bg)}.editor-theme--black :is(.desktop-panel-controls-menu,.topbar-account-menu,.mtb-menu,.mcb-menu,.tl-more-menu,.kf-menu,.export-queue-panel,.color-picker-panel),.editor-theme--white :is(.desktop-panel-controls-menu,.topbar-account-menu,.mtb-menu,.mcb-menu,.tl-more-menu,.kf-menu,.export-queue-panel,.color-picker-panel){background:var(--panel-raised);border-color:var(--border);box-shadow:0 16px 34px var(--editor-shadow)}.editor-theme--black :is(input,textarea,select,.stage-quality-select,.mtb-menu-quality-select),.editor-theme--white :is(input,textarea,select,.stage-quality-select,.mtb-menu-quality-select){background-color:var(--panel-alt);border-color:var(--border);color:var(--text)}.editor-theme--black :is(.brand,.mtb-brand-text,.mtb-comp-name,.mtb-menu-item,.mcb-menu-item,.tl-more-menu button,.topbar-account-menu button,.desktop-library-header h2,.desktop-library-card,.desktop-library-guide strong,.desktop-props-title,.panel-tab.active,.layer-title-row,.effect-block-header,.effect-filter-expand,.toolbar-btn:hover,.tl-search-input,.kf-menu-item,.export-modal-header,.comp-switcher-name,.shortcut-key-btn,.sheet-header,.color-picker-hex-input),.editor-theme--white :is(.brand,.mtb-brand-text,.mtb-comp-name,.mtb-menu-item,.mcb-menu-item,.tl-more-menu button,.topbar-account-menu button,.desktop-library-header h2,.desktop-library-card,.desktop-library-guide strong,.desktop-props-title,.panel-tab.active,.layer-title-row,.effect-block-header,.effect-filter-expand,.toolbar-btn:hover,.tl-search-input,.kf-menu-item,.export-modal-header,.comp-switcher-name,.shortcut-key-btn,.sheet-header,.color-picker-hex-input){color:var(--text)}.editor-theme--black :is(.project-name-btn,.composition-settings-btn,.icon-btn:hover,.back-btn:hover,.mtb-icon-btn:hover,.mpb-btn:hover,.curve-tool-btn:hover,.eyedropper-btn:hover,.save-load-btn:hover),.editor-theme--white :is(.project-name-btn,.composition-settings-btn,.icon-btn:hover,.back-btn:hover,.mtb-icon-btn:hover,.mpb-btn:hover,.curve-tool-btn:hover,.eyedropper-btn:hover,.save-load-btn:hover){color:var(--text)}.editor-theme--black :is(.topbar-icons,.mode-switch,.project-status,.composition-settings-btn,.share-btn--ghost),.editor-theme--white :is(.topbar-icons,.mode-switch,.project-status,.composition-settings-btn,.share-btn--ghost){background:var(--panel-alt);border-color:var(--border);color:var(--text-dim)}.editor-theme--black :is(.desktop-panel-controls-menu button:hover,.topbar-account-menu button:hover,.mtb-menu-item:hover,.mcb-menu-item:active),.editor-theme--white :is(.desktop-panel-controls-menu button:hover,.topbar-account-menu button:hover,.mtb-menu-item:hover,.mcb-menu-item:active){background:var(--surface-hover)}.editor-theme--black :is(.project-name,.mtb-comp-btn),.editor-theme--white :is(.project-name,.mtb-comp-btn){background:var(--panel-alt);border-color:var(--border)}.editor-theme--black :is(.layers-search,.media-bin-search,.tl-search-input,.text-content-input,.anchor-inputs input,.blend-mode-select):focus,.editor-theme--white :is(.layers-search,.media-bin-search,.tl-search-input,.text-content-input,.anchor-inputs input,.blend-mode-select):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.editor-theme--black .desktop-panel-controls-menu .desktop-panel-controls-reset,.editor-theme--white .desktop-panel-controls-menu .desktop-panel-controls-reset{color:var(--text-dim);border-color:var(--border)}.editor-theme--black :is(.desktop-library-card,.desktop-library-guide,.desktop-library-tools .toolbar-btn),.editor-theme--white :is(.desktop-library-card,.desktop-library-guide,.desktop-library-tools .toolbar-btn){background:color-mix(in srgb,var(--panel-alt) 52%,transparent);border-color:var(--border);color:var(--text)}.editor-theme--black :is(.desktop-library-card:hover,.desktop-library-card--accent,.desktop-library-card-icon,.desktop-library-guide-icon,.desktop-library-guide button),.editor-theme--white :is(.desktop-library-card:hover,.desktop-library-card--accent,.desktop-library-card-icon,.desktop-library-guide-icon,.desktop-library-guide button){background:var(--accent-dim);border-color:var(--control-stroke);color:var(--accent-soft)}.editor-theme--black .desktop-library-media .media-bin-import:not(.media-bin-import--srt):first-of-type,.editor-theme--white .desktop-library-media .media-bin-import:not(.media-bin-import--srt):first-of-type{background:var(--accent);color:var(--accent-text);box-shadow:none}.editor-theme--black :is(.sidebar,.toolbar-vert,.layers,.props,.media-bin),.editor-theme--white :is(.sidebar,.toolbar-vert,.layers,.props,.media-bin){background:var(--panel);border-color:var(--border)}.editor-theme--black :is(.sidebar-item.active,.toolbar-btn.active,.panel-add,.media-bin-import,.channel-tab.active,.chip-toggle.active,.prop-kf-btn.on .prop-kf-diamond,.prop-graph-btn:hover),.editor-theme--white :is(.sidebar-item.active,.toolbar-btn.active,.panel-add,.media-bin-import,.channel-tab.active,.chip-toggle.active,.prop-kf-btn.on .prop-kf-diamond,.prop-graph-btn:hover){background:var(--accent-dim);color:var(--accent-soft);border-color:var(--control-stroke);box-shadow:none}.editor-theme--black .layer-row.selected,.editor-theme--white .layer-row.selected{background:var(--accent-dim);border-color:var(--control-stroke);border-left-color:var(--control-stroke);box-shadow:inset 3px 0 var(--accent)}.editor-theme--black .desktop-props .panel-tab.active,.editor-theme--white .desktop-props .panel-tab.active{color:var(--accent-soft)}.editor-theme--black .desktop-props .panel-tab.active:after,.editor-theme--white .desktop-props .panel-tab.active:after{background:var(--accent)}.editor-theme--black .prop-graph-btn.selected,.editor-theme--white .prop-graph-btn.selected,.editor-theme--black .sidebar-item.active:before,.editor-theme--white .sidebar-item.active:before{background:var(--accent);color:var(--accent-text);box-shadow:none}.editor-theme--black :is(.effect-filter-header,.effect-block--filter-member,.effect-block--filter-first .effect-block-header),.editor-theme--white :is(.effect-filter-header,.effect-block--filter-member,.effect-block--filter-first .effect-block-header){background:var(--accent-dim);border-color:var(--control-stroke)}.editor-theme--black :is(.stage-topbar,.stage-controls),.editor-theme--white :is(.stage-topbar,.stage-controls){background:var(--panel-glass);border-color:var(--border);color:var(--text-dim)}.editor-theme--black .stage-canvas-area,.editor-theme--white .stage-canvas-area{background-color:var(--canvas-bg);background-image:radial-gradient(var(--checker-dot) 1px,transparent 1px)}.app-mobile--v2.editor-theme--black .mobile-stage-wrap:not(.mobile-stage-wrap--immersive),.app-mobile--v2.editor-theme--white .mobile-stage-wrap:not(.mobile-stage-wrap--immersive){background:var(--canvas-bg)}.editor-theme--black :is(.stage-dropdown,.zoom-value,.stage-quality-select),.editor-theme--white :is(.stage-dropdown,.zoom-value,.stage-quality-select){color:var(--text-dim)}.editor-theme--black :is(.stage-dropdown:hover,.zoom-value:hover,.stage-quality-select:hover,.stage-controls .tc strong,.play-btn:hover,.stage-ctrl-btn:hover),.editor-theme--white :is(.stage-dropdown:hover,.zoom-value:hover,.stage-quality-select:hover,.stage-controls .tc strong,.play-btn:hover,.stage-ctrl-btn:hover){color:var(--text)}.editor-theme--black :is(.marquee-box,.text-inline-input),.editor-theme--white :is(.marquee-box,.text-inline-input){border-color:var(--accent);background:var(--accent-dim)}.editor-theme--black .curve-handle-point,.editor-theme--white .curve-handle-point{background:var(--accent);border-color:var(--inverse)}.editor-theme--black :is(.timeline,.tl-labels-col,.tl-ruler),.editor-theme--white :is(.timeline,.tl-labels-col,.tl-ruler){background:var(--panel);border-color:var(--border)}.editor-theme--black :is(.timeline-toolbar,.tl-track-label,.tl-track,.tl-labels-spacer),.editor-theme--white :is(.timeline-toolbar,.tl-track-label,.tl-track,.tl-labels-spacer){border-color:var(--border)}.editor-theme--black :is(.tl-track-label--selected,.tl-track-label--drop-target,.tl-track--drop-target,.kf-line),.editor-theme--white :is(.tl-track-label--selected,.tl-track-label--drop-target,.tl-track--drop-target,.kf-line){background:var(--accent-dim)}.editor-theme--black :is(.playhead,.playhead-handle,.slider-fill),.editor-theme--white :is(.playhead,.playhead-handle,.slider-fill),.editor-theme--black .playhead:before,.editor-theme--white .playhead:before{background:var(--accent);box-shadow:none}.editor-theme--black :is(.tl-clip--selected,.tool.active),.editor-theme--white :is(.tl-clip--selected,.tool.active){box-shadow:0 0 0 2px var(--accent),0 5px 15px var(--editor-shadow)}.editor-theme--black :is(.mobile-inline-panel-header,.mbn-item--active:not(.mbn-item--center),.eqp-job--running,.export-queue-fab:hover,.export-queue-fab.has-jobs),.editor-theme--white :is(.mobile-inline-panel-header,.mbn-item--active:not(.mbn-item--center),.eqp-job--running,.export-queue-fab:hover,.export-queue-fab.has-jobs){background:var(--accent-dim);border-color:var(--control-stroke);color:var(--accent-soft);box-shadow:none}.editor-theme--black .mbn-item--active:not(.mbn-item--center) svg,.editor-theme--white .mbn-item--active:not(.mbn-item--center) svg{filter:none}.app-mobile--v2.editor-theme--black :is(.timeline-toolbar,.toolbar-horiz .toolbar-btn),.app-mobile--v2.editor-theme--white :is(.timeline-toolbar,.toolbar-horiz .toolbar-btn){background:var(--panel);border-color:var(--border)}.editor-theme--black .tl-media-resizer:hover:after,.editor-theme--white .tl-media-resizer:hover:after,.editor-theme--black .desktop-resizer:hover:after,.editor-theme--white .desktop-resizer:hover:after,.editor-theme--black.app-desktop--resizing .desktop-resizer:after,.editor-theme--white.app-desktop--resizing .desktop-resizer:after{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.editor-theme--black :is(.desktop-colorgrading,.desktop-audio,.cg-panel,.audio-console,.cg-effect-card,.audio-channel,.audio-compressor-button,.cg-curve-map),.editor-theme--white :is(.desktop-colorgrading,.desktop-audio,.cg-panel,.audio-console,.cg-effect-card,.audio-channel,.audio-compressor-button,.cg-curve-map){background:var(--panel);border-color:var(--border)}.editor-theme--black .desktop-colorgrading,.editor-theme--white .desktop-colorgrading{--cg-pink: var(--accent);--cg-blue: var(--text-dim)}.editor-theme--black .desktop-audio,.editor-theme--white .desktop-audio{--audio-accent: var(--accent);--audio-blue: var(--text-dim)}.editor-theme--black :is(.cg-stage,.audio-stage) .stage-canvas-area,.editor-theme--white :is(.cg-stage,.audio-stage) .stage-canvas-area{background-color:var(--canvas-bg)!important;background-image:radial-gradient(var(--checker-dot) 1px,transparent 1px)!important}.editor-theme--black :is(.cg-panel-head strong,.cg-panel-section-title,.cg-effect-card-name,.cg-empty strong,.audio-console-head strong,.audio-selected-head strong,.audio-control-title,.audio-empty strong),.editor-theme--white :is(.cg-panel-head strong,.cg-panel-section-title,.cg-effect-card-name,.cg-empty strong,.audio-console-head strong,.audio-selected-head strong,.audio-control-title,.audio-empty strong){color:var(--text)}.editor-theme--black :is(.cg-kicker,.cg-grade-count,.cg-workspace-tabs button.active,.audio-console-head>span,.audio-panel-tabs button.active),.editor-theme--white :is(.cg-kicker,.cg-grade-count,.cg-workspace-tabs button.active,.audio-console-head>span,.audio-panel-tabs button.active){color:var(--accent-soft);background:var(--accent-dim);border-color:var(--control-stroke)}.editor-theme--black :is(.cg-auto-button,.cg-effect-card--empty:hover,.cg-effect-card--applied,.audio-channel.active,.audio-extract-button,.audio-compressor-button.active,.audio-selected-head>button.active),.editor-theme--white :is(.cg-auto-button,.cg-effect-card--empty:hover,.cg-effect-card--applied,.audio-channel.active,.audio-extract-button,.audio-compressor-button.active,.audio-selected-head>button.active){color:var(--accent-soft);background:var(--accent-dim);border-color:var(--control-stroke);box-shadow:none}.editor-theme--black :is(.cg-panel-head small,.cg-curve-map>span,.cg-workspace-tabs button,.cg-panel-hint,.cg-loading,.cg-empty,.cg-effect-card--empty,.audio-console-head small,.audio-channel,.audio-channel-kind,.audio-channel>small,.audio-no-tracks,.audio-panel-tabs button,.audio-selected-head span,.audio-compressor-button,.audio-compressor-button b,.audio-empty),.editor-theme--white :is(.cg-panel-head small,.cg-curve-map>span,.cg-workspace-tabs button,.cg-panel-hint,.cg-loading,.cg-empty,.cg-effect-card--empty,.audio-console-head small,.audio-channel,.audio-channel-kind,.audio-channel>small,.audio-no-tracks,.audio-panel-tabs button,.audio-selected-head span,.audio-compressor-button,.audio-compressor-button b,.audio-empty){color:var(--text-faint)}.editor-theme--black :is(.export-modal,.export-result-modal,.info-modal-panel,.sheet),.editor-theme--white :is(.export-modal,.export-result-modal,.info-modal-panel,.sheet){background:var(--panel);border-color:var(--border);color:var(--text)}.editor-theme--black :is(.eqp-progress-fill,.lib-card-check),.editor-theme--white :is(.eqp-progress-fill,.lib-card-check){background:var(--accent);color:var(--accent-text)}.editor-theme--white :is(.share-btn--ghost,.export-queue-fab,.desktop-library-header-action,.stage-view-toggle,.zoom-controls){background:var(--panel-alt);border-color:var(--border);color:var(--text-dim)}.editor-theme--white :is(.frame-badge,.mobile-exit-immersive-btn,.media-bin-cloud){color:#fff}