:root{color:#edf0f7;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:1180px;min-height:100%;margin:0}body{background:#080a0f}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at top,#161b28 0,#090b10 38%,#07090d 100%);grid-template-rows:56px minmax(430px,1fr) 330px 30px;min-height:100vh;display:grid}.topbar{background:#0c0f16f5;border-bottom:1px solid #252a36;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand-block{align-items:center;gap:9px;min-width:0;display:flex}.brand-block>strong{letter-spacing:.08em;white-space:nowrap;font-size:13px}.badge{color:#fff;background:#6757ff;border-radius:999px;padding:3px 7px;font-size:10px}.project-name{color:#cbd2df;background:0 0;border:1px solid #0000;border-radius:6px;width:220px;margin-left:10px;padding:6px 8px}.project-name:hover,.project-name:focus{background:#11151e;border-color:#343a49;outline:none}.top-actions{gap:7px;display:flex}button,select,input[type=number]{background:#1b202b;border:1px solid #343a49;border-radius:7px;padding:8px 11px}button{cursor:pointer}button:hover:not(:disabled){background:#252c3a;border-color:#485063}button:disabled{cursor:not-allowed;opacity:.4}button.export{background:#6757ff;border-color:#7c70ff;font-weight:750}button.export:hover:not(:disabled),.ai-button:hover:not(:disabled){background:#7567ff}button.ghost{background:0 0}button.danger{color:#ff9ba7;background:#2c171c;border-color:#5e2933;width:100%;margin-top:12px}kbd{color:#8f98aa;background:#11151c;border:1px solid #454c5d;border-radius:4px;margin-left:5px;padding:1px 4px;font-size:9px}.workspace{grid-template-columns:248px minmax(560px,1fr) 300px;min-height:0;display:grid}.panel{background:#0d1017f5;padding:14px;overflow:auto}.media-panel{border-right:1px solid #252a36}.inspector-panel{border-left:1px solid #252a36}.panel-title{text-transform:uppercase;letter-spacing:.12em;color:#8f98aa;margin-bottom:10px;font-size:10px;font-weight:750}.panel-divider{background:#272d39;height:1px;margin:16px 0}.muted-note{color:#6f788b;margin-top:12px;font-size:11px;line-height:1.45}.upload-card{text-align:center;background:#11151e;border:1px dashed #3a4253;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:136px;display:flex}.upload-card:hover{background:#151925!important;border-color:#776bff!important}.upload-card small{color:#7e8799;padding:0 14px;font-size:10px}.upload-icon{background:#252b39;border-radius:50%;place-items:center;width:34px;height:34px;font-size:23px;display:grid}.asset-card{background:#151922;border:1px solid #2b3140;border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding:9px;display:grid}.asset-card.active{border-color:#4b4e75}.asset-thumb{background:linear-gradient(135deg,#30385a,#222838);border-radius:6px;place-items:center;height:42px;display:grid}.asset-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.asset-card small{color:#8790a1;margin-top:3px;font-size:9px;display:block}.mini-stats{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mini-stats div{background:#11151d;border:1px solid #252c38;border-radius:8px;padding:9px}.mini-stats span{color:#747e91;text-transform:uppercase;letter-spacing:.07em;font-size:9px;display:block}.mini-stats strong{margin-top:4px;font-size:14px;display:block}.editor-column{grid-template-rows:44px 1fr 54px;min-width:0;display:grid}.preview-toolbar{color:#a1a9b8;background:#0e1118;border-bottom:1px solid #252a36;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;display:flex}.toolbar-row{align-items:center;gap:8px;display:flex}.toolbar-row select{color:#ccd2de;padding:5px 8px;font-size:10px}.aspect-switcher{gap:5px;display:flex}.aspect-switcher button{background:0 0;padding:5px 8px;font-size:10px}.aspect-switcher button.active{color:#fff;background:#34304f;border-color:#665cff}.preview-area{background:#05070a;place-items:center;min-height:0;padding:18px;display:grid;overflow:hidden}.frame{background:#000;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 45px #0000007a}.frame.wide{aspect-ratio:16/9;width:min(78%,920px)}.frame.vertical{aspect-ratio:9/16;height:min(94%,610px)}.frame.square{aspect-ratio:1;height:min(88%,550px)}.video-stage{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.video-stage video{background:#000;width:100%;height:100%;display:block}.overlay-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.preview-text{text-align:center;text-shadow:0 2px 8px #000000d9;white-space:pre-wrap;width:90%;font-weight:800;line-height:1.04;position:absolute;left:50%;transform:translate(-50%,-50%)}.caption-preview{text-align:center;color:#fff;max-width:86%;font-weight:750;line-height:1.14;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.caption-preview.clean{background:#000000ad;border-radius:.35em;padding:.35em .55em}.caption-preview.bold,.caption-preview.karaoke{text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 3px 9px #000;font-weight:900}.caption-preview.karaoke{color:#fff3a8}.empty-preview{color:#626c7e;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-preview strong{color:#9aa3b5}.empty-preview span{font-size:11px}.play-mark{opacity:.7;font-size:25px}.transport{color:#a5adbc;background:#0d1017;border-top:1px solid #252a36;grid-template-columns:40px 42px 40px 76px 1fr 76px;align-items:center;gap:8px;padding:0 12px;font-size:10px;display:grid}.transport button{padding:7px 4px;font-size:10px}.transport .play-button{background:#242a36;font-size:13px}.transport input{accent-color:#7668ff;width:100%}.ai-card{background:linear-gradient(145deg,#171629,#11151e);border:1px solid #34314b;border-radius:10px;padding:13px}.ai-card .spark{color:#a395ff;font-size:22px}.ai-card strong{margin:5px 0;display:block}.ai-card p{color:#9099aa;margin-bottom:0;font-size:11px;line-height:1.5}.inspector-panel textarea{resize:vertical;color:#fff;background:#0d1118;border:1px solid #303646;border-radius:8px;width:100%;min-height:92px;padding:9px}.ai-prompt{margin-top:10px}.ai-button{background:#5f53ed;border-color:#7569ff;width:100%;margin-top:7px}.ai-response{color:#b7c0ce;background:#111720;border:1px solid #2a3341;border-radius:8px;margin-top:8px;padding:9px;font-size:10px;line-height:1.5}.full-select,.secondary-wide{width:100%;margin-top:7px}.full-select{color:#d8deea}.secondary-wide{background:#171c26}.field-label{color:#8b95a8;margin-bottom:5px;font-size:10px;display:block}.two-fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.two-fields label span,.range-field span,.color-field span{color:#8b95a8;margin-bottom:5px;font-size:9px;display:block}.two-fields input{color:#edf0f7;width:100%;padding:7px}.range-field,.color-field{margin-top:11px;display:block}.range-field input{accent-color:#6d60ff;width:100%}.color-field{justify-content:space-between;align-items:center;display:flex}.color-field span{margin:0}.color-field input{background:0 0;border:0;width:44px;height:30px}.timeline-section{background:#0b0e14;border-top:1px solid #2a303d;min-height:0}.timeline-header{border-bottom:1px solid #252a36;justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex}.timeline-left{align-items:center;gap:12px;display:flex}.timeline-left strong{letter-spacing:.1em;text-transform:uppercase;font-size:10px}.timeline-left span{color:#737d90;font-size:9px}.timeline-tools{gap:6px;display:flex}.timeline-tools button{padding:6px 8px;font-size:10px}.timeline-body{grid-template-columns:86px minmax(0,1fr);height:calc(100% - 44px);display:grid}.track-labels{background:#0e1118;border-right:1px solid #252a36;padding-top:25px}.track-labels div{color:#7d8799;border-bottom:1px solid #202531;height:61px;padding:11px 9px;font-size:9px}.tracks{position:relative;overflow:hidden}.ruler{color:#636d7f;background-image:linear-gradient(90deg,#0000 99%,#252a36 100%);background-size:10% 100%;border-bottom:1px solid #242a36;justify-content:space-between;align-items:center;height:25px;padding:0 8px;font-size:8px;display:flex}.track{background-image:linear-gradient(90deg,#0000 99.5%,#ffffff09 100%);background-size:5% 100%;border-bottom:1px solid #202531;height:61px;position:relative;overflow:hidden}.clip-track{padding:7px 5px}.clip-row{gap:1px;width:100%;height:100%;display:flex}.clip{white-space:nowrap;text-overflow:ellipsis;text-align:left;border-style:solid;border-width:1px;border-radius:4px;min-width:4px;height:100%;padding:7px;font-size:9px;overflow:hidden}button.clip{border-radius:4px}.video-clip{background:linear-gradient(90deg,#3e478d,#2e3568);border-color:#5966b6}.video-clip.selected{outline-offset:-2px;outline:2px solid #a99fff}.audio-clip{color:#a9e4da;background:linear-gradient(90deg,#245c55,#1d4943);border-color:#398274}.overlay-track{overflow:hidden}.timeline-overlay{text-overflow:ellipsis;white-space:nowrap;text-align:left;border-radius:4px;min-width:7px;height:46px;padding:6px;font-size:8px;position:absolute;top:7px;overflow:hidden}.text-block{background:#67442b;border-color:#a06b40}.caption-block{background:#4a355b;border-color:#75528f}.timeline-overlay.selected{outline-offset:-2px;outline:2px solid #e5dcff}.playhead{z-index:20;pointer-events:none;background:#ff5b72;width:1px;position:absolute;top:19px;bottom:0}.playhead:before{content:"";background:#ff5b72;border-radius:2px 2px 5px 5px;width:9px;height:7px;position:absolute;top:0;left:-4px}.statusbar{color:#7e8798;background:#090c11;border-top:1px solid #212631;align-items:center;gap:7px;min-width:0;padding:0 10px;font-size:9px;display:flex}.status-dot{background:#61c99c;border-radius:50%;flex:none;width:6px;height:6px}.progress-shell{background:#242a35;border-radius:99px;width:160px;height:4px;margin-left:5px;overflow:hidden}.progress-shell>div{background:#7768ff;height:100%;transition:width .2s}.shortcut-hint{white-space:nowrap;color:#596274;margin-left:auto}@media (max-height:820px){.app-shell{grid-template-rows:56px minmax(350px,1fr) 280px 30px}.track-labels div,.track{height:49px}.timeline-overlay{height:36px}}.caption-auto-note{color:#717b8e;margin-top:6px;font-size:9px;line-height:1.35}.compact-range{margin-top:9px}.subtitle-style-editor{border-top:1px solid #252c38;margin-top:12px;padding-top:11px}.ai-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-title-row strong{margin:5px 0}.connection-pill{color:#8992a3;white-space:nowrap;background:#151a23;border:1px solid #3c4353;border-radius:999px;padding:3px 6px;font-size:8px}.connection-pill.online{color:#8ce6bc;background:#2d6b502e;border-color:#2d6b50}.connection-pill.offline{color:#ff9aa9;background:#70404a2e;border-color:#70404a}