:root{--bg-0: #07080c;--bg-1: #0d0f16;--bg-2: #141823;--panel: rgba(20, 24, 35, .72);--panel-solid: #11141d;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--text: #e8ecf4;--text-dim: #9aa3b6;--text-faint: #5b6477;--accent: #6ea8ff;--accent-2: #8b5cff;--estim: #ff3b4e;--vib: #54e0c7;--ok: #43d39e;--warn: #ffb454;--radius: 12px;--radius-sm: 8px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg-0);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:var(--text);background:#ffffff0a;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:7px 12px;font-size:12.5px;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}button:hover{background:#ffffff17;border-color:#ffffff38}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.08)}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover{color:var(--text);background:#ffffff0d}button.active{border-color:var(--accent);color:#fff;background:#6ea8ff24}button:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=number],select{font-family:inherit;color:var(--text);background:#00000059;border:1px solid var(--line-2);border-radius:6px;padding:6px 8px;font-size:12.5px;width:100%}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:34px;height:26px;padding:0;border:1px solid var(--line-2);border-radius:6px;background:none}label{font-size:11px;color:var(--text-dim);display:block;margin-bottom:4px;letter-spacing:.02em}.app{display:grid;grid-template-rows:52px 1fr 232px;height:100%;background:radial-gradient(1200px 600px at 70% -10%,rgba(139,92,255,.16),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(110,168,255,.12),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}.topbar{display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);background:#080a0f99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em}.brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--estim),var(--accent-2));box-shadow:0 0 12px var(--estim)}.brand small{font-weight:500;color:var(--text-dim);letter-spacing:.16em;font-size:10px;text-transform:uppercase}.topbar .spacer{flex:1}.seg{display:inline-flex;background:#0000004d;border:1px solid var(--line);border-radius:9px;padding:3px;gap:3px}.seg button{border:none;background:transparent;padding:5px 12px;border-radius:6px;color:var(--text-dim)}.seg button.active{background:#6ea8ff29;color:#fff}.main{display:grid;grid-template-columns:286px 1fr 326px;overflow:hidden}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--line);overflow-y:auto;padding:14px}.panel.right{border-right:none;border-left:1px solid var(--line)}.stage{position:relative;overflow:hidden}.splitter{background:transparent;z-index:6;transition:background .12s}.splitter.x{cursor:col-resize;height:100%}.splitter.y{cursor:row-resize;width:100%;grid-column:1 / -1}.splitter:hover,.splitter:active{background:#6ea8ff59}.split{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.split-pane{flex:1;height:100%;position:relative;overflow:hidden}.split-pane+.split-pane{border-left:1px solid var(--line-2)}.pane-label{position:absolute;top:12px;left:12px;z-index:5;pointer-events:none}.section{margin-bottom:18px}.section h3{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);margin:0 0 10px;font-weight:600}.row{display:flex;gap:8px;align-items:center}.row+.row{margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field{margin-bottom:10px}.val{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.hint{font-size:11px;color:var(--text-faint);line-height:1.5}.card{background:#ffffff06;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px}.card+.card{margin-top:8px}.list-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;font-size:12.5px}.list-item:hover{background:#ffffff0d}.list-item.sel{background:#6ea8ff1f;border-color:#6ea8ff66}.swatch{width:11px;height:11px;border-radius:3px;flex:none}.tag{font-size:9.5px;padding:2px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.tag.vib{background:#54e0c729;color:var(--vib)}.tag.estim{background:#ff3b4e29;color:var(--estim)}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.flat-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:28px}.flat-svg{background:linear-gradient(160deg,#12151d,#0b0d13);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 30px 80px #00000080}.flat-node{cursor:grab}.flat-node:active{cursor:grabbing}.timeline{grid-column:1 / -1;border-top:1px solid var(--line);background:#080a0f8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column}.transport{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line)}.transport .time{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12.5px;min-width:96px}.tl-body{flex:1;display:grid;grid-template-columns:130px 1fr;overflow:hidden}.tl-labels{overflow-y:auto;border-right:1px solid var(--line)}.tl-tracks{position:relative;overflow:auto}.tl-row{height:26px;display:flex;align-items:center;padding:0 10px;font-size:11.5px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.03);white-space:nowrap}.tl-canvas-row{height:26px;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.tl-event{position:absolute;top:4px;height:18px;border-radius:5px;cursor:pointer;font-size:9.5px;color:#fff;display:flex;align-items:center;padding:0 5px;overflow:hidden;opacity:.92}.tl-event:hover{outline:1px solid #fff}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--estim);box-shadow:0 0 10px var(--estim);pointer-events:none;z-index:5}.panel.right.ai-mode{display:flex;flex-direction:column;padding:0;overflow:hidden}.ai-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2}.ai-tabs button{flex:1;border:1px solid var(--line);background:#ffffff08}.ai-tabs button.active{border-color:var(--accent);color:#fff;background:#6ea8ff24}.ai-chat{display:flex;flex-direction:column;flex:1;min-height:0}.ai-head{padding:12px 14px 0}.ai-log{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ai-empty{display:flex;flex-direction:column;gap:8px}.ai-suggest{text-align:left;font-size:12px;color:var(--text-dim);line-height:1.4}.ai-suggest:hover{color:var(--text)}.ai-msg{font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ai-msg.user{align-self:flex-end;max-width:90%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:8px 11px;border-radius:12px 12px 3px}.ai-msg.assistant{align-self:flex-start;max-width:95%;background:#ffffff0d;border:1px solid var(--line);padding:8px 11px;border-radius:12px 12px 12px 3px}.ai-tool{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.ai-input{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);align-items:flex-end}.ai-input textarea{flex:1;font-family:inherit;font-size:12.5px;color:var(--text);background:#00000059;border:1px solid var(--line-2);border-radius:8px;padding:8px;resize:none}.divider{height:1px;background:var(--line);margin:14px 0}.kbd{font-size:10px;color:var(--text-faint);background:#ffffff0d;border:1px solid var(--line);padding:1px 5px;border-radius:4px}.badge{font-size:10px;padding:3px 8px;border-radius:20px;border:1px solid var(--line-2);color:var(--text-dim)}.badge.ok{color:var(--ok);border-color:#43d39e66}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px}::-webkit-scrollbar-track{background:transparent}