:root{--bg-app: #1b1b1b;--bg-panel: #232323;--bg-panel-2: #2b2b2b;--bg-header: #383838;--bg-header-active: #454545;--bg-input: #1a1a1a;--bg-raised: #3c3c3c;--bg-hover: #4a4a4a;--border: #101010;--border-soft: #3a3a3a;--border-light: #555;--text: #e0e0e0;--text-dim: #a0a0a0;--text-mute: #6e6e6e;--accent: #1473e6;--accent-hover: #2a7fe8;--accent-dim: #0f5fc4;--selection: #5a9fd4;--track-video: #2f2f34;--track-audio: #2a2f2a;--ruler: #2d2d2d;--playhead: #2c9fd6;--danger: #d64545;--warn: #e0a458;--ok: #5c9e5c;--h-menubar: 26px;--h-panel-tab: 26px;--h-ruler: 26px;--font: "Segoe UI", "Adobe Clean", system-ui, -apple-system, sans-serif;--mono: "Consolas", "SF Mono", "Menlo", monospace;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;min-width:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-app);color:var(--text);font-family:var(--font);font-size:11px;line-height:1.4;-webkit-font-smoothing:antialiased;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:2px;padding:2px 4px}input:focus,select:focus{outline:1px solid var(--accent);outline-offset:-1px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:#4d4d4d;border:2px solid var(--bg-panel);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5e5e5e}::-webkit-scrollbar-corner{background:var(--bg-panel)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.panel{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;overflow:hidden;min-height:0;min-width:0}.panel-tabs{display:flex;align-items:stretch;height:var(--h-panel-tab);background:var(--bg-header);border-bottom:1px solid var(--border);flex:0 0 auto}.panel-tab{display:flex;align-items:center;gap:5px;padding:0 11px;font-size:11px;color:var(--text-dim);border-right:1px solid var(--border);white-space:nowrap;position:relative}.panel-tab:hover{color:var(--text)}.panel-tab.active{background:var(--bg-panel);color:var(--text)}.panel-tab.active:after{content:"";position:absolute;inset:0 0 -1px;border-bottom:1px solid var(--bg-panel)}.panel-body{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.panel-spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:2px;color:var(--text-dim)}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.active{background:var(--accent);color:#fff}.tool-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-dim);border-radius:2px}.tool-btn:hover{background:var(--bg-hover);color:var(--text)}.tool-btn.active{background:var(--accent);color:#fff}.field-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:6px;padding:2px 8px;min-height:20px}.field-label{color:var(--text-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrub{color:var(--selection);cursor:ew-resize;font-family:var(--mono);font-size:11px;border-bottom:1px dotted transparent}.scrub:hover{border-bottom-color:var(--selection)}.divider{height:1px;background:var(--border);margin:4px 0}.section-head{display:flex;align-items:center;gap:5px;padding:3px 6px;background:var(--bg-panel-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border);font-weight:600;color:var(--text);cursor:pointer}.app{display:flex;flex-direction:column;height:100%;gap:2px;padding:0 2px 2px}.row{display:flex;min-height:0;gap:2px}.col{display:flex;flex-direction:column;min-width:0;gap:2px}.splitter{flex:0 0 4px;background:transparent;position:relative;z-index:5}.splitter.v{cursor:col-resize}.splitter.h{cursor:row-resize;flex:0 0 4px}.splitter:hover{background:var(--accent)}.empty-hint{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-mute);font-size:11px;text-align:center;padding:12px}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:4px;box-shadow:0 12px 48px #0009;min-width:380px;max-width:90vw;max-height:88vh;display:flex;flex-direction:column}.modal-head{padding:8px 12px;background:var(--bg-header);border-bottom:1px solid var(--border);font-weight:600;font-size:12px}.modal-body{padding:12px;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.btn{padding:4px 14px;background:var(--bg-raised);border:1px solid var(--border-light);border-radius:12px;font-size:11px}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.ctx{position:fixed;z-index:2000;background:var(--bg-raised);border:1px solid var(--border-light);border-radius:3px;box-shadow:0 6px 24px #00000080;padding:3px 0;min-width:180px}.ctx-item{display:flex;justify-content:space-between;gap:24px;padding:4px 12px;font-size:11px;cursor:pointer;width:100%;text-align:left}.ctx-item:hover{background:var(--accent);color:#fff}.ctx-item.disabled{color:var(--text-mute);pointer-events:none}.ctx-sep{height:1px;background:var(--border);margin:3px 0}