*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f8f9fa;--surface2: #e9ecef;--accent: #e94560;--accent2: #dee2e6;--text: #212529;--text-dim: #6c757d;--border: #dee2e6;--take-active: #2d6a4f;--take-muted: #e9ecef;--comp-lane: #1b4332;--grid-line: #dee2e6;--toolbar-h: 48px;--transport-h: 44px}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.toolbar{height:var(--toolbar-h);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.toolbar span{margin-left:auto;font-size:13px;color:var(--text-dim)}.toolbar button{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap;flex-shrink:0}.toolbar button:hover{background:var(--accent);color:#fff}.toolbar .divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.main-area{flex:1;display:flex;overflow:hidden;min-height:0}.sidebar{width:140px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.sidebar h3{padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.sidebar ul{list-style:none}.sidebar li{padding:8px 12px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar li:hover{background:var(--surface2)}.timeline-area{flex:1;overflow:auto;position:relative;min-height:0}.transport{position:sticky;bottom:0;z-index:100;height:var(--transport-h);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--surface);border-top:1px solid var(--border)}.transport button{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.transport .time-display{font-family:monospace;font-size:13px;color:var(--accent);min-width:80px}