:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ececec;--bg:#1d1d1f;--panel:#252527;--panel-2:#2d2d30;--panel-3:#333337;--canvas:#151516;--border:#ffffff1a;--border-strong:#ffffff29;--text:#ececec;--muted:#a5a5aa;--faint:#6f7179;--accent:#3b82f6;--green:#22c55e;--amber:#f59e0b;--pink:#ec4899;--track-video:#3b82f6;--track-audio:#22c55e;--track-motion:#a855f7;--track-caption:#f59e0b;background:#1d1d1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:0;min-height:100vh;color:var(--text);letter-spacing:0;margin:0;font-size:12px;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.42}.editor-shell{background:var(--bg);grid-template-rows:42px 1fr;height:100vh;display:grid}.app-topbar{border-bottom:1px solid var(--border);background:#242426;grid-template-columns:minmax(210px,1fr) minmax(180px,360px) minmax(250px,1fr);align-items:center;gap:12px;height:42px;padding:0 10px;display:grid}.topbar-left,.topbar-actions,.project-center,.tool-group,.timeline-head,.panel-heading,.transport,.status-dock,.export-bar,.upload-status{align-items:center;display:flex}.topbar-left,.topbar-actions{gap:6px}.topbar-actions{justify-content:flex-end}.app-mark{color:#fff;background:#3b82f6;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.menu-btn,.bar-btn,.mini-icon,.tool,.transport-btn{min-width:28px;height:28px;color:var(--muted);background:0 0;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.bar-btn.labeled{gap:7px;padding:0 9px}.menu-btn:hover,.bar-btn:hover,.mini-icon:hover,.tool:hover,.transport-btn:hover,.menu-label:hover{color:var(--text);background:#ffffff12}.menu-label{height:28px;color:var(--muted);background:0 0;border-radius:5px;padding:0 8px}.topbar-separator{background:var(--border);width:1px;height:18px;margin:0 2px}.project-center{text-align:center;flex-direction:column;justify-content:center;min-width:0;line-height:1.25}.project-center strong,.project-center span,.asset-row strong,.asset-row em,.layer-row strong,.layer-row em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-center strong{max-width:100%;font-size:12px;font-weight:700}.project-center span{max-width:100%;color:var(--muted);font-size:11px}.mode-pill,.export-btn{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;height:28px;display:inline-flex}.mode-pill{color:#9ed0ff;background:#3b82f624;padding:0 9px}.mode-pill.local{color:#bbf7d0;background:#22c55e24}.export-btn{color:var(--text);background:var(--panel-3);padding:0 11px}.export-btn.primary{background:var(--accent);color:#fff;font-weight:700}.editor-body{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(236px,292px);min-height:0;display:grid}.left-panel,.inspector{background:var(--panel);flex-direction:column;min-width:0;display:flex}.left-panel{border-right:1px solid var(--border)}.inspector{border-left:1px solid var(--border)}.panel-block{border-bottom:1px solid var(--border)}.panel-heading{height:34px;color:var(--muted);text-transform:uppercase;justify-content:space-between;padding:0 10px;font-size:11px;font-weight:700}.panel-heading span{align-items:center;gap:7px;display:inline-flex}.dropzone{border:1px dashed var(--border-strong);min-height:96px;color:var(--muted);background:#202023;border-radius:7px;gap:6px;margin:0 10px 10px;padding:14px;display:grid}.dropzone strong{color:var(--text);font-size:12px}.dropzone span,.asset-row em,.layer-row em,.metric span,.section-copy span,.template span,.export-bar span,.upload-status span{color:var(--muted);font-style:normal}.asset-row,.layer-row{width:calc(100% - 20px);color:var(--text);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:9px;margin:0 10px 8px;padding:8px;display:flex}.asset-row.active,.layer-row.active{background:#3b82f624}.asset-row span,.layer-row span:not(.layer-icon){min-width:0;display:grid}.asset-row strong,.layer-row strong{font-size:12px;font-weight:650}.asset-row em,.layer-row em{margin-top:2px;font-size:11px}.layer-icon{width:22px;height:22px;color:var(--muted);background:#ffffff0f;border-radius:5px;flex:0 0 22px;place-items:center;display:grid}.compact-metrics{border-top:1px solid var(--border);border-bottom:0;gap:1px;margin-top:auto;display:grid}.metric{background:#ffffff06;justify-content:space-between;align-items:center;min-height:32px;padding:0 10px;display:flex}.metric strong{color:var(--text);font-weight:700}.canvas-column{background:var(--canvas);grid-template-rows:38px minmax(0,1fr) 44px 246px;min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--border);background:#202023;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.tool-group{gap:4px}.tool.active{color:#fff;background:#3b82f642}.zoom-readout{min-width:38px;color:var(--muted);text-align:center}.stage{background-color:#171718;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:0;padding:26px 34px 18px;display:grid;position:relative;overflow:hidden}.stage-meta{color:var(--muted);gap:12px;display:flex;position:absolute;top:10px;left:14px}.stage-meta span{align-items:center;gap:6px;display:inline-flex}.preview-frame{aspect-ratio:16/9;background:#050507;border-radius:4px;width:min(88%,177.7vh - 728.57px);max-width:960px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 18px 50px #00000073}@media (width<=1040px){.app-topbar{grid-template-columns:minmax(176px,auto) minmax(160px,1fr) minmax(180px,auto);gap:6px}.menu-label{display:none}.editor-body{grid-template-columns:216px minmax(0,1fr) 232px}.topbar-actions .mode-pill,.topbar-actions .bar-btn.labeled{display:none}.export-btn{padding:0 8px;font-size:11px}.canvas-column{grid-template-rows:38px minmax(0,1fr) 44px 236px}.preview-frame{width:92%}.caption-overlay{font-size:16px}.motion-card strong{font-size:18px}.timeline-row{grid-template-columns:92px minmax(0,1fr)}}.preview-media{z-index:0;object-fit:contain;background:#050507;width:100%;height:100%;position:absolute;inset:0}.audio-surface{z-index:2;color:var(--text);background-color:#111827;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-content:center;place-items:center;gap:14px;display:grid;position:absolute;inset:0}.audio-surface strong{text-overflow:ellipsis;white-space:nowrap;max-width:68%;font-size:16px;overflow:hidden}.canvas-guides{z-index:1;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:6%}.viewer-play{z-index:5;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008a;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-play:hover{background:#3b82f6c7}.motion-card{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141418b8;border:1px solid #3b82f6cc;border-radius:4px;gap:4px;min-width:180px;max-width:44%;padding:12px;display:grid;position:absolute;top:7%;left:7%}.motion-card span{color:#93c5fd;text-transform:uppercase;font-size:10px}.motion-card strong{font-size:22px;line-height:1}.caption-overlay{z-index:3;color:#fff;text-align:center;text-shadow:0 2px 18px #000c;-webkit-line-clamp:6;-webkit-box-orient:vertical;max-height:60%;font-size:20px;font-weight:800;line-height:1.05;display:-webkit-box;position:absolute;bottom:7%;left:8%;right:8%;overflow:hidden}.transport{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#202023;grid-template-columns:34px 76px minmax(0,1fr) 76px;gap:10px;padding:0 12px;display:grid}.timecode{color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.scrub-input{width:100%;accent-color:var(--accent)}.timeline{background:#1f1f21;grid-template-rows:34px minmax(0,1fr);min-width:0;min-height:0;display:grid}.timeline-head{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:0 10px;font-weight:700}.timeline-head span{align-items:center;gap:7px;display:inline-flex}.timeline-body{min-height:0;overflow:auto}.timeline-row{border-bottom:1px solid #ffffff13;grid-template-columns:118px minmax(0,1fr);min-height:48px;display:grid}.timeline-label{border-right:1px solid var(--border);color:var(--muted);background:#242426;align-items:center;gap:8px;padding:0 10px;display:flex}.timeline-lane{min-width:0;position:relative;overflow:hidden}.lane-content{align-items:center;gap:6px;min-height:48px;padding:7px 10px;display:flex}.playhead{z-index:6;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #000000b3}.playhead:before{content:"";background:var(--accent);border-radius:2px;width:11px;height:11px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.clip-block{color:#fff;text-align:left;background:color-mix(in srgb, var(--clip-color) 72%, #111 28%);border-radius:5px;align-items:center;gap:7px;min-width:74px;height:32px;padding:0 9px;display:flex;overflow:hidden}.clip-block.video{--clip-color:var(--track-video)}.clip-block.audio{--clip-color:var(--track-audio)}.clip-block.motion{--clip-color:var(--track-motion)}.clip-block.caption{--clip-color:var(--track-caption)}.clip-block.selected{box-shadow:inset 0 0 0 2px #fff}.clip-block span{color:#ffffffb8;flex:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.clip-block strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.inspector-heading{border-bottom:1px solid var(--border)}.inspector-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.inspector-tabs button{height:40px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:5px;display:inline-flex}.inspector-tabs button.active{color:#bfdbfe;box-shadow:inset 0 -2px 0 var(--accent)}.field,.section-copy,.template-list{margin:12px}.field{color:var(--muted);gap:7px;display:grid}.field select{border:1px solid var(--border);background:var(--panel-2);width:100%;height:32px;color:var(--text);border-radius:5px;padding:0 9px}.section-copy{border:1px solid var(--border);background:#ffffff09;border-radius:6px;gap:7px;padding:10px;display:grid}.section-copy p{color:var(--text);margin:0;font-size:12px;line-height:1.42}.template-list{gap:8px;display:grid}.template{border:1px solid var(--border);color:var(--text);text-align:left;background:0 0;border-radius:6px;gap:5px;padding:10px;display:grid}.template.active{background:#3b82f61f;border-color:#3b82f6b8}.template strong{font-size:12px}.template span{font-size:11px;line-height:1.35}.error{z-index:20;color:#fff7ed;background:#451a03eb;border:1px solid #f59e0b80;border-radius:6px;max-width:560px;padding:9px 12px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.status-dock{z-index:30;pointer-events:none;gap:8px;width:min(620px,100vw - 28px);display:grid;position:fixed;bottom:14px;right:14px}.upload-status,.export-bar{border:1px solid var(--border-strong);pointer-events:auto;background:#252527f5;border-radius:7px;grid-template-columns:minmax(160px,280px) minmax(0,1fr) auto;gap:12px;min-height:48px;padding:10px 12px;display:grid;box-shadow:0 12px 30px #00000052}.upload-status>div:first-child,.export-bar>div:first-child{gap:3px;min-width:0;display:grid}.upload-status strong,.export-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress{background:#ffffff1f;border-radius:999px;height:5px;overflow:hidden}.progress div{background:linear-gradient(90deg, var(--accent), var(--green));height:100%}.download{color:#fff;background:var(--accent);border-radius:5px;align-items:center;gap:7px;height:30px;padding:0 10px;text-decoration:none;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}