:root{--bg:#090c11;--panel:#11161e;--panel2:#171e28;--line:#293241;--text:#e8eef7;--muted:#8e9aae;--accent:#00df9a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;overflow:hidden}button,select,input{font:inherit}header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 78px;background:#0c1118;border-bottom:1px solid var(--line);-webkit-app-region:drag}.brand,.toolbar,#status{display:flex;align-items:center;gap:9px}.logo{color:var(--accent);font-size:21px}.brand small{background:var(--accent);color:#001b12;padding:2px 6px;border-radius:5px;font-weight:800}.toolbar{gap:7px;-webkit-app-region:no-drag}button{border:1px solid var(--line);background:#18202b;color:var(--text);padding:8px 11px;border-radius:7px;cursor:pointer}button:hover{background:#222d3b}.primary{background:var(--accent);color:#002017;border-color:transparent;font-weight:800}#status{color:var(--muted);font-size:12px}main{display:grid;grid-template-columns:240px 1fr 255px;height:calc(100vh - 54px)}aside{background:var(--panel);padding:14px;border-right:1px solid var(--line);overflow:auto}.right{border-right:0;border-left:1px solid var(--line)}h3{font-size:11px;letter-spacing:1.4px;color:var(--muted);margin:8px 0 10px}#dropZone{height:112px;border:1px dashed #3b485a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}#dropZone b{color:var(--text)}.media-item{margin-top:10px;background:var(--panel2);padding:9px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effects{display:grid;grid-template-columns:1fr 1fr;gap:7px}.effect-card{height:62px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#18212c,#10151d);display:flex;align-items:flex-end;padding:7px;cursor:pointer}.effect-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.center{display:grid;grid-template-rows:minmax(300px,1fr) 48px 250px;min-width:0}.viewer{position:relative;background:#030507;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer canvas,.viewer video{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto}.viewer video{visibility:hidden}.viewer canvas{background:#05070a}#empty{display:flex;flex-direction:column;text-align:center;gap:8px;color:var(--muted);font-size:16px}#empty b{color:var(--text);font-size:25px}.transport{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#111720;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.transport button{padding:5px 9px}.transport #scrub{flex:1}.timeline{position:relative;background:#0d1219;overflow:hidden}.timeline-head{height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--line)}.timeline-head input{width:110px}.ruler{height:28px;margin-left:68px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 49px,#263141 50px)}.track{height:62px;display:flex;border-bottom:1px solid #202836}.track-name{width:68px;padding:20px 14px;background:#121822;border-right:1px solid var(--line);color:var(--muted)}.clip,.fxclip{height:42px;margin:10px;border-radius:6px;padding:12px;width:70%;background:linear-gradient(90deg,#245b78,#1d3f57);overflow:hidden}.fxclip{background:linear-gradient(90deg,#116147,#0b3e30);width:55%}.playhead{position:absolute;top:34px;bottom:0;width:2px;background:#ff4d66;left:68px;pointer-events:none}.right label{display:flex;flex-direction:column;gap:7px;margin:11px 0;color:var(--muted)}.right input[type=range],.right select{width:100%}.right select{background:#18202a;color:var(--text);border:1px solid var(--line);padding:8px;border-radius:7px}.right label:has(input[type=checkbox]){flex-direction:row;align-items:center}.engine{display:flex;align-items:center;gap:8px;background:#17202a;padding:10px;border-radius:8px}#aiDot{width:9px;height:9px;border-radius:50%;background:#eab308}.ready #aiDot{background:var(--accent);box-shadow:0 0 9px var(--accent)}.log{height:100px;overflow:auto;background:#080b10;border:1px solid var(--line);border-radius:7px;padding:7px;color:#90a0b5;font:11px ui-monospace,monospace}hr{border:0;border-top:1px solid var(--line);margin:18px 0}input[type=range]{accent-color:var(--accent)}