.assistant-panel{position:fixed;z-index:50;right:12px;bottom:12px;width:min(380px,calc(100vw - 24px));height:min(520px,calc(100dvh - 80px));display:grid;grid-template-rows:36px minmax(0,1fr) auto;background:#1c1c22;color:#e6e6ee;border:1px solid #111;box-shadow:0 18px 50px #00000073;font:12px/1.4 Segoe UI,system-ui,sans-serif}.assistant-panel header,.assistant-panel form{display:flex;align-items:center;gap:8px;padding:0 8px;background:#2a2a32}.assistant-panel header span{color:#9a9aa8;margin-right:auto}.assistant-panel header button,.assistant-panel form button{background:#333;color:inherit;border:1px solid #111;height:26px}.assistant-panel form button.listening{outline:1px solid #6d74ff}.assistant-log{overflow:auto;padding:10px;display:grid;gap:8px;align-content:start}.assistant-line{background:#26262e;padding:8px}.assistant-line.user{background:#2c3358}.assistant-line p{margin:0 0 6px}.assistant-option,.assistant-apply{display:inline-block;margin:4px 6px 0 0;background:#333;color:inherit;border:1px solid #111;padding:4px 8px}.assistant-apply{background:#3d46c8}.assistant-panel input{flex:1;background:#14141a;color:inherit;border:1px solid #000;height:28px;padding:0 8px}@media(max-width:900px),(pointer:coarse)and (orientation:portrait){.assistant-panel{left:0;right:0;bottom:0;width:auto;height:min(70dvh,560px);padding-bottom:env(safe-area-inset-bottom)}}:root{color-scheme:dark;--bg: #16161c;--panel: #22222a;--header: #2c2c36;--line: #101014;--text: #d8d8e2;--muted: #8d8d9a;--select: #6d74ff;--font: "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--mono: ui-monospace, Menlo, Consolas, monospace;font-family:var(--font);font-size:12px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4}.sr{position:absolute;width:1px;height:1px;overflow:hidden}.app{height:100dvh;display:grid;grid-template-columns:var(--left, 260px) minmax(0,1fr) var(--right, 300px);grid-template-rows:calc(42px + env(safe-area-inset-top)) minmax(0,1fr) minmax(180px,38%);background:var(--bg)}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:0 10px;padding-top:env(safe-area-inset-top);background:#121218;border-bottom:1px solid var(--line)}.logo-mark{width:22px;height:22px;border-radius:4px}.wordmark{font-weight:650;letter-spacing:.04em}.wordmark em{font-style:normal;color:#c9c2ff}.comp-name,.meta,.save-state{color:var(--muted)}.spacer{flex:1}.btn{background:#2c2c34;border:1px solid #14141a;height:26px;padding:0 8px;border-radius:2px}.btn.primary{background:#3d46c8;border-color:#2c348f;color:#fff}.btn.tiny{height:22px}.btn.icon{width:28px;padding:0;display:inline-grid;place-items:center}.btn.active{outline:1px solid var(--select)}.btn svg,.watch svg{width:14px;height:14px}.workspace{display:flex;align-items:center;gap:6px;color:var(--muted)}.workspace select,.num{background:#14141a;border:1px solid #000;height:22px}.dock{min-width:0;min-height:0;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid var(--line)}.dock.right{border-right:0;border-left:1px solid var(--line)}.dock.bottom{grid-column:1 / -1;border-top:1px solid var(--line);border-right:0}.tabs{display:flex;background:var(--header);border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;padding:6px 10px;color:var(--muted)}.tabs button.active{color:#fff;box-shadow:inset 0 -2px 0 var(--select)}.dock-body,.pane{min-height:0;overflow:auto}.pane{padding:8px;display:grid;gap:4px;align-content:start}.kicker{margin:8px 0 2px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.row,.name-row{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:transparent;border:0;padding:5px 6px}.row.selected,.name-row.selected{background:#2c3358}.empty{color:var(--muted);margin:8px}.row-actions,.file-grid{display:flex;flex-wrap:wrap;gap:6px}.prop,.slider,.effect header{display:flex;align-items:center;gap:4px}.prop{flex-wrap:wrap;padding:3px 0}.num{width:64px}.mini,.twirl,.watch{width:18px;height:18px;padding:0;background:#2a2a32;border:1px solid #111;color:var(--text)}.watch.on{color:#9aa4ff;border-color:#3d46c8}.slider{display:grid;grid-template-columns:78px 1fr 42px;gap:6px;padding:3px 0}.slider em{font-style:normal;color:var(--muted);text-align:right}.viewer{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 36px;background:#0c0c10}.screen{position:relative;min-height:0;display:grid;place-items:center}.screen canvas{max-width:100%;max-height:100%;background:#000}.screen canvas[hidden]{display:none}.transport{display:flex;align-items:center;gap:6px;padding:0 8px;background:#1c1c24;border-top:1px solid #111}.timecode{font-family:var(--mono);background:#111;border:1px solid #000;min-width:108px}.timeline{min-height:0;height:100%;display:grid;grid-template-rows:32px minmax(0,1fr)}.tl-toolbar{display:flex;align-items:center;gap:6px;padding:0 8px;background:var(--header)}.tl-grid{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr)}.tl-names,.tl-time{overflow:auto}.name-row{height:24px;border-bottom:1px solid #191920}.name-row i{width:8px;height:14px;display:block}.prop-row{padding-left:28px}.lane-stack{position:relative}.ruler{height:24px;background:#1a1a22;border-bottom:1px solid #111}.lane{height:24px;position:relative;border-bottom:1px solid #191920}.bar{position:absolute;top:4px;height:16px;border-radius:2px}.diamond{position:absolute;top:7px;width:9px;height:9px;margin-left:-5px;background:#c8c8d2;border:0;transform:rotate(45deg);padding:0}.diamond.on{background:#6d74ff}.diamond.eased{background:#e6d48a}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#f2f2f2;pointer-events:none}.tip-pop{position:fixed;transform:translate(-50%,-120%);background:#111;border:1px solid #333;padding:4px 6px;z-index:80;pointer-events:none;white-space:nowrap}.tip-pop kbd{margin-left:6px;color:var(--muted)}.mobile-bar{display:none}.sheet,.modal-back{position:fixed;z-index:40}.sheet{left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom));height:min(62dvh,520px);background:var(--panel);border-top:1px solid #444;overflow:auto}.modal-back{inset:0;background:#00000073;display:grid;place-items:center}.modal{background:#26262e;padding:16px;width:min(420px,calc(100% - 32px))}@media(max-width:900px),(pointer:coarse)and (orientation:portrait){.app{display:flex;flex-direction:column;height:100dvh}.dock.left,.dock.right,.topbar .workspace,.topbar .meta{display:none}.viewer{flex:1 1 auto;min-height:0;width:100%}.dock.bottom{flex:0 0 34%;width:100%}.mobile-bar{display:flex;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#14141a}.mobile-bar button{flex:1;background:transparent;border:0;color:var(--muted)}.mobile-bar button.active{color:#fff}.tl-grid{grid-template-columns:148px minmax(0,1fr)}}