:root{color-scheme:dark;--bg: #0a0a0a;--panel: #111;--border: #2a2a2a;--text: #e8e8e8;--muted: #8a8a8a;--accent: #e8e8e8}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}body{display:flex;flex-direction:column}.workspace{flex:1;min-height:0;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px;padding:0 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent)}.logo{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;font-size:13px;letter-spacing:-.02em}.logo span{color:var(--muted)}.header-actions{display:flex;gap:8px}.layout{flex:1;min-height:0;display:grid;grid-template-columns:1fr 280px}.stage{position:relative;min-width:0;display:grid;place-items:center;background:#000;overflow:hidden}.stage canvas{display:block;max-width:100%;max-height:100%}.drop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:14px;text-align:center;padding:24px;cursor:pointer}.drop.hidden{display:none}.drop.over{color:var(--text);background:color-mix(in srgb,white 4%,transparent)}.drop kbd{font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:12px;border:1px solid var(--border);padding:2px 6px;border-radius:4px}aside{border-left:1px solid var(--border);background:var(--panel);overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}label.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.field-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-row span{font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;color:var(--text);font-size:12px;text-transform:none;letter-spacing:0}input[type=range]{width:100%;accent-color:var(--text)}select,input[type=text]{width:100%;background:#0a0a0a;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font:13px ui-monospace,Menlo,Monaco,Consolas,monospace}.check{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--text);text-transform:none;letter-spacing:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#1a1a1a;color:var(--text);border-radius:6px;padding:8px 12px;font:13px ui-sans-serif,system-ui,sans-serif;cursor:pointer}button:hover:not(:disabled){background:#242424}button.primary{background:var(--text);color:#111;border-color:var(--text)}button.primary:hover:not(:disabled){background:#fff}button:disabled{opacity:.4;cursor:not-allowed}.row{display:flex;gap:8px}.row button{flex:1}.status{color:var(--muted);font-size:12px;font-family:ui-monospace,Menlo,Monaco,Consolas,monospace}progress{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#1a1a1a}progress::-webkit-progress-bar{background:#1a1a1a}progress::-webkit-progress-value{background:var(--text)}.hint{color:var(--muted);font-size:12px;line-height:1.5}.aside-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.clip-name{font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline{border-top:1px solid var(--border);background:var(--panel);padding:8px 12px 12px}.tl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.tl-toolbar .hint{margin:0}.tl-scroll{overflow-x:auto;overflow-y:hidden;height:72px;border:1px solid var(--border);border-radius:8px;background:#0a0a0a}.tl-inner{position:relative;display:block;min-width:100%;height:100%}.tl-track{display:flex;align-items:stretch;height:100%;min-width:100%;padding:8px;gap:0}.tl-clip{position:relative;flex:0 0 auto;min-width:48px;border:1px solid #333;border-radius:6px;background:#1c1c1c;padding:8px 10px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.tl-handle{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;z-index:1}.tl-handle-in{left:0}.tl-handle-out{right:0}.tl-handle:hover,.tl-clip.selected .tl-handle{background:color-mix(in srgb,white 22%,transparent)}.tl-clip span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-clip small{color:var(--muted);font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:10px}.tl-clip.selected{border-color:#c8c8c8;background:#2a2a2a}.tl-trans{flex:0 0 auto;width:36px;margin:10px 4px;border:1px dashed #444;border-radius:999px;background:transparent;color:var(--muted);font-size:9px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:0 4px}.tl-trans.selected{border-color:#c8c8c8;color:var(--text)}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;left:8px;z-index:2}.tl-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff}.watch{flex:1;min-height:0;display:grid;place-items:center;background:#000}.watch[hidden]{display:none}.watch canvas{max-width:100%;max-height:100%}body.watch-mode .workspace,body.watch-mode #editor-actions{display:none}@media(max-width:720px){.layout{grid-template-columns:1fr;grid-template-rows:1fr auto}aside{border-left:0;border-top:1px solid var(--border);max-height:38vh}.stage{min-height:28vh}.tl-toolbar .hint{display:none}}