:root{--bg-app:#0f1115;--bg-panel:#161920;--bg-surface:#1e222b;--bg-elevated:#2a2f3a;--bg-input:#121418;--accent-primary:#00a8ff;--accent-secondary:#9c27b0;--accent-tertiary:#ff9800;--color-success:#00e676;--color-warning:#ffea00;--color-error:#ff1744;--color-info:#2979ff;--color-record:#ff3d00;--text-primary:#fff;--text-secondary:#b0b3b8;--text-tertiary:#6e7175;--text-disabled:#4a4d52;--border-subtle:#2a2f3a;--border-strong:#3e4552;--border-focus:var(--accent-primary);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--glow-primary:0 0 10px #00a8ff4d;--glow-record:0 0 10px #ff3d0066;--header-height:48px;--transport-height:64px;--sidebar-width:280px;--mixer-height:300px;--z-background:0;--z-timeline:10;--z-panels:20;--z-header:30;--z-modals:50;--z-tooltip:60;--z-cursor:100;--z-overlay:2000}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-sm);line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border:2px solid var(--bg-app);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.flex-center{justify-content:center;align-items:center;display:flex}.full-size{width:100%;height:100%}.text-mono{font-family:var(--font-mono)}.text-accent{color:var(--accent-primary)}.bg-panel{background-color:var(--bg-panel)}@keyframes pulse-record{0%{box-shadow:0 0 #ff3d0066}70%{box-shadow:0 0 0 10px #ff3d0000}to{box-shadow:0 0 #ff3d0000}}.animate-record{animation:2s infinite pulse-record}@media (max-width:1024px) and (orientation:landscape){*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}html,body{overscroll-behavior:none;touch-action:manipulation}body{overscroll-behavior-y:contain}}