:root{--bg:#07080b;--panel:#0e1117;--panel2:#151a22;--line:#252c38;--text:#f5f7fb;--muted:#8e98aa;--accent:#c9ff3d;--accent2:#8b7cff;--danger:#ff5964;--shadow:0 24px 70px rgba(0,0,0,.38);--r:14px}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);overflow:hidden}body{background:radial-gradient(circle at 70% 0%,color-mix(in srgb,var(--accent2) 8%,transparent),transparent 32%),var(--bg)}button,input,textarea,select{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer;transition:transform .16s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.shell{height:100%;display:grid;grid-template-rows:58px 1fr}.top{display:flex;align-items:center;gap:9px;padding:8px 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:9px;min-width:220px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:11px;filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--accent2) 20%,transparent))}.brand b{display:block;font-size:15px;letter-spacing:-.2px}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.topspacer{flex:1}.top button,.tool,.pillbtn,.iconBtn{border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 88%,transparent);border-radius:10px;padding:8px 11px;font-size:11px}.top button:hover,.tool:hover,.pillbtn:hover,.iconBtn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--panel2) 100%,transparent);box-shadow:0 7px 24px rgba(0,0,0,.18)}.aiBtn{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),color-mix(in srgb,var(--accent2) 13%,var(--panel)))!important;font-weight:800}.exportTop,.primary{background:var(--accent)!important;color:#0b0d08!important;border-color:transparent!important;font-weight:850}.account{min-width:90px}.body{min-height:0;display:grid;grid-template-columns:72px 1fr}.nav{border-right:1px solid var(--line);background:var(--panel);padding:7px 6px;display:flex;flex-direction:column;gap:4px;overflow:auto}.nav button{height:56px;border-radius:12px;color:var(--muted);font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav button span{font-size:18px;line-height:18px}.nav button em{font-style:normal}.nav button.active,.nav button:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 11%,var(--panel2)),color-mix(in srgb,var(--accent2) 10%,var(--panel2)));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent))}.main{min-width:0;min-height:0;display:grid;grid-template-rows:48px 1fr 255px}.toolbar{display:flex;align-items:center;gap:6px;padding:6px 9px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);overflow:auto}.tool{padding:7px 9px;white-space:nowrap;font-size:10px}.danger{background:color-mix(in srgb,var(--danger) 11%,var(--panel2))!important;border-color:color-mix(in srgb,var(--danger) 30%,var(--line))!important;color:#ffadb4}.status{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}.workspace{min-height:0;display:grid;grid-template-columns:260px minmax(380px,1fr) 305px;background:var(--bg)}.left,.right{min-height:0;overflow:auto;background:var(--panel);border-right:1px solid var(--line);scrollbar-width:thin}.right{border-right:0;border-left:1px solid var(--line)}.panel,.inspector{padding:12px}.panelTitle,.inspectorHero{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panelTitle h3,.inspectorHero b{font-size:12px;margin:0}.panelTitle span,.inspectorHero span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.mini{border:1px solid var(--line);border-radius:8px;padding:5px 7px;color:var(--muted);font-size:10px}.search{width:100%;background:color-mix(in srgb,var(--bg) 80%,var(--panel));border:1px solid var(--line);border-radius:10px;padding:9px 10px;color:var(--text);outline:none;margin-bottom:10px}.search:focus,input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.groupLabel{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:13px 3px 5px}.feature{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 8px;border-radius:8px;font-size:10px;color:#c5ccd8}.feature:hover{background:var(--panel2);color:var(--text)}.feature .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 65%,transparent)}.feature span{flex:1}.feature small{font-size:7px;color:var(--accent2)}.center{min-width:0;min-height:0;display:grid;grid-template-rows:1fr 48px}.preview{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--panel2) 80%,transparent),transparent 55%),var(--bg);isolation:isolate}.preview.drag{outline:2px dashed var(--accent);outline-offset:-10px}.ambient{position:absolute;border-radius:50%;filter:blur(50px);opacity:.13;pointer-events:none;animation:float 9s ease-in-out infinite alternate}.a1{width:260px;height:260px;background:var(--accent2);left:8%;top:5%}.a2{width:220px;height:220px;background:var(--accent);right:10%;bottom:0;animation-delay:-4s}@keyframes float{to{transform:translate3d(25px,-18px,0) scale(1.1)}}.empty{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--muted);text-align:center;animation:rise .45s ease both}.empty strong{font-size:17px;color:var(--text);letter-spacing:-.3px}.empty span{font-size:10px}.emptyLogo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:26px;color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--panel2)),color-mix(in srgb,var(--accent2) 12%,var(--panel2)));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 18px 55px rgba(0,0,0,.25)}.emptyActions{display:flex;gap:7px;margin-top:3px}.stage{position:relative;width:min(92%,900px);height:min(90%,calc(100% - 20px));aspect-ratio:16/9;background:#020305;box-shadow:var(--shadow);overflow:hidden;border-radius:12px;border:1px solid #252a34;animation:stageIn .32s ease both}.stage video{width:100%;height:100%;display:block;object-fit:contain;background:#050609}.stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stageBadge{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:6px;background:#0008;border:1px solid #fff2;font-size:8px;color:#fff8;letter-spacing:.08em}.transport{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid var(--line);background:var(--panel)}.transport button{width:32px;height:32px;border:1px solid var(--line);background:var(--panel2);border-radius:9px}.transport button:hover{border-color:var(--accent);color:var(--accent)}.transport input{flex:1;accent-color:var(--accent)}.time{font:10px ui-monospace,monospace;color:#b9c0cb;min-width:68px}.timeline{min-height:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 95%,var(--panel));overflow:auto;position:relative;scrollbar-width:thin}.timelineHead{height:35px;min-width:1000px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;position:sticky;top:0;z-index:6;background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(10px)}.timelineHead b{color:var(--text);margin-right:6px}.timelineHead .sub{font-size:8px}.track{position:relative;min-width:1000px;height:52px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:linear-gradient(180deg,transparent,#ffffff01)}.trackLabel{position:absolute;left:0;top:0;width:90px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:var(--panel);border-right:1px solid var(--line);z-index:2;font-size:9px;color:var(--muted)}.trackLabel b{color:#c8ced8;font-weight:600}.trackContent{position:absolute;left:90px;right:0;height:100%;background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 80%,transparent) 1px,transparent 1px);background-size:60px 100%}.clip{position:absolute;top:6px;height:40px;border:1px solid #46505f;border-radius:8px;background:linear-gradient(135deg,#202735,#151922);padding:5px 7px;overflow:hidden;white-space:nowrap;font-size:9px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0003}.clip i{width:4px;height:100%;border-radius:5px;background:var(--accent2);flex:none}.clip span{overflow:hidden;text-overflow:ellipsis}.clip small{margin-left:auto;color:#aeb6c3;font-size:7px}.clip.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 7px 20px #0005}.clip.audio{background:linear-gradient(135deg,#252031,#17131e)}.clip.audio i{background:#d57cff}.clip.text{background:linear-gradient(135deg,#28351d,#161d12)}.clip.text i{background:var(--accent)}.playhead{position:absolute;top:35px;bottom:0;width:1px;background:#ff5663;z-index:5;pointer-events:none;box-shadow:0 0 9px #ff5663}.playhead:before{content:'';position:absolute;top:-4px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff5663}.marker{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);opacity:.7}.marker:before{content:'◆';position:absolute;top:2px;left:-3px;font-size:7px;color:var(--accent)}.inspectorHero{padding-bottom:10px;border-bottom:1px solid var(--line)}.emptyPanel{padding:18px 4px;color:var(--muted);font-size:10px;line-height:1.6}.engine{display:grid;gap:7px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:10px}.engine b{font-size:10px;margin-bottom:2px}.engine span{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.engine i{font-style:normal;color:#d78a90}.engine i.ok{color:var(--accent)}.engine i.ok:before{content:'● ';font-size:7px}.wideBtn{width:100%;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:10px}.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;background:var(--bg);padding:3px;border-radius:9px}.seg button{padding:7px 3px;border-radius:7px;color:var(--muted);font-size:9px}.seg button.active{background:var(--panel2);color:var(--text);box-shadow:0 1px 7px #0003}.control{margin:8px 0}.control label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:5px}.control input,.control select,.control textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:8px;outline:none}.control input[type=range]{padding:0}.control input[type=color]{height:32px;padding:3px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.subhead{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:13px 0 6px}.chiprow{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:6px 7px;border:1px solid var(--line);border-radius:7px;font-size:8px;color:#b7beca}.chip.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.presetBtn{width:100%;display:flex;justify-content:space-between;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:9px}.kfList{display:grid;gap:4px;margin:5px 0 8px}.kfList div{display:flex;justify-content:space-between;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);font-size:8px}.compact{width:120px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px;font-size:9px}.presetGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.look{min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:9px;display:flex;align-items:center;gap:7px;padding:8px;text-align:left}.look:hover,.look.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel2))}.effectSwatch,.transIcon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#111;font-size:10px}.aiPanel,.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000b;z-index:30;backdrop-filter:blur(10px)}.aiPanel.open,.modal.open{display:flex}.aiBox,.dialog{width:min(640px,92vw);max-height:88vh;overflow:auto;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid color-mix(in srgb,var(--accent2) 15%,var(--line));border-radius:20px;box-shadow:0 30px 100px #0008;padding:17px;animation:pop .24s ease both}.dialog.large{width:min(760px,94vw)}.aiHead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.aiHead strong{font-size:15px}.aiHead small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.aiHead .pill{font-size:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent);padding:4px 6px;border-radius:20px;margin-left:5px}.aiHead button:last-child{margin-left:auto;font-size:20px;color:var(--muted)}.aiOrb{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;font-weight:900}.aiBox textarea{min-height:110px;resize:vertical}.aiResult{margin-top:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:10px;white-space:pre-wrap;max-height:220px;overflow:auto;color:#cbd2dd}.suggestions{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.suggestions button{font-size:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.suggestions button:hover{color:var(--text);border-color:var(--accent)}.themeGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.themeCard{border:1px solid var(--line);border-radius:12px;padding:8px;text-align:left;background:var(--panel2)}.themeCard i{display:block;height:55px;border-radius:8px;background:radial-gradient(circle at 80% 20%,var(--d),transparent 45%),linear-gradient(135deg,var(--c),#111 75%);margin-bottom:8px}.themeCard b{display:block;font-size:10px}.themeCard small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.themeCard.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.templateGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.templateCard{border:1px solid var(--line);background:var(--panel2);border-radius:12px;overflow:hidden;text-align:left}.templateCard:hover{transform:translateY(-2px);border-color:var(--accent)}.templateCard b,.templateCard small{display:block;padding:0 8px}.templateCard b{font-size:9px;margin-top:7px}.templateCard small{font-size:7px;color:var(--muted);padding-bottom:8px;margin-top:3px}.thumb{height:90px;display:grid;place-items:center;font-size:28px;color:#fff}.t0{background:linear-gradient(135deg,#171c32,#8b7cff)}.t1{background:linear-gradient(135deg,#093d48,#5fffd1)}.t2{background:linear-gradient(135deg,#33200c,#ffb21c)}.t3{background:linear-gradient(135deg,#391126,#ff5d9a)}.t4{background:linear-gradient(135deg,#111,#6978ff)}.t5{background:linear-gradient(135deg,#182d19,#c9ff3d)}.commandList{display:grid;gap:4px}.commandList button{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid transparent;border-radius:9px;text-align:left;font-size:10px}.commandList button:hover{background:var(--panel2);border-color:var(--line)}.commandList kbd{font:8px ui-monospace;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 5px}.modal .dialog{width:min(420px,92vw)}.toast{position:fixed;bottom:18px;right:18px;background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));padding:10px 13px;border-radius:11px;z-index:50;font-size:10px;box-shadow:var(--shadow);display:flex;align-items:center;gap:7px;animation:toastIn .22s ease both}.toast span{color:var(--accent);font-size:8px}.toast.out{animation:toastOut .35s ease both}.hidden{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes stageIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.97) translateY(7px)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(300px,1fr) 260px}.brand{min-width:180px}.nav{width:64px}.body{grid-template-columns:64px 1fr}.themeGrid{grid-template-columns:repeat(3,1fr)}.templateGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.body{display:block}.nav{position:absolute;z-index:15;bottom:8px;left:8px;right:8px;width:auto;height:58px;flex-direction:row;border:1px solid var(--line);border-radius:15px;overflow:auto;backdrop-filter:blur(15px);box-shadow:0 15px 50px #0007}.nav button{min-width:60px;height:48px}.main{height:calc(100vh - 58px)}.workspace{grid-template-columns:1fr;grid-template-rows:1fr 220px}.left,.right{display:none}.main{grid-template-rows:48px 1fr 220px}.brand{min-width:0}.brand div{display:none}.top{padding-left:8px}.topspacer{min-width:5px}.toolbar .tool:nth-of-type(n+4):nth-of-type(-n+8){display:none}.themeGrid{grid-template-columns:repeat(2,1fr)}.templateGrid{grid-template-columns:repeat(2,1fr)}}