:root{--bg-base:#151515;--bg-surface:#1c1c1c;--bg-panel:#262626eb;--bg-panel-solid:#242424;--bg-input:#2e2e2e;--bg-hover:#ffffff0b;--border-color:#ffffff0f;--border-color-strong:#ffffff1f;--border-color-glow:#ffffff08;--accent-cyan:#b8a066;--accent-purple:#8a8db8;--accent-emerald:#7a9c7a;--accent-pink:#c97b7b;--accent-orange:#c78d4a;--accent-yellow:#c4a85a;--accent-cyan-dim:#b8a0661f;--accent-purple-dim:#8a8db81a;--accent-emerald-dim:#7a9c7a1a;--text-primary:#e0e0e0;--text-secondary:#909090;--text-muted:#5a5a5a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--glow-cyan:none;--glow-purple:none;--glow-emerald:none;--transition-fast:80ms ease;--transition-normal:.12s ease}[data-theme=light]{--bg-base:#e8e8e8;--bg-surface:#f2f2f2;--bg-panel:#ffffffeb;--bg-panel-solid:#f7f7f7;--bg-input:#dadada;--bg-hover:#0000000a;--border-color:#00000012;--border-color-strong:#00000024;--border-color-glow:#00000008;--accent-cyan:#8a6d3b;--accent-purple:#5c5f8a;--accent-emerald:#4a6b4a;--accent-pink:#a85a5a;--accent-orange:#9c6b32;--accent-yellow:#8f7a3a;--accent-cyan-dim:#8a6d3b1a;--accent-purple-dim:#5c5f8a1a;--accent-emerald-dim:#4a6b4a1a;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#888;--glow-cyan:none;--glow-purple:none;--glow-emerald:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:6px}.glass-panel-interactive{transition:all var(--transition-normal)}.glass-panel-interactive:hover{border-color:var(--border-color-strong);background:var(--bg-hover)}.glow-text-cyan{color:var(--accent-cyan);text-shadow:var(--glow-cyan)}.glow-text-purple{color:var(--accent-purple);text-shadow:var(--glow-purple)}.glow-text-emerald{color:var(--accent-emerald);text-shadow:var(--glow-emerald)}.glow-border-cyan{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.glow-border-purple{border-color:var(--accent-purple);box-shadow:var(--glow-purple)}.daw-grid{grid-template-rows:auto 1fr auto;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.main-section{border-bottom:1px solid var(--border-color);grid-template-columns:1fr;min-height:0;display:grid;overflow:hidden}.upper-area{grid-template-columns:1fr 340px;min-height:0;display:grid;overflow:hidden}.timeline-wrapper{border-right:1px solid var(--border-color);min-width:0;overflow:hidden}.chat-wrapper{background:var(--bg-surface);min-width:0;overflow:hidden}.bottom-dock{background:var(--bg-surface);border-top:1px solid var(--border-color);flex-direction:column;min-height:0;display:flex;overflow:hidden}.timeline-mixer-container{grid-template-rows:1fr minmax(170px,32%);min-height:0;display:grid;overflow:hidden}.bottom-tabs-panel{border-top:1px solid var(--border-color);background:var(--bg-surface);grid-template-columns:110px 1fr;min-height:0;display:grid;overflow:hidden}@media (width<=1200px),(height<=720px){.upper-area{grid-template-columns:1fr 280px}}@media (width<=1024px){.upper-area{grid-template-columns:1fr}.chat-wrapper{display:none}}.daw-slider{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:4px}.daw-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;width:12px;height:12px;box-shadow:var(--glow-cyan);transition:background var(--transition-fast);border-radius:50%}.daw-slider::-webkit-slider-thumb:hover{background:var(--text-primary)}@keyframes meter-fall{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.lcd-display{font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border-color);color:var(--accent-emerald);text-shadow:none;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:.85rem}[data-theme=dark] .lcd-display{text-shadow:none}.code-payload{font-family:var(--font-mono);background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:8px;font-size:.75rem;overflow-x:auto}.btn-action{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.btn-action:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color-strong)}.btn-action.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:none}.btn-action.active:hover{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.btn-action:disabled{opacity:.4;cursor:not-allowed}.text-mono{font-family:var(--font-mono)}.menu-item-dropdown{transition:background var(--transition-fast), color var(--transition-fast)}.menu-item-dropdown:hover{background:var(--accent-cyan-dim)!important;color:var(--accent-cyan)!important}.dock-container{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:flex;overflow:hidden}.dock-panel{background:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;min-width:180px;max-width:60vw;display:flex;overflow:hidden}.dock-panel:last-child{border-right:none}.dock-panel-header{background:var(--bg-panel-solid);border-bottom:1px solid var(--border-color);cursor:grab;justify-content:space-between;align-items:center;height:28px;padding:0 10px;display:flex}.dock-panel-header:active{cursor:grabbing}.dock-panel-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.dock-panel-content{flex:1;min-height:0;overflow:hidden}.dock-divider{cursor:col-resize;z-index:5;background:0 0;flex-shrink:0;width:5px;position:relative}.dock-divider:after{content:"";background:var(--border-color);width:1px;position:absolute;top:0;bottom:0;left:2px}.dock-divider:hover:after{background:var(--accent-cyan);box-shadow:none}.dock-placeholder{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:.8rem;font-style:italic;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes session-pulse{0%,to{box-shadow:0 0 #b8a06600}50%{box-shadow:0 0 0 2px #b8a0668c}}.session-cell-queued{animation:.5s ease-in-out infinite session-pulse}