@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#1a1b23;--bg-secondary:#22232e;--bg-surface:#282a36;--bg-elevated:#2e3042;--bg-hover:#6c5ce714;--bg-active:#6c5ce71f;--bg-track-header:#1e1f2a;--bg-mixer-strip:#1c1d28;--bg-transport:#20212c;--bg-inspector:#1e1f28;--accent-primary:#7c6cf0;--accent-primary-hover:#8d7fff;--accent-primary-glow:#7c6cf040;--accent-primary-dim:#7c6cf01f;--accent-secondary:#00d4c8;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--color-record:#e84040;--color-record-glow:#e840404d;--color-solo:#e8c840;--color-mute:#e6a23c;--color-armed:#e84040;--color-peak-clip:#ff2020;--color-meter-green:#34d399;--color-meter-yellow:#fbbf24;--color-meter-red:#f87171;--text-primary:#e6e6f0;--text-secondary:#9898b0;--text-tertiary:#5c5c78;--text-accent:#b4acff;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 16px var(--accent-primary-glow);--shadow-inset:inset 0 1px 0 #ffffff08;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-3xs:9px;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:20px;--letter-spacing-wide:.05em;--line-height-tight:1.2;--transition-fast:.1s ease;--transition-normal:.18s ease;--transition-smooth:.28s cubic-bezier(.4, 0, .2, 1);--focus-ring:2px solid var(--accent-primary);--focus-ring-offset:2px;--topbar-height:40px;--transport-height:56px;--track-header-width:180px;--lcd-bg:#080910;--lcd-text:#4e8;--lcd-text-dim:#44ee8840;--lcd-border:#44ee8826;--lcd-glow:#44ee8814;--color-playback-active:#4e8;--color-loop-active:#7c6cf0;--color-arm-active:#e84040;--color-precount:#fbbf24;--z-base:1;--z-sticky:10;--z-transport:100;--z-sidebar:200;--z-overlay:900;--z-modal:1000;--z-toast:1100;--meter-segments:20;--meter-green:#34d399;--meter-yellow:#fbbf24;--meter-red:#f87171;--meter-bg:#ffffff0a;--track-btn-size:20px;--track-btn-height:18px;--track-btn-size-sm:16px;--track-btn-height-sm:14px;--track-btn-size-lg:24px;--track-btn-height-lg:22px;--track-btn-font:9px;--track-btn-font-sm:7px;--track-btn-font-lg:10px;--track-vol-width:40px;--track-vol-width-lg:48px;--track-vol-height:4px;--track-color-stripe-width:3px;--track-icon-size:22px;--track-icon-size-sm:16px;--track-icon-size-lg:24px;--bg-row-alt:#ffffff03;--bg-row-beat:#ffffff06;--fader-track-bg:#ffffff0a;--slider-track-bg:#ffffff14;--scrollbar-thumb:#ffffff14;--scrollbar-thumb-hover:#ffffff2e;--text-on-accent:#fff;--text-on-state:#1a1a1a;--text-on-state-light:#fff;--beat-dot-inactive:#ffffff0f;--insert-slot-bg:#ffffff05;--insert-slot-border:#ffffff0a;--insert-slot-hover-bg:#ffffff0a;--color-record-bg:#f871711a;--color-record-border:#f8717159;--color-editing-bg:#ff323214}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}::-webkit-scrollbar{width:3px;height:3px;transition:width var(--transition-normal), height var(--transition-normal)}::-webkit-scrollbar:hover{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:var(--focus-ring)!important;outline-offset:var(--focus-ring-offset)!important}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:none}button:active{transform:scale(.97)}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-xs) var(--space-sm);transition:border-color var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary)}input[type=range]{background:0 0;border:none;border-radius:0;padding:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.text-xs{font-size:var(--font-size-xs)}.text-2xs{font-size:var(--font-size-2xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-theme=midnight]{--bg-primary:#080818;--bg-secondary:#0c0c24;--bg-surface:#101030;--bg-elevated:#16163a;--bg-hover:#5064dc14;--bg-active:#5064dc1f;--bg-track-header:#0a0a20;--bg-mixer-strip:#090920;--bg-transport:#0e0e28;--bg-inspector:#0a0a1e;--accent-primary:#57e;--accent-primary-hover:#68f;--accent-primary-glow:#5577ee40;--accent-primary-dim:#5577ee1f;--accent-secondary:#00b8d4;--accent-success:#00e676;--accent-warning:#ffab40;--accent-danger:#ff5252;--text-primary:#c8d0e8;--text-secondary:#8090b0;--text-tertiary:#4a5578;--text-accent:#89d;--border-subtle:#6482c814;--border-default:#6482c824;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px #00001499;--shadow-md:0 4px 16px #00001499;--shadow-lg:0 8px 32px #000014b3;--shadow-glow:0 0 16px var(--accent-primary-glow);--shadow-inset:inset 0 1px 0 #648cff08;--lcd-bg:#060614;--lcd-text:#48f;--lcd-text-dim:#4488ff40;--lcd-border:#4488ff26;--lcd-glow:#4488ff14;--meter-green:#00e676;--meter-yellow:#ffab40;--meter-red:#ff5252;--meter-bg:#6482c80f;--color-record:#e84040;--color-record-glow:#e840404d;--color-solo:#e8c840;--color-mute:#e6a23c;--color-armed:#e84040;--color-peak-clip:#ff2020;--color-playback-active:#48f;--color-loop-active:#57e;--color-arm-active:#e84040;--color-precount:#ffab40;--bg-row-alt:#648cff04;--bg-row-beat:#648cff08;--fader-track-bg:#648cff0f;--slider-track-bg:#648cff1a;--scrollbar-thumb:#648cff1a;--scrollbar-thumb-hover:#648cff38;--text-on-accent:#fff;--text-on-state:#0a0a18;--text-on-state-light:#fff;--beat-dot-inactive:#648cff14;--insert-slot-bg:#648cff08;--insert-slot-border:#648cff0f;--insert-slot-hover-bg:#648cff0f;--color-record-bg:#ff52521a;--color-record-border:#ff525259;--color-editing-bg:#ff525214}[data-theme=light]{--bg-primary:#f5f5f8;--bg-secondary:#eaeaef;--bg-surface:#fff;--bg-elevated:#fff;--bg-hover:#6450c80f;--bg-active:#6450c81a;--bg-track-header:#e8e8ee;--bg-mixer-strip:#e5e5ec;--bg-transport:#ededf2;--bg-inspector:#e8e8ee;--accent-primary:#6750a4;--accent-primary-hover:#7c69b8;--accent-primary-glow:#6750a426;--accent-primary-dim:#6750a414;--accent-secondary:#008b8b;--accent-success:#2e7d32;--accent-warning:#e65100;--accent-danger:#c62828;--text-primary:#1c1b1f;--text-secondary:#49454f;--text-tertiary:#79747e;--text-accent:#6750a4;--border-subtle:#0000000f;--border-default:#0000001f;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 12px var(--accent-primary-glow);--shadow-inset:inset 0 1px 0 #fff9;--lcd-bg:#1a1a2e;--lcd-text:#6ea8fe;--lcd-text-dim:#6ea8fe40;--lcd-border:#6ea8fe33;--lcd-glow:#6ea8fe14;--meter-green:#2e7d32;--meter-yellow:#e65100;--meter-red:#c62828;--meter-bg:#0000000f;--color-record:#c62828;--color-record-glow:#c6282833;--color-solo:#c89b00;--color-mute:#bf6d00;--color-armed:#c62828;--color-peak-clip:#d32f2f;--color-meter-green:#2e7d32;--color-meter-yellow:#e65100;--color-meter-red:#c62828;--color-playback-active:#2e7d32;--color-loop-active:#6750a4;--color-arm-active:#c62828;--color-precount:#e65100;--bg-row-alt:#00000005;--bg-row-beat:#0000000a;--fader-track-bg:#00000014;--slider-track-bg:#0000001f;--scrollbar-thumb:#0000001f;--scrollbar-thumb-hover:#00000040;--text-on-accent:#fff;--text-on-state:#fff;--text-on-state-light:#fff;--beat-dot-inactive:#00000014;--insert-slot-bg:#00000008;--insert-slot-border:#0000000f;--insert-slot-hover-bg:#0000000f;--color-record-bg:#c6282814;--color-record-border:#c628284d;--color-editing-bg:#c628280f}[data-theme=synthwave]{--bg-primary:#1a1025;--bg-secondary:#221535;--bg-surface:#2a1a40;--bg-elevated:#33204d;--bg-hover:#ff64c814;--bg-active:#ff64c81f;--bg-track-header:#1e1230;--bg-mixer-strip:#1c1028;--bg-transport:#201432;--bg-inspector:#1e1228;--accent-primary:#ff6ec7;--accent-primary-hover:#ff8ad5;--accent-primary-glow:#ff6ec74d;--accent-primary-dim:#ff6ec71f;--accent-secondary:#00f5d4;--accent-success:#39ff14;--accent-warning:gold;--accent-danger:#f36;--text-primary:#f0e0ff;--text-secondary:#b090d0;--text-tertiary:#7a5a9a;--text-accent:#ff9de0;--border-subtle:#c864ff14;--border-default:#c864ff26;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px #0a001499;--shadow-md:0 4px 16px #0a001499;--shadow-lg:0 8px 32px #0a0014b3;--shadow-glow:0 0 20px var(--accent-primary-glow);--shadow-inset:inset 0 1px 0 #ff64c80a;--lcd-bg:#0e0618;--lcd-text:#ff6ec7;--lcd-text-dim:#ff6ec740;--lcd-border:#ff6ec733;--lcd-glow:#ff6ec71a;--meter-green:#39ff14;--meter-yellow:gold;--meter-red:#f36;--meter-bg:#c864ff0f;--color-record:#f36;--color-record-glow:#ff33664d;--color-solo:gold;--color-mute:#e6a23c;--color-armed:#f36;--color-peak-clip:#ff2050;--color-meter-green:#39ff14;--color-meter-yellow:gold;--color-meter-red:#f36;--color-playback-active:#00f5d4;--color-loop-active:#ff6ec7;--color-arm-active:#f36;--color-precount:gold;--bg-row-alt:#c864ff04;--bg-row-beat:#c864ff08;--fader-track-bg:#c864ff0f;--slider-track-bg:#c864ff1a;--scrollbar-thumb:#c864ff1a;--scrollbar-thumb-hover:#c864ff38;--text-on-accent:#fff;--text-on-state:#1a1025;--text-on-state-light:#fff;--beat-dot-inactive:#c864ff14;--insert-slot-bg:#c864ff08;--insert-slot-border:#c864ff0f;--insert-slot-hover-bg:#c864ff0f;--color-record-bg:#ff33661a;--color-record-border:#ff336659;--color-editing-bg:#ff336614}[data-theme=hacker]{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-surface:#161616;--bg-elevated:#1c1c1c;--bg-hover:#00ff410f;--bg-active:#00ff411a;--bg-track-header:#0e0e0e;--bg-mixer-strip:#0c0c0c;--bg-transport:#121212;--bg-inspector:#0e0e0e;--accent-primary:#00ff41;--accent-primary-hover:#3f6;--accent-primary-glow:#00ff4133;--accent-primary-dim:#00ff4114;--accent-secondary:#0cf;--accent-success:#00ff41;--accent-warning:#fc0;--accent-danger:#f33;--text-primary:#00ff41;--text-secondary:#0c3;--text-tertiary:#082;--text-accent:#6f8;--border-subtle:#00ff410f;--border-default:#00ff411f;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px #000c;--shadow-md:0 4px 16px #000c;--shadow-lg:0 8px 32px #000000e6;--shadow-glow:0 0 16px var(--accent-primary-glow);--shadow-inset:inset 0 1px 0 #00ff4108;--lcd-bg:#050505;--lcd-text:#00ff41;--lcd-text-dim:#00ff4140;--lcd-border:#00ff4126;--lcd-glow:#00ff411a;--meter-green:#00ff41;--meter-yellow:#fc0;--meter-red:#f33;--meter-bg:#00ff410a;--color-record:#f33;--color-record-glow:#ff33334d;--color-solo:#fc0;--color-mute:#c80;--color-armed:#f33;--color-peak-clip:#ff2020;--color-meter-green:#00ff41;--color-meter-yellow:#fc0;--color-meter-red:#f33;--color-playback-active:#00ff41;--color-loop-active:#00ff41;--color-arm-active:#f33;--color-precount:#fc0;--bg-row-alt:#00ff4103;--bg-row-beat:#00ff4106;--fader-track-bg:#00ff410d;--slider-track-bg:#00ff4114;--scrollbar-thumb:#00ff4114;--scrollbar-thumb-hover:#00ff412e;--text-on-accent:#0a0a0a;--text-on-state:#0a0a0a;--text-on-state-light:#fff;--beat-dot-inactive:#00ff410f;--insert-slot-bg:#00ff4105;--insert-slot-border:#00ff410a;--insert-slot-hover-bg:#00ff410d;--color-record-bg:#ff33331a;--color-record-border:#ff333359;--color-editing-bg:#ff333314}.dialog-backdrop{z-index:25000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;animation:.12s ease-out dialog-fade-in;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-secondary,#1a1a1a);color:var(--text-primary,#f0f0f0);border:1px solid var(--border-default,#303030);border-radius:8px;outline:none;flex-direction:column;max-width:90vw;max-height:90vh;animation:.14s cubic-bezier(.2,.9,.3,1) dialog-pop-in;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.dialog--sm{width:360px}.dialog--md{width:480px}.dialog--lg{width:720px}.dialog__header{border-bottom:1px solid var(--border-default,#303030);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.dialog__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.dialog__close{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:inline-flex}.dialog__close:hover{background:var(--bg-hover,#2a2a2a);color:var(--text-primary)}.dialog__description{color:var(--text-secondary,#a0a0a0);margin:0;padding:.75rem 1rem 0;font-size:.85rem;line-height:1.5}.dialog__body{padding:.75rem 1rem 1rem;font-size:.875rem;line-height:1.5;overflow:auto}.dialog__footer{border-top:1px solid var(--border-default,#303030);background:var(--bg-tertiary,#0003);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dialog__btn{background:var(--bg-tertiary,#2a2a2a);color:var(--text-primary,#f0f0f0);border:1px solid var(--border-default,#404040);cursor:pointer;border-radius:4px;padding:.4rem .85rem;font-size:.85rem;transition:background-color .12s,border-color .12s}.dialog__btn:hover{background:var(--bg-hover,#353535)}.dialog__btn--primary{background:var(--accent-primary,#5b8cff);color:#fff;border-color:var(--accent-primary,#5b8cff)}.dialog__btn--primary:hover{filter:brightness(1.1)}.dialog__btn--danger{background:var(--accent-danger,#e85a5a);color:#fff;border-color:var(--accent-danger,#e85a5a)}.dialog__btn--danger:hover{filter:brightness(1.1)}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.dialog-backdrop,.dialog{animation:none}}.toast-container{z-index:25000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--bg-primary,#0f0f1a);font-family:var(--font-mono,monospace);color:var(--text-primary,#e0e0e0);pointer-events:all;border-left:4px solid;border-radius:8px;align-items:center;gap:8px;min-width:250px;max-width:400px;padding:10px 16px;font-size:12px;animation:.3s toast-in;display:flex;box-shadow:0 4px 24px #0006}.toast__action{border:1px solid var(--border-color,#444);color:var(--text-primary,#e0e0e0);font:inherit;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:4px 10px}.toast__action:hover,.toast__action:focus-visible{background:var(--bg-hover,#ffffff14);outline:var(--focus-ring,2px solid #6c5ce7);outline-offset:2px}@media (prefers-reduced-motion:reduce){.toast,.toast--exit{animation:none!important}}.toast--exit{animation:.3s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.toast--success{border-left-color:#00b894}.toast--error{border-left-color:#e74c3c}.toast--warning{border-left-color:#fdcb6e}.toast--info{border-left-color:#6c5ce7}.toast__icon{flex-shrink:0;font-size:14px}.toast__message{flex:1;line-height:1.4}.toast__close{color:var(--text-tertiary,#555);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:12px}.toast__close:hover{color:var(--text-primary,#ccc)}.dropdown{display:inline-flex;position:relative}.dropdown__trigger{border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.dropdown__trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.dropdown__menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:1000;padding:4px;position:absolute;top:calc(100% + 4px);left:0}.dropdown__menu--scrollable{max-height:400px;overflow-y:auto}.dropdown__menu--right{left:auto;right:0}.dropdown__separator{background:var(--border-subtle);height:1px;margin:4px 0}.dropdown__item{border-radius:var(--radius-xs);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 10px;display:flex}.dropdown__item:hover,.dropdown__item--active{background:var(--bg-hover)}.dropdown__item-icon{width:16px;color:var(--text-secondary);align-items:center;display:flex}.dropdown__item-label{flex:1}.dropdown__item-shortcut{font-size:var(--font-size-2xs);color:var(--text-tertiary);font-family:var(--font-mono)}.dropdown__item-wrapper{position:relative}.dropdown__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown__item--checked .dropdown__item-label{font-weight:600}.dropdown__item-check{color:var(--accent,#6c5ce7);font-size:var(--font-size-xs);margin-left:4px}.dropdown__item-chevron{color:var(--text-tertiary);font-size:var(--font-size-2xs);margin-left:4px}.dropdown__item-swatch{border:1px solid #ffffff26;border-radius:3px;flex-shrink:0;width:14px;height:14px}.dropdown__submenu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px;max-height:360px;box-shadow:var(--shadow-lg);z-index:10000;padding:4px;position:absolute;top:-4px;left:calc(100% + 2px);overflow-y:auto}.theme-selector{position:relative}.theme-selector__trigger{align-items:center;gap:4px;display:flex}.theme-selector__dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:1000;animation:.15s theme-dropdown-in;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}@keyframes theme-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-selector__header{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-weight:600}.theme-selector__item{cursor:pointer;width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.theme-selector__item:hover{background:var(--bg-hover)}.theme-selector__item--active{background:var(--accent-primary-dim)}.theme-selector__icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.theme-selector__info{flex-direction:column;flex:1;min-width:0;display:flex}.theme-selector__name{color:var(--text-primary);font-weight:500}.theme-selector__desc{font-size:var(--font-size-2xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.theme-selector__check{color:var(--accent-primary);flex-shrink:0;font-weight:700}.lang-selector-compact{display:inline-flex;position:relative}.lang-selector-compact__trigger{align-items:center;gap:6px;display:flex}.lang-selector-compact__label{font-size:var(--font-size-sm);color:var(--text-primary)}.lang-selector-compact__chevron{color:var(--text-tertiary);font-size:10px;line-height:1}.lang-selector-compact__dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:220px;max-height:360px;box-shadow:var(--shadow-lg);z-index:1000;margin:0;padding:4px 0;list-style:none;animation:.15s lang-dropdown-in;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}@keyframes lang-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-selector-compact__item{cursor:pointer;width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.lang-selector-compact__item:hover,.lang-selector-compact__item:focus-visible{background:var(--bg-hover);outline:none}.lang-selector-compact__item--active{background:var(--accent-primary-dim)}.lang-selector-compact__native{flex:none;font-weight:500}.lang-selector-compact__english{font-size:var(--font-size-2xs);color:var(--text-tertiary);margin-left:auto}.lang-selector-compact__check{color:var(--accent-primary);flex-shrink:0;margin-left:4px;font-weight:700}.topbar{height:var(--topbar-height);padding:0 var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-inset);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-left,.topbar-right{align-items:center;gap:var(--space-md);min-width:140px;display:flex}.topbar-right{justify-content:flex-end}.topbar-center{flex:1;justify-content:center;align-items:center;display:flex}.logo{-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.logo-icon{color:var(--accent-primary);filter:drop-shadow(0 0 6px var(--accent-primary-glow));font-size:16px}.logo-text{font-size:var(--font-size-lg);letter-spacing:-.3px;color:var(--text-primary);font-weight:600}.logo-accent{color:var(--accent-primary);font-weight:700}.project-name-input{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;border-radius:var(--radius-xs);min-width:140px;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-mono);background:0 0;border:1px solid #0000;padding:3px 8px}.project-name-input:hover{color:var(--text-primary);border-color:var(--border-subtle)}.project-name-input:focus{color:var(--text-primary);border-color:var(--accent-primary);background:var(--bg-elevated);outline:none}.status-indicator{align-items:center;gap:6px;display:flex}.status-dot{background:var(--text-tertiary);width:6px;height:6px;transition:all var(--transition-normal);border-radius:50%}.status-dot.active{background:var(--accent-success);box-shadow:0 0 6px var(--accent-primary-glow)}.topbar-menu{margin-left:var(--space-sm);align-items:center;gap:2px;display:flex}.topbar-menu-btn{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);border-radius:var(--radius-xs);padding:3px 8px;font-weight:500}.topbar-menu-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.topbar-zone-toggles{background:var(--bg-surface);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px;display:flex}.zone-toggle{border-radius:var(--radius-xs);width:28px;height:22px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.zone-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.zone-toggle--active{color:var(--accent-primary);background:var(--accent-primary-dim)}.zone-toggle--active:hover{background:var(--accent-primary-dim)}.topbar-separator{background:var(--border-subtle);flex-shrink:0;width:1px;height:18px}.track-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);align-items:center;gap:5px;min-width:0;padding:5px 6px 5px 0;display:flex;position:relative;overflow:hidden}.track-item:hover{background:var(--bg-hover)}.track-item--active{background:var(--bg-active)}.track-item--active:before{content:"";background:var(--accent-primary);width:2px;box-shadow:0 0 6px var(--accent-primary-glow);position:absolute;top:0;bottom:0;left:0}.track-item--muted{opacity:.4}.track-item__drag{color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity var(--transition-fast);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-left:4px;font-size:10px;line-height:1}.track-item:hover .track-item__drag{opacity:.6}.track-item__drag:active{cursor:grabbing}.track-item[draggable]:global(.dragging){opacity:.4}.track-item__color{width:var(--track-color-stripe-width);border-radius:2px;flex-shrink:0;height:100%;min-height:22px}.track-item__type-icon{width:var(--track-icon-size);height:var(--track-icon-size);border-radius:var(--radius-xs);opacity:.75;transition:opacity var(--transition-fast);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-item:hover .track-item__type-icon,.track-item--active .track-item__type-icon{opacity:1}.track-item__info{flex:1;min-width:0}.track-item__name{font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.track-item__name-input{width:100%;font-size:var(--font-size-xs);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:2px;outline:none;padding:1px 4px;font-family:inherit;font-weight:500}.track-item__controls{flex-shrink:0;gap:2px;display:flex}.track-ctrl-btn{width:var(--track-btn-size);height:var(--track-btn-height);font-size:var(--track-btn-font);font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-xs);color:var(--text-tertiary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.track-ctrl-btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-hover)}.track-ctrl-btn--danger{background:#f871711a;color:var(--accent-danger)!important;border-color:#f8717166!important}.track-ctrl-btn--accent{background:#fbbf241a;color:var(--accent-warning)!important;border-color:#fbbf2466!important}.track-ctrl-btn--delete{opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);font-size:12px;font-weight:400}.track-item:hover .track-ctrl-btn--delete{opacity:1}.track-ctrl-btn--delete:hover{color:var(--accent-danger)!important;border-color:#f8717166!important}.track-item__volume{width:var(--track-vol-width-lg);height:var(--track-vol-height);appearance:none;cursor:pointer;background:#ffffff14;border-radius:2px;outline:none;flex-shrink:0}.track-item__volume::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;width:10px;height:10px;transition:transform var(--transition-fast);border-radius:50%}.track-item__volume::-webkit-slider-thumb:hover{transform:scale(1.2)}.track-item__volume::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.preset-library{flex-direction:column;height:100%;display:flex;overflow:hidden}.preset-search{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.preset-search__input{width:100%;height:24px;font-size:var(--font-size-xs);font-family:var(--font-mono);padding:0 var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-primary)}.preset-search__input::placeholder{color:var(--text-tertiary)}.preset-search__input:focus{border-color:var(--accent-primary);outline:none}.preset-categories{flex:1;overflow-y:auto}.preset-category{border-bottom:1px solid var(--border-subtle)}.preset-category__header{align-items:center;gap:var(--space-sm);width:100%;padding:6px var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;display:flex}.preset-category__header:hover{background:var(--bg-hover);color:var(--text-primary)}.preset-category__header--expanded{background:var(--bg-elevated)}.preset-category__icon{opacity:.6;text-align:center;width:16px;font-size:11px}.preset-category__name{flex:1;font-weight:600}.preset-category__count{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-primary);border-radius:var(--radius-full);padding:1px 5px}.preset-category__arrow{color:var(--text-tertiary);text-align:center;width:12px;font-size:9px}.preset-list{padding:2px 0}.preset-item{width:100%;padding:4px var(--space-sm) 4px calc(var(--space-sm) + 16px + var(--space-sm));font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:left;transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.preset-item:hover{background:var(--bg-hover);color:var(--text-primary)}.preset-item__name{font-family:var(--font-mono);font-size:var(--font-size-2xs);flex:1}.preset-item__insert{border-radius:var(--radius-xs);width:16px;height:16px;color:var(--accent-primary);opacity:0;transition:opacity var(--transition-fast);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.preset-item:hover .preset-item__insert{opacity:1}.preset-empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-xs);font-family:var(--font-mono)}.recipe-help-text{font-size:var(--font-size-2xs);color:var(--text-tertiary);padding:4px var(--space-sm);border-bottom:1px solid var(--border-subtle);font-style:italic;line-height:1.4}.recipe-item{padding:5px var(--space-sm) 5px calc(var(--space-sm) + 16px + var(--space-sm));align-items:flex-start}.recipe-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.recipe-name{font-size:var(--font-size-xs);font-family:var(--font-sans,var(--font-mono));color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.recipe-description{font-size:var(--font-size-2xs);color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.recipe-item:hover .recipe-name{color:var(--text-primary)}.recipe-item:hover .recipe-description{color:var(--text-secondary)}.api-ref{flex-direction:column;height:100%;display:flex;overflow:hidden}.api-ref__search{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.api-ref__search input{width:100%;height:24px;font-size:var(--font-size-xs);font-family:var(--font-mono);padding:0 var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-primary)}.api-ref__search input:focus{border-color:var(--accent-primary);outline:none}.api-ref__search input::placeholder{color:var(--text-tertiary)}.api-ref__list{flex:1;overflow-y:auto}.api-ref__category{border-bottom:1px solid var(--border-subtle)}.api-ref__cat-header{align-items:center;gap:var(--space-xs);width:100%;padding:5px var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:left;display:flex}.api-ref__cat-header:hover{background:var(--bg-hover)}.api-ref__cat-header--open{background:var(--bg-elevated)}.api-ref__cat-icon{text-align:center;width:14px;font-size:10px}.api-ref__cat-name{font-weight:600;font-family:var(--font-mono);flex:1}.api-ref__cat-count{color:var(--text-tertiary);background:var(--bg-primary);border-radius:var(--radius-full);padding:1px 4px;font-size:9px}.api-ref__cat-arrow{color:var(--text-tertiary);font-size:9px}.api-ref__functions{padding:2px 0}.api-ref__fn{padding:4px var(--space-sm) 4px calc(var(--space-sm) + 14px + var(--space-xs));border-top:1px solid #ffffff05}.api-ref__fn-header{align-items:baseline;gap:var(--space-xs);margin-bottom:1px;display:flex}.api-ref__fn-name{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--accent-primary);font-weight:700}.api-ref__fn-sig{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary)}.api-ref__fn-desc{color:var(--text-tertiary);margin-bottom:2px;font-size:9px}.api-ref__fn-insert{align-items:center;gap:var(--space-xs);text-align:left;border-radius:var(--radius-xs);width:100%;transition:all var(--transition-fast);padding:2px 4px;display:flex}.api-ref__fn-insert code{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.api-ref__fn-insert:hover{background:var(--bg-hover)}.api-ref__fn-insert:hover code{color:var(--text-secondary)}.api-ref__fn-plus{color:var(--accent-primary);opacity:0;transition:opacity var(--transition-fast);font-size:10px;font-weight:700}.api-ref__fn-insert:hover .api-ref__fn-plus{opacity:1}.api-ref__empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-xs);font-family:var(--font-mono)}.sample-explorer{flex-direction:column;height:100%;display:flex;overflow:hidden}.sample-explorer__search{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sample-explorer__search input{width:100%;height:24px;font-size:var(--font-size-xs);font-family:var(--font-mono);padding:0 var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-primary)}.sample-explorer__search input:focus{border-color:var(--accent-primary);outline:none}.sample-explorer__search input::placeholder{color:var(--text-tertiary)}.sample-explorer__list{flex:1;overflow-y:auto}.sample-explorer__cat-label{padding:4px var(--space-sm);font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);background:var(--bg-primary);font-weight:700}.sample-explorer__bank{border-bottom:1px solid #ffffff05}.sample-explorer__bank-header{align-items:center;gap:var(--space-xs);width:100%;padding:4px var(--space-sm);text-align:left;display:flex}.sample-explorer__bank-header:hover{background:var(--bg-hover)}.sample-explorer__bank-header--open{background:var(--bg-elevated)}.sample-explorer__bank-name{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-weight:600}.sample-explorer__bank-desc{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9px;overflow:hidden}.sample-explorer__bank-arrow{color:var(--text-tertiary);font-size:9px}.sample-explorer__samples{padding:4px var(--space-sm) 6px;background:var(--bg-primary)}.sample-explorer__usage{text-align:left;border-radius:var(--radius-xs);background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;margin-bottom:4px;padding:3px 6px;display:block}.sample-explorer__usage code{font-size:9px;font-family:var(--font-mono);color:var(--accent-primary)}.sample-explorer__usage:hover{border-color:var(--accent-primary)}.sample-explorer__sample-grid{flex-wrap:wrap;gap:2px;margin-bottom:4px;display:flex}.sample-explorer__sample{font-size:9px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:2px 5px}.sample-explorer__sample:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.sample-explorer__link{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);text-decoration:none}.sample-explorer__link:hover{color:var(--accent-secondary)}.sample-explorer__sample-row{align-items:center;gap:2px;display:flex}.sample-explorer__preview{border:1px solid var(--border-subtle);width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:8px;display:flex}.sample-explorer__preview:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.sample-explorer__preview--playing{background:#34d39926;color:var(--accent-success)!important;border-color:var(--accent-success)!important}.sample-explorer__header{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sample-explorer__filter-tabs{padding:2px var(--space-sm) 4px;gap:1px;display:flex}.sample-explorer__filter-tab{font-size:8px;font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:1px 6px;font-weight:600}.sample-explorer__filter-tab:hover{color:var(--text-secondary)}.sample-explorer__filter-tab--active{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.sample-explorer__star{width:14px;height:14px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.sample-explorer__star:hover,.sample-explorer__star--active{color:var(--accent-warning)}.sample-explorer__sample-row[draggable=true]{cursor:grab}.sample-explorer__sample-row[draggable=true]:active{cursor:grabbing}.code-builder{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.code-builder__title{font-size:var(--font-size-xs);color:var(--text-primary);margin-bottom:var(--space-2xs);align-items:center;gap:6px;font-weight:600;display:flex}.code-builder__icon{font-size:14px}.code-builder__row{align-items:center;gap:var(--space-xs);display:flex}.code-builder__label{font-size:var(--font-size-2xs);color:var(--text-secondary);flex-shrink:0;min-width:48px}.code-builder__slider{appearance:none;background:var(--bg-elevated);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.code-builder__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 0 4px #7c6cf066}.code-builder__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.code-builder__slider::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.code-builder__value{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--accent-primary);text-align:right;min-width:20px}.code-builder__input{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);outline:none;flex:1;padding:3px 6px}.code-builder__input:focus{border-color:var(--accent-primary)}.mutator-btn--active{color:var(--text-primary)!important;border-color:var(--accent-primary)!important;background:#7c6cf033!important}.code-builder__select{min-width:0;font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;outline:none;flex:1;padding:3px 6px}.code-builder__select:focus{border-color:var(--accent-primary)}.code-builder__preview{margin-top:var(--space-2xs);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0000004d;padding:6px 8px;overflow-x:auto}.code-builder__preview code{font-family:var(--font-mono);color:#c3e88d;white-space:nowrap;font-size:11px}.code-builder__insert-btn{margin-top:var(--space-2xs);font-size:var(--font-size-2xs);color:var(--text-primary);background:var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;border:none;padding:6px 12px;font-weight:600}.code-builder__insert-btn:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #7c6cf04d}.euclid-sounds{flex-wrap:wrap;flex:1;gap:3px;display:flex}.euclid-sound-btn{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);padding:2px 6px;font-weight:500}.euclid-sound-btn:hover{color:var(--text-secondary);border-color:var(--accent-primary)}.euclid-sound-btn--active{color:var(--text-primary);border-color:var(--accent-primary);background:#7c6cf033}.euclid-circle-wrap{padding:var(--space-xs) 0;justify-content:center;display:flex}.euclid-circle{width:100px;height:100px}.lfo-wave-btns{flex:1;gap:3px;display:flex}.lfo-wave-btn{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);padding:3px 8px}.lfo-wave-btn:hover{color:var(--text-secondary);border-color:var(--accent-secondary)}.lfo-wave-btn--active{color:var(--text-primary);border-color:var(--accent-secondary);background:#00cec933}.mutators-group{margin-bottom:var(--space-xs)}.mutators-group__label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:4px;font-size:9px;font-weight:600}.mutators-grid{flex-wrap:wrap;gap:3px;display:flex}.mutator-btn{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:3px;padding:3px 7px;font-size:10px;display:flex}.mutator-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#7c6cf01a;transform:translateY(-1px)}.mutator-btn__icon{font-size:11px}.mutator-btn__label{font-family:var(--font-mono);font-weight:500}.midi-section{margin-bottom:var(--space-sm)}.midi-section__label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:4px;font-size:9px;font-weight:600}.midi-empty{color:var(--text-tertiary);padding:2px 0;font-size:10px;font-style:italic}.midi-device{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);align-items:center;gap:6px;margin-bottom:3px;padding:4px 6px;display:flex}.midi-device__name{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.midi-device__info{color:var(--text-tertiary);font-size:9px}.midi-device__actions{gap:3px;display:flex}.midi-device__btn{font-size:9px;font-family:var(--font-mono);color:var(--accent-primary);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:#7c6cf01a;border:1px solid #7c6cf04d;padding:2px 6px;font-weight:600}.midi-device__btn:hover{border-color:var(--accent-primary);background:#7c6cf033}.host-controls{padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.host-controls__header{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.host-controls__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.host-controls__badge{font-size:14px}.host-controls__empty{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-sm);text-align:center;font-style:italic}.host-controls__peer-list{flex-direction:column;gap:4px;display:flex}.host-controls__peer{border-radius:var(--radius-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.host-controls__peer:hover{background:var(--bg-hover)}.host-controls__peer-info{align-items:center;gap:6px;min-width:0;display:flex}.host-controls__peer-color{border-radius:50%;flex-shrink:0;width:8px;height:8px}.host-controls__peer-name{font-size:var(--font-size-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.host-controls__role-badge{font-size:9px;font-weight:600}.host-controls__peer-actions{flex-shrink:0;gap:2px;display:flex}.host-ctrl-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;font-size:11px;display:flex}.host-ctrl-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.host-ctrl-btn--kick:hover{color:#e17055;background:#e1705526}.host-ctrl-btn--confirm{animation:.5s infinite pulse-kick;color:#e17055!important;background:#e1705533!important}.host-ctrl-btn--promote:hover{color:#fdcb6e;background:#fdcb6e26}@keyframes pulse-kick{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.host-controls__toggles{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.host-toggle-btn{border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-xs);cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;align-items:center;gap:6px;padding:5px 8px;font-weight:500;display:flex}.host-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.host-toggle-btn--active{color:var(--accent-primary);background:#6c5ce71f;border-color:#6c5ce766}.host-controls__role-requests{border-radius:var(--radius-sm);background:#fdcb6e0d;border:1px solid #fdcb6e4d;margin-bottom:8px;padding:6px}.host-controls__section-label{font-size:var(--font-size-xs);color:#fdcb6e;margin-bottom:4px;font-weight:700}.host-controls__role-request{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:3px 4px;display:flex}.host-controls__role-request-name{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:500}.session-player{padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.session-player__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.session-player__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.session-player__load-btn{font-size:var(--font-size-xs);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);padding:4px 10px;font-weight:600}.session-player__load-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.session-player__controls{gap:var(--space-sm);flex-direction:column;display:flex}.session-player__transport{justify-content:center;gap:4px;display:flex}.sp-btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-subtle);width:32px;height:28px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:12px;display:flex}.sp-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sp-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sp-btn--primary:hover{filter:brightness(1.15)}.session-player__timeline{align-items:center;gap:var(--space-xs);display:flex}.session-player__time{font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;flex-shrink:0;width:36px;font-size:10px}.session-player__scrubber{appearance:none;background:var(--bg-surface);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.session-player__scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:grab;border-radius:50%;width:12px;height:12px}.session-player__speed{justify-content:center;display:flex}.sp-select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-sans);padding:2px 8px}.session-player__info{gap:var(--space-sm);font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);justify-content:center;display:flex}.session-player__header-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.session-player__load-btn--active{color:var(--accent-primary);background:#6c5ce71f;border-color:#6c5ce766}.session-history{margin-top:var(--space-xs);flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.session-history__empty{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;padding:var(--space-sm);font-style:italic}.session-history__item{border-radius:var(--radius-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:4px;padding:4px 6px;display:flex}.session-history__item:hover{background:var(--bg-hover)}.session-history__info{flex-direction:column;gap:1px;min-width:0;display:flex}.session-history__room{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:600;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-history__meta{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono)}.session-history__date{color:var(--text-tertiary);font-size:9px}.session-history__actions{flex-shrink:0;gap:2px;display:flex}.sp-btn--danger:hover{color:#e17055;background:#e1705526;border-color:#e170554d}.jam-panel{min-height:0;padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.jam-panel__header{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.jam-panel__transport-badge{font-size:8px;font-family:var(--font-mono);letter-spacing:.3px;border-radius:3px;padding:1px 5px;font-weight:700}.jam-panel__transport-badge--local{background:var(--bg-surface);color:var(--text-tertiary)}.jam-panel__transport-badge--websocket{color:#00cec9;background:#00cec926}.jam-panel__icon{font-size:16px}.jam-panel__title{font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);flex:1}.jam-panel__leave{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:14px}.jam-panel__leave:hover{background:var(--bg-hover);color:var(--error)}.jam-panel__body{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.jam-panel__scrollable{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.jam-panel__scrollable::-webkit-scrollbar{width:6px}.jam-panel__scrollable::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}.jam-panel__name-row{gap:var(--space-xs);flex-direction:column;display:flex}.jam-panel__name-row label{font-size:var(--font-size-2xs);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.jam-panel__input{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:4px;outline:none;padding:6px 8px}.jam-panel__input:focus{border-color:var(--accent-primary)}.jam-panel__btn{border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;border-radius:6px;padding:8px 12px;font-weight:600;transition:all .15s}.jam-panel__btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.jam-panel__btn:disabled{opacity:.4;cursor:default}.jam-panel__btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.jam-panel__btn--primary:hover{filter:brightness(1.15)}.jam-panel__divider{text-align:center;font-size:var(--font-size-2xs);color:var(--text-tertiary);padding:4px 0}.jam-panel__join-row{gap:var(--space-xs);display:flex}.jam-panel__join-row .jam-panel__input{flex:1;min-width:0}.jam-panel__peers{padding:4px 0}.jam-panel__section-title{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:2px 4px}.jam-panel__peer{border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.jam-panel__peer:hover{background:var(--bg-hover)}.jam-panel__peer-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.jam-panel__peer-name{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-primary)}.jam-panel__host-badge{background:var(--accent-primary);color:#fff;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:8px;font-weight:700}.jam-panel__spectator-badge{opacity:.7;margin-left:4px;font-size:10px}.jam-panel__role-tag{border-radius:3px;margin-left:4px;padding:1px 5px;font-size:8px;font-weight:600}.jam-panel__role-tag--performer{font-size:10px}.jam-panel__role-tag--spectator{color:#636e72;background:#636e7226}.jam-panel__chat{flex-direction:column;flex:1;min-height:0;display:flex}.jam-panel__messages{min-height:0;padding:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;flex:1;margin-bottom:4px;overflow-y:auto}.jam-panel__msg{font-size:var(--font-size-2xs);font-family:var(--font-mono);border-radius:4px;margin-bottom:1px;padding:3px 6px;line-height:1.4}.jam-panel__msg:hover{background:var(--bg-hover)}.jam-panel__msg--system{text-align:center;opacity:.6;justify-content:center;align-items:center;gap:6px;padding:2px 6px;font-style:italic;display:flex}.jam-panel__msg--system .jam-panel__msg-text{color:var(--text-tertiary)}.jam-panel__msg--grouped{margin-top:-1px;padding-top:0}.jam-panel__msg-header{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.jam-panel__msg-from{align-items:center;gap:var(--space-xs);font-weight:700;display:flex}.jam-panel__msg-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.jam-panel__msg-time{color:var(--text-tertiary);opacity:.7;flex-shrink:0;font-size:9px}.jam-panel__msg-text{color:var(--text-secondary);word-break:break-word}.jam-panel__typing{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);padding:2px 6px;font-style:italic}.jam-panel__typing-dots{color:var(--accent-primary);margin-right:4px;animation:1.2s infinite typing-pulse;display:inline-block}@keyframes typing-pulse{0%,to{opacity:.3}50%{opacity:1}}.jam-panel__peer-activity{flex-shrink:0;margin-left:auto;font-size:11px}.jam-panel__chat-input{display:flex}.jam-panel__chat-input .jam-panel__input{width:100%}.jam-panel__footer{gap:var(--space-xs);padding-top:4px;display:flex}.jam-panel__footer .jam-panel__btn{text-align:center;flex:1}.jam-panel__public-rooms{gap:var(--space-sm);flex-direction:column;max-height:150px;margin-top:10px;display:flex;overflow-y:auto}.jam-panel__room-card{background:var(--bg-level-2);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.jam-panel__room-card-info{flex-direction:column;gap:2px;display:flex}.jam-panel__room-card-name{font-size:13px;font-weight:600}.jam-panel__room-card-peers{color:var(--text-secondary);font-size:11px}.jam-panel__qr-popup{background:var(--bg-level-2);padding:var(--space-md);border:1px solid var(--border-color);z-index:100;border-radius:8px;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:60px;right:20px;box-shadow:0 4px 12px #00000080}.jam-panel__qr-popup img{padding:var(--space-xs);background:#fff;border-radius:4px}.jam-panel__room-offline{color:var(--text-tertiary);padding:var(--space-sm);background:#ff5a5a12;border:1px solid #ff5a5a33;border-radius:6px;font-size:11px;font-style:italic}.jam-panel__loading{color:var(--text-tertiary);text-align:center;padding:6px;font-size:11px;font-style:italic}.jam-panel__create-form{padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:6px;display:flex}.jam-panel__form-title{font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:2px}.jam-panel__select{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;border-radius:4px;outline:none;padding:6px 8px}.jam-panel__select:focus{border-color:var(--accent-primary)}.jam-panel__row{align-items:center;gap:6px;display:flex}.jam-panel__toggle{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:flex}.jam-panel__toggle input[type=checkbox]{accent-color:var(--accent-primary)}.jam-panel__genre-badge{font-size:9px;font-weight:600;font-family:var(--font-mono);color:#a29bfe;letter-spacing:.3px;text-transform:uppercase;background:#6c5ce726;border-radius:3px;padding:1px 6px;display:inline-block}.jam-panel__password-prompt{background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:6px;flex-direction:column;gap:6px;margin-top:4px;padding:10px;animation:.2s fadeSlide;display:flex}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.jam-panel__refresh{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:12px;transition:opacity .15s,transform .3s}.jam-panel__refresh:hover{opacity:1;transform:rotate(90deg)}.jam-panel__refresh:disabled{opacity:.3;cursor:default}.jam-panel__btn--small{font-size:var(--font-size-2xs);padding:4px 10px}.jam-panel__empty{color:var(--text-tertiary);text-align:center;padding:var(--space-sm);font-size:11px;font-style:italic}.jam-panel__section-title{justify-content:space-between;align-items:center;display:flex}.jam-panel__chat-controls{align-items:center;gap:var(--space-xs);display:flex}.jam-panel__unread-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);color:#fff;cursor:pointer;background:#e17055;border-radius:8px;padding:1px 6px;animation:1.5s infinite badge-pulse}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.jam-panel__sound-toggle{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:12px;transition:opacity .15s}.jam-panel__sound-toggle:hover{opacity:.8}.jam-panel__sound-toggle--on{opacity:1}.jam-panel__code-block{background:var(--bg-surface);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--font-size-2xs);color:#a29bfe;white-space:pre-wrap;word-break:break-word;border-radius:4px;max-height:120px;margin:3px 0;padding:4px 6px;display:block;overflow:auto}.jam-panel__code-block code{font-family:inherit;font-size:inherit}.jam-panel__tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;flex-shrink:0;gap:2px;padding:2px;display:flex}.jam-panel__tab{justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 4px;font-weight:600;transition:all .15s;display:flex}.jam-panel__tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.jam-panel__tab.active{background:var(--bg-elevated);color:var(--accent-primary)}.jam-panel__tab-count{background:var(--bg-hover);color:var(--text-tertiary);border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700}.jam-panel__tab.active .jam-panel__tab-count{color:var(--accent-primary);background:#6c5ce733}.jam-panel__tab-badge{color:#fff;text-align:center;background:#e17055;border-radius:8px;min-width:16px;padding:0 5px;font-size:9px;font-weight:700;animation:1.5s infinite badge-pulse}.jam-panel__tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.jam-panel__tab-content::-webkit-scrollbar{width:4px}.jam-panel__tab-content::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}.jam-panel__session-tab{gap:var(--space-sm);padding:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.jam-panel__qr-loading{width:150px;height:150px;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-surface);border-radius:4px;justify-content:center;align-items:center;display:flex}.jam-panel__settings-tab{flex-direction:column;flex:1;gap:10px;padding:6px 4px;display:flex;overflow-y:auto}.jam-settings__label{gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);flex-direction:column;font-weight:600;display:flex}.jam-settings__label--inline{align-items:center;gap:var(--space-sm);color:var(--text-primary);cursor:pointer;flex-direction:row;font-weight:500}.jam-settings__input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);padding:5px 8px}.jam-settings__input:focus{border-color:var(--accent-primary);outline:none}.jam-settings__textarea{resize:vertical;min-height:60px;font-family:inherit}.jam-panel__recent{flex-direction:column;gap:3px;display:flex}.jam-panel__recent-label{font-size:9px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:0 2px}.jam-panel__recent-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex}.jam-panel__recent-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.jam-panel__recent-title{font-size:var(--font-size-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.jam-panel__recent-id{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0}.pattern-lib{flex-direction:column;gap:6px;height:100%;padding:8px;display:flex}.pattern-lib__header{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.pattern-lib__title{font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.pattern-lib__add-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.pattern-lib__add-btn:hover{border-color:var(--accent-primary)}.pattern-lib__save-form{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.pattern-lib__input,.pattern-lib__select,.pattern-lib__textarea,.pattern-lib__search{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-2xs);border-radius:4px;outline:none;padding:5px 8px}.pattern-lib__input:focus,.pattern-lib__select:focus,.pattern-lib__textarea:focus,.pattern-lib__search:focus{border-color:var(--accent-primary)}.pattern-lib__textarea{resize:vertical;min-height:40px}.pattern-lib__select{cursor:pointer}.pattern-lib__btn{border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-2xs);cursor:pointer;border-radius:4px;padding:5px 10px;font-weight:600;transition:all .15s}.pattern-lib__btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.pattern-lib__btn:disabled{opacity:.4;cursor:default}.pattern-lib__btn--save{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pattern-lib__btn--danger:hover{border-color:var(--error);color:var(--error)}.pattern-lib__categories{flex-wrap:wrap;gap:2px;display:flex}.pattern-lib__cat{border:1px solid var(--border-subtle);color:var(--text-tertiary);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:12px;padding:3px 8px;font-size:10px;transition:all .15s}.pattern-lib__cat:hover{color:var(--text-primary);border-color:var(--text-secondary)}.pattern-lib__cat--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pattern-lib__list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.pattern-lib__empty{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-2xs);font-family:var(--font-mono);flex-shrink:0;padding:16px}.pattern-lib__item{border:1px solid var(--border-subtle);border-radius:4px;flex-shrink:0;overflow:hidden}.pattern-lib__item-header{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 8px;transition:background .1s;display:flex}.pattern-lib__item-header:hover{background:var(--bg-hover)}.pattern-lib__item-name{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.pattern-lib__item-lock{opacity:.6;cursor:help;margin-right:4px;font-size:9px}.pattern-lib__item-cat{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-elevated);border-radius:8px;padding:1px 6px}.pattern-lib__item-body{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:6px 8px}.pattern-lib__code{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-primary);white-space:pre-wrap;border-radius:3px;margin:0 0 6px;padding:6px;font-size:10px;line-height:1.4;overflow-x:auto}.pattern-lib__item-actions{gap:4px;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-direction:column;height:100%;display:flex}.sidebar-section{flex-direction:column;display:flex}.sidebar-section--tracks{flex:1;min-height:0}.sidebar-track-list{flex:1;overflow:hidden auto}.sidebar-section:last-child{border-bottom:none}.sidebar-section-header{padding:6px var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.sidebar-section-title{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);font-weight:600;font-family:var(--font-mono)}.sidebar-action-btn{border-radius:var(--radius-xs);width:20px;height:20px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-action-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.sidebar-empty-state{padding:var(--space-lg) var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.sidebar-empty-cta{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--accent-primary,#6c5ce7);color:var(--text-inverse,#fff);border-radius:var(--radius-sm,4px);font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;transition:filter var(--transition-fast,.15s ease);border:none}.sidebar-empty-cta:hover,.sidebar-empty-cta:focus-visible{filter:brightness(1.1);outline:var(--focus-ring,2px solid #6c5ce7);outline-offset:2px}.sidebar-empty-icon{opacity:.3;margin-bottom:2px;font-size:18px}.sidebar-section--browser{min-height:0;overflow:hidden}.sidebar-browser-tabpanel{flex:1;min-height:0;overflow:hidden auto}.sidebar-resize{cursor:row-resize;z-index:5;background:0 0;flex-shrink:0;justify-content:center;align-items:center;height:5px;display:flex;position:relative}.sidebar-resize-line{background:var(--border-subtle);width:40px;height:3px;transition:all var(--transition-fast);border-radius:2px}.sidebar-resize:hover .sidebar-resize-line{background:var(--accent-primary);width:60px;box-shadow:0 0 8px var(--accent-primary-glow)}.sidebar-resize:focus-visible{outline:none}.sidebar-resize:focus-visible .sidebar-resize-line{background:var(--accent-primary);width:60px;box-shadow:0 0 0 2px var(--focus-ring,var(--accent-primary))}.sidebar-browser-tabs{border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;display:flex}.sidebar-browser-tab{font-size:var(--font-size-2xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);text-align:center;border-bottom:2px solid #0000;flex:1;padding:5px 0;font-weight:600}.sidebar-browser-tab:hover{color:var(--text-secondary)}.sidebar-browser-tab--active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.tool-section{border-bottom:1px solid var(--border-subtle)}.tool-section__header{width:100%;color:var(--text-secondary);background:var(--bg-elevated);cursor:pointer;text-align:left;transition:background var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.tool-section__header:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-section__arrow{color:var(--text-tertiary);width:10px;font-size:9px}.tool-section__body{padding:0 0 4px}.resizable-panel{height:100%;transition:width var(--transition-smooth);flex-shrink:0;position:relative;overflow:hidden}.resizable-panel--collapsed{width:0!important}.resizable-panel__content{width:100%;height:100%;overflow:hidden auto}.resizable-panel__handle{cursor:col-resize;z-index:10;justify-content:center;align-items:center;width:6px;display:flex;position:absolute;top:0;bottom:0}.resizable-panel__handle--left{right:-3px}.resizable-panel__handle--right{left:-3px}.resizable-panel__handle-line{background:var(--border-subtle);border-radius:var(--radius-full);width:2px;height:32px;transition:all var(--transition-normal)}.resizable-panel__handle:hover .resizable-panel__handle-line{background:var(--accent-primary);height:48px;box-shadow:0 0 8px var(--accent-primary-glow)}.collab-indicator{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:3px 8px;display:flex;position:relative;overflow:visible}.collab-indicator--offline{color:var(--text-tertiary)}.collab-indicator--offline:hover{color:var(--text-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.collab-indicator__icon{font-size:12px;line-height:1}.collab-indicator__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:.5px;text-transform:uppercase;font-weight:700}.collab-indicator--online{border-color:var(--accent-primary);background:var(--accent-primary-dim)}.collab-indicator--online:hover{background:var(--bg-hover);box-shadow:0 0 12px #6c5ce74d}.collab-indicator__pulse{background:var(--meter-green,#00b894);width:6px;height:6px;box-shadow:0 0 4px var(--meter-green,#00b894);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite collab-pulse}@keyframes collab-pulse{0%,to{opacity:1}50%{opacity:.35}}.collab-indicator__avatars{align-items:center;margin-left:-2px;display:flex}.collab-indicator__avatar{width:18px;height:18px;font-family:var(--font-mono);color:#fff;border:1.5px solid var(--bg-transport,var(--bg-secondary));text-shadow:0 1px 1px #0000004d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-4px;font-size:9px;font-weight:700;display:flex}.collab-indicator__avatar:first-child{margin-left:0}.collab-indicator__avatar--extra{background:var(--bg-surface);color:var(--text-tertiary);font-size:8px}.collab-indicator__room-id{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px;opacity:.8;font-size:8px;font-weight:600}.collab-indicator__latency{font-family:var(--font-mono);letter-spacing:.3px;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.collab-indicator__latency--excellent{color:#00b894;background:#00b89426}.collab-indicator__latency--good{color:#00cec9;background:#00cec926}.collab-indicator__latency--fair{color:#fdcb6e;background:#fdcb6e26}.collab-indicator__latency--poor{color:#e17055;background:#e1705526}.collab-indicator__latency--unknown{color:var(--text-tertiary);background:var(--bg-surface)}.transport-bar{height:var(--transport-height);padding:0 var(--space-md);background:var(--bg-transport,var(--bg-secondary));border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-inset), 0 -2px 8px #0003;z-index:var(--z-transport);align-items:center;gap:var(--space-lg);flex-shrink:0;grid-template-columns:auto 1fr auto;display:grid}.transport-left,.transport-center,.transport-right{align-items:center;gap:var(--space-sm);display:flex}.transport-left{gap:4px}.transport-center{justify-content:center;gap:var(--space-md)}.transport-right{justify-content:flex-end;gap:var(--space-md)}.transport-divider{background:var(--border-subtle);flex-shrink:0;width:1px;height:24px;margin:0 4px}.transport-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.transport-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.transport-btn--active{color:var(--accent-primary)!important}.transport-play-btn{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);width:36px;height:36px;color:var(--accent-primary);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.transport-play-btn:hover{background:var(--accent-primary-dim);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.transport-play-btn.playing{background:var(--color-record-bg);border-color:var(--color-record-border);color:var(--accent-danger)}.transport-play-btn.playing:hover{background:var(--color-record-border);box-shadow:0 0 16px var(--color-record-glow)}.transport-record-btn{color:var(--text-tertiary)}.transport-record-btn:hover{color:var(--color-record)}.transport-record-btn--active{background:var(--color-record-glow);color:var(--color-record)!important}.transport-precount__icon{font-family:var(--font-mono);letter-spacing:-.5px;font-size:7px;font-weight:700}.transport-lcd{background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:var(--radius-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast);align-items:baseline;gap:1px;padding:5px 12px 5px 10px;display:flex;position:relative}.transport-lcd:hover{border-color:var(--lcd-border)}.transport-lcd__value{font-family:var(--font-mono);color:var(--lcd-text);letter-spacing:1.5px;text-align:center;min-width:1.8em;text-shadow:0 0 6px var(--lcd-glow);font-size:17px;font-weight:700}.transport-lcd__value--dim{color:var(--lcd-text);opacity:.25}.transport-lcd__sep{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--lcd-text);opacity:.3;margin:0 1px}.transport-lcd__format{font-family:var(--font-mono);color:var(--lcd-text);opacity:.4;letter-spacing:1px;font-size:7px;font-weight:700;position:absolute;top:2px;right:4px}.beat-dots{align-items:center;gap:4px;display:flex}.beat-dot{background:var(--beat-dot-inactive);width:5px;height:5px;transition:all var(--transition-fast);border-radius:50%}.beat-dot.downbeat{width:6px;height:6px}.beat-dot.active{background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary-glow)}.beat-dot.downbeat.active{background:var(--color-playback-active);box-shadow:0 0 8px var(--lcd-glow)}.transport-bpm{align-items:center;gap:4px;display:flex}.transport-bpm__label{font-size:var(--font-size-2xs);font-weight:600;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px}.transport-bpm__input{text-align:center;width:44px;height:24px;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);appearance:textfield;padding:0;font-weight:600}.transport-bpm__input:focus{border-color:var(--accent-primary)}.transport-bpm__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transport-bpm__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.transport-tap{font-size:var(--font-size-3xs,9px);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);letter-spacing:.5px;transition:all var(--transition-fast);padding:3px 6px;font-weight:700}.transport-tap:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.transport-tap:active{background:var(--accent-primary-dim);transform:scale(.95)}.transport-timesig-wrapper{position:relative}.transport-timesig__btn{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);padding:3px 8px;font-weight:600}.transport-timesig__btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.transport-timesig__menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-overlay);flex-direction:column;gap:1px;min-width:56px;padding:4px;animation:.1s ease-out scaleIn;display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.transport-timesig__option{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-xs);text-align:center;transition:all var(--transition-fast);padding:4px 8px;font-weight:500}.transport-timesig__option:hover{background:var(--bg-hover);color:var(--text-primary)}.transport-timesig__option.active{background:var(--accent-primary-dim);color:var(--accent-primary)}.transport-locators{align-items:center;gap:4px;display:flex}.transport-locator{align-items:center;gap:2px;display:flex}.transport-locator__label{font-family:var(--font-mono);color:var(--accent-primary);opacity:.7;font-size:8px;font-weight:700}.transport-locator__input{width:30px;height:20px;font-family:var(--font-mono);font-size:var(--font-size-2xs);text-align:center;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);appearance:textfield;padding:0;font-weight:600}.transport-locator__input:focus{border-color:var(--accent-primary);color:var(--text-primary)}.transport-locator__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transport-locator__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.transport-swing-group{align-items:center;gap:4px;display:flex}.transport-swing-label{font-size:var(--font-size-2xs);font-weight:600;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px}.transport-swing{appearance:none;background:var(--slider-track-bg);cursor:pointer;border-radius:2px;width:36px;height:3px}.transport-swing::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-secondary);border-radius:50%;width:8px;height:8px}.transport-status{align-items:center;gap:8px;display:flex}.transport-cpu{align-items:center;gap:4px;display:flex}.transport-cpu__label{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px;font-size:8px;font-weight:700}.transport-cpu__bar{background:var(--meter-bg);border-radius:2px;width:32px;height:4px;overflow:hidden}.transport-cpu__fill{border-radius:2px;height:100%;transition:width 1s,background-color .3s}.transport-cpu--normal .transport-cpu__fill{background:var(--meter-green)}.transport-cpu--warning .transport-cpu__fill{background:var(--meter-yellow)}.transport-cpu--critical .transport-cpu__fill{background:var(--meter-red)}.transport-cpu__value{font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;min-width:24px;font-size:8px;font-weight:600}.transport-audio-info{font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);opacity:.7;padding:2px 5px;font-size:8px;font-weight:600}.transport-master{align-items:center;gap:6px;display:flex}.transport-master__label{font-size:var(--font-size-3xs,9px);font-weight:700;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.8px}.transport-master__fader{appearance:none;background:var(--slider-track-bg);cursor:pointer;border-radius:2px;width:60px;height:3px}.transport-master__fader::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-secondary);border:1px solid var(--border-default);width:10px;height:10px;transition:background var(--transition-fast);border-radius:50%}.transport-master__fader::-webkit-slider-thumb:hover{background:var(--text-primary)}.transport-master__value{font-size:var(--font-size-3xs,9px);font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;min-width:28px}.channel-strip__btn--side{opacity:.5;font-size:8px}.channel-strip__btn--side:hover{opacity:1;color:var(--accent-primary)}.status-bar{height:22px;padding:0 var(--space-sm);background:var(--bg-primary);border-top:1px solid var(--border-subtle);font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.status-bar__left,.status-bar__center,.status-bar__right{align-items:center;gap:var(--space-xs);display:flex}.status-bar__item{align-items:center;gap:3px;display:flex}.status-bar__label{color:var(--text-tertiary);font-weight:600}.status-bar__value{color:var(--text-secondary)}.status-bar__value--warn{color:var(--accent-warning)}.status-bar__sep{color:var(--border-subtle);margin:0 2px}.status-bar__meter{background:#ffffff0a;border-radius:2px;width:32px;height:4px;overflow:hidden}.status-bar__meter-fill{background:var(--accent-success);border-radius:2px;height:100%;transition:width .3s}.status-bar__shortcuts-btn{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:var(--radius-xs);padding:1px 6px}.status-bar__shortcuts-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.status-bar__collab{border-radius:var(--radius-xs);align-items:center;gap:4px;padding:0 4px;display:inline-flex}.status-bar__collab-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-bar__collab--idle .status-bar__collab-dot{background:var(--text-tertiary);opacity:.5}.status-bar__collab--connecting .status-bar__collab-dot{background:var(--accent-warning);animation:1.2s ease-in-out infinite collab-pulse}.status-bar__collab--connected .status-bar__collab-dot{background:var(--accent-success);box-shadow:0 0 4px var(--accent-success)}.status-bar__collab--connected .status-bar__value{color:var(--accent-success)}@media (prefers-reduced-motion:reduce){.status-bar__collab--connecting .status-bar__collab-dot{opacity:.7;animation:none}}.status-bar__hint{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:9px;font-style:italic;overflow:hidden}.shortcuts-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.shortcuts-panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-lg);min-width:280px;box-shadow:var(--shadow-lg)}.shortcuts-panel__title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700;font-family:var(--font-mono)}.shortcuts-panel__list{flex-direction:column;gap:6px;display:flex}.shortcuts-panel__row{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.shortcuts-panel__key{font-family:var(--font-mono);font-size:var(--font-size-2xs);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--accent-primary);white-space:nowrap;padding:2px 6px}.shortcuts-panel__action{font-size:var(--font-size-xs);color:var(--text-secondary)}.shortcuts-panel__close{margin-top:var(--space-md);width:100%;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px}.shortcuts-panel__close:hover{color:var(--text-primary);border-color:var(--border-default)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.status-bar__status{align-items:center;gap:6px;display:inline-flex}.status-bar__status-dot{background:var(--text-tertiary,#888);border-radius:50%;width:7px;height:7px;display:inline-block}.status-bar__status-dot--ready{background:#4ade80;box-shadow:0 0 4px #4ade8099}.status-bar__status-dot--loading{background:#fbbf24;animation:1s ease-in-out infinite status-bar-pulse}.status-bar__status-text{color:var(--text-tertiary,#888);text-transform:uppercase;letter-spacing:.05em;font-size:10px}@keyframes status-bar-pulse{0%,to{opacity:1}50%{opacity:.4}}.cmd-overlay{z-index:10001;background:#00000080;justify-content:center;padding-top:15vh;animation:.1s cmdFadeIn;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;width:480px;max-height:400px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 30px #7c6cf01a}.cmd-palette__search{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex}.cmd-palette__icon{color:var(--accent-primary);flex-shrink:0;font-size:16px}.cmd-palette__input{height:28px;font-size:var(--font-size-md);font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.cmd-palette__input::placeholder{color:var(--text-tertiary)}.cmd-palette__list{padding:var(--space-xs) 0;flex:1;overflow-y:auto}.cmd-palette__empty{padding:var(--space-lg);text-align:center;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.cmd-palette__item{align-items:center;gap:var(--space-sm);width:100%;padding:6px var(--space-lg);text-align:left;transition:background 60ms;display:flex}.cmd-palette__item:hover,.cmd-palette__item--selected{background:var(--bg-hover)}.cmd-palette__item--selected{background:var(--accent-primary-dim)}.cmd-palette__item-icon{text-align:center;flex-shrink:0;width:18px;font-size:12px}.cmd-palette__item-label{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-primary);flex:1}.cmd-palette__item-cat{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-primary);border-radius:var(--radius-full);padding:1px 5px}.cmd-palette__item-key{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1px 5px}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.skeleton{color:var(--text-secondary,#888);font-family:var(--font-mono,monospace);pointer-events:none;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.skeleton__shimmer{border:2px solid var(--border-color,#444);border-top-color:var(--accent,#6c5ce7);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite skeleton-spin}.skeleton__text{-webkit-user-select:none;user-select:none}.skeleton--modal{z-index:20000;background:#00000073;position:fixed;inset:0}.skeleton--inline{height:32px;padding:0 12px}.skeleton--panel{width:100%;height:100%;min-height:120px}@keyframes skeleton-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.skeleton__shimmer{border-top-color:var(--border-color,#444);animation:none}}.error-boundary{justify-content:center;align-items:center;gap:var(--space-sm);height:100%;min-height:80px;color:var(--text-secondary);font-family:var(--font-sans);padding:var(--space-xl);flex-direction:column;display:flex}.error-boundary__icon{opacity:.7;font-size:28px}.error-boundary__title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.error-boundary__message{font-size:var(--font-size-xs);color:var(--accent-danger);font-family:var(--font-mono);text-align:center;word-break:break-word;max-width:400px}.error-boundary__btn{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.error-boundary__btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.error-boundary__actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.code-editor-cm{flex:1;min-height:0;overflow:hidden}.code-editor-cm .cm-editor{height:100%}.cm-tooltip .strudaw-hover,.strudaw-hover{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-width:320px;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex;box-shadow:0 6px 18px #00000059}.strudaw-hover__head{align-items:center;gap:6px;display:flex}.strudaw-hover__name{font-family:var(--font-mono);color:var(--accent-primary);font-size:12px}.strudaw-hover__cat{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-xs);color:var(--text-secondary);background:#ffffff14;padding:1px 5px;font-size:9px}.strudaw-hover__sig{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.strudaw-hover__desc{color:var(--text-primary);margin:0;font-size:11px}.strudaw-hover__example{font-family:var(--font-mono);color:var(--accent-primary);background:var(--bg-primary);border-radius:var(--radius-xs);align-self:flex-start;max-width:100%;padding:3px 5px;font-size:10px;overflow-x:auto}.strudaw-hover__more{font-size:10px;font-family:var(--font-mono);background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-xs);cursor:pointer;border:none;align-self:flex-end;margin-top:4px;padding:3px 8px;font-weight:700}.strudaw-hover__more:hover,.strudaw-hover__more:focus-visible{filter:brightness(1.15);outline:none}.strudaw-gutter-col{width:16px}.strudaw-gutter{text-align:center;width:14px;font-family:var(--font-mono);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;font-size:10px;line-height:14px;transition:color .15s,background .15s;display:inline-block}.strudaw-gutter:hover{color:var(--accent-primary);background:#7c6cf01f}.strudaw-gutter--open{color:var(--accent-primary);background:#7c6cf02e}.strudaw-inline-explain{font-family:var(--font-sans);color:var(--text-secondary);border-left:2px solid var(--accent-primary);background:#7c6cf00f;flex-wrap:wrap;align-items:baseline;gap:6px;margin:2px 0 4px;padding:4px 8px 4px 22px;font-size:11px;display:flex}.strudaw-inline-explain__arrow{color:var(--accent-primary)}.strudaw-inline-explain__text{color:var(--accent-primary);flex:1;min-width:0;font-style:italic}.strudaw-inline-explain__chips{flex-wrap:wrap;gap:3px;display:inline-flex}.strudaw-inline-explain__chip{font-size:9px;font-family:var(--font-mono);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:1px solid;padding:1px 5px;transition:background .15s}.strudaw-inline-explain__chip:hover,.strudaw-inline-explain__chip:focus-visible{background:#ffffff14;outline:none}.editor-tabs{padding:0 var(--space-xs);scrollbar-width:none;flex-shrink:0;gap:1px;display:flex;overflow:auto hidden}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:flex}.editor-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.editor-tab--active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.editor-tab__dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.editor-tab__name{text-overflow:ellipsis;max-width:80px;overflow:hidden}.editor-tab__modified{color:var(--accent-warning);margin-left:-1px;font-size:8px;line-height:1}.cm-strudel-creator{font-weight:600;color:#89ddff!important}.cm-strudel-effect{font-weight:500;color:#ffcb6b!important}.cm-strudel-modifier{font-weight:500;color:#c792ea!important}.cm-strudel-signal{font-style:italic;font-weight:500;color:#c3e88d!important}.cycle-timeline{width:100%;font-family:var(--font-mono);margin:4px 0}.cycle-timeline--empty{color:var(--text-tertiary);font-size:10px;font-style:italic}.cycle-timeline__ruler{width:100%;height:12px;color:var(--text-tertiary);font-size:8px;position:relative}.cycle-timeline__tick{-webkit-user-select:none;user-select:none;position:absolute;top:0;transform:translate(-50%)}.cycle-timeline__tick--end{left:100%;transform:translate(-100%)}.cycle-timeline__track{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:100%;position:relative;overflow:hidden}.cycle-timeline__step{background:#7c6cf040;border-left:1px solid #7c6cf099;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.cycle-timeline__step:first-child{border-left-color:#0000}.cycle-timeline__step:hover{background:#7c6cf073}.cycle-timeline__step--rest{background:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff0f 3px 6px);border-left-color:#ffffff26}.cycle-timeline__step--alt{background:#fdcb6e40;border-left-color:#fdcb6e99}.cycle-timeline__step--alt:hover{background:#fdcb6e73}.cycle-timeline__label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 3px;font-size:9px;overflow:hidden}.explainer{background:var(--bg-primary);flex-direction:column;height:100%;display:flex;overflow:hidden}.explainer__toolbar{align-items:center;gap:var(--space-sm);padding:4px var(--space-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.explainer__title{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.explainer__subtitle{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);margin-left:auto}.explainer__mode{margin-left:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);display:inline-flex;overflow:hidden}.explainer__mode-btn{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px 6px;transition:background .15s,color .15s}.explainer__mode-btn:hover{color:var(--text-secondary)}.explainer__mode-btn--active{background:var(--accent-primary);color:var(--bg-primary);font-weight:700}.explainer__mode-btn:focus-visible{outline:1px solid var(--accent-primary);outline-offset:-2px}.explainer__body{flex:1;display:flex;overflow:hidden}.explainer__lines{padding:var(--space-xs) var(--space-sm);flex:1;overflow-y:auto}.explainer__empty{color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center;padding:var(--space-lg)}.explainer__line{border-bottom:1px solid var(--border-subtle);padding:4px 0}.explainer__line:last-child{border-bottom:none}.explainer__code-line{align-items:baseline;gap:var(--space-xs);display:flex}.explainer__line-num{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;opacity:.5;flex-shrink:0;width:18px}.explainer__code{font-size:11px;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.explainer__explain-line{align-items:baseline;gap:4px;margin-top:2px;padding-left:26px;display:flex}.explainer__arrow{color:var(--accent-primary);flex-shrink:0;font-size:10px}.explainer__text{color:var(--accent-primary);font-size:11px;font-style:italic;line-height:1.4}.explainer__tokens{flex-wrap:wrap;gap:3px;margin-top:3px;padding-left:26px;display:flex}.explainer__token-badge{font-size:9px;font-family:var(--font-mono);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:1px solid;padding:1px 5px;transition:background .15s}.explainer__token-badge:hover{background:#ffffff0d}.explainer__detail{border-left:1px solid var(--border-subtle);width:280px;padding:var(--space-sm);background:var(--bg-secondary);flex-shrink:0;overflow-y:auto}.explainer__detail-header{justify-content:space-between;align-items:center;display:flex}.explainer__detail-cat{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.explainer__detail-close{color:var(--text-tertiary);font-size:14px;line-height:1}.explainer__detail-name{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-primary);margin:var(--space-xs) 0 4px}.explainer__detail-sig{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:var(--space-xs);display:block}.explainer__detail-desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.4}.explainer__detail-example{font-size:10px;font-family:var(--font-mono);background:var(--bg-primary);border-radius:var(--radius-xs);padding:4px 6px}.explainer__detail-label{color:var(--text-tertiary);margin-right:4px}.explainer__detail-example code{color:var(--accent-primary)}.explainer__header{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;gap:6px;display:flex}.explainer__summary{font-size:var(--font-size-xs);color:var(--text-primary);margin:0;line-height:1.45}.explainer__warnings{flex-wrap:wrap;gap:4px;display:flex}.explainer__warning{border-radius:var(--radius-xs);cursor:pointer;text-align:left;background:0 0;border:1px solid;align-items:center;gap:5px;max-width:100%;padding:2px 6px;font-family:inherit;font-size:10px;transition:background .15s;display:inline-flex}.explainer__warning:hover,.explainer__warning:focus-visible{background:#ffffff0f;outline:none}.explainer__warning-icon{text-align:center;width:10px;font-weight:700}.explainer__warning-line{font-family:var(--font-mono);opacity:.85;font-size:9px}.explainer__warning-msg{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.explainer__warnings-summary{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}.explainer__warnings-counts{font-size:9px;font-family:var(--font-mono);gap:8px;margin-top:2px;display:flex}.explainer__warnings-counts span{font-weight:700}.explainer__line--flash{animation:.9s ease-out explainer-flash}@keyframes explainer-flash{0%{background:#fdcb6e40}to{background:0 0}}.explainer__detail-mini{margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle)}.mini-tree{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);margin-top:4px;line-height:1.5}.mini-tree__row{flex-direction:column;display:flex}.mini-tree__line{align-items:baseline;gap:4px;display:flex}.mini-tree__toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;width:12px;padding:0;font-size:10px;line-height:1}.mini-tree__toggle:focus-visible{outline:1px solid var(--accent-primary);outline-offset:1px}.mini-tree__bullet{width:12px;color:var(--text-tertiary);text-align:center}.mini-tree__type{color:var(--text-tertiary);text-transform:lowercase;font-size:9px;font-weight:700}.mini-tree__type--value{color:#74b9ff}.mini-tree__type--rest{color:var(--text-tertiary);font-style:italic}.mini-tree__type--cycle,.mini-tree__type--poly,.mini-tree__type--subdivision{color:#fdcb6e}.mini-tree__desc{color:var(--text-secondary);word-break:break-word;flex:1;font-family:inherit}.mini-tree__mods{color:var(--text-tertiary);flex-wrap:wrap;gap:4px;font-size:9px;font-style:italic;display:flex}.mini-tree__mod:before{content:"↳ ";opacity:.5}.mini-tree__group-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:9px}.reaction-overlay{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.reaction-overlay__bubble{flex-direction:column;align-items:center;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards;display:flex;position:absolute;bottom:80px}.reaction-overlay__bubble--traj0{animation-name:reaction-float-0}@keyframes reaction-float-0{0%{opacity:1;transform:translateY(0)translate(0)scale(1)}15%{opacity:1;transform:translateY(-55px)translate(8px)scale(1.25)}60%{opacity:.9;transform:translateY(-210px)translate(18px)scale(1.05)}to{opacity:0;transform:translateY(-360px)translate(25px)scale(.65)}}@keyframes reaction-float-1{0%{opacity:1;transform:translateY(0)translate(0)scale(1.1)}20%{opacity:1;transform:translateY(-80px)translate(-20px)scale(1.3)}55%{opacity:.9;transform:translateY(-220px)translate(-30px)scale(1)}80%{opacity:.5;transform:translateY(-310px)translate(-15px)scale(.8)}to{opacity:0;transform:translateY(-380px)translate(-5px)scale(.5)}}@keyframes reaction-float-2{0%{opacity:1;transform:translateY(0)translate(0)scale(.9)}10%{opacity:1;transform:translateY(-35px)translate(30px)scale(1.35)}40%{opacity:1;transform:translateY(-160px)translate(35px)scale(1.15)}70%{opacity:.7;transform:translateY(-270px)translate(20px)scale(.85)}to{opacity:0;transform:translateY(-390px)translate(5px)scale(.5)}}.reaction-overlay__count{font-size:10px;font-weight:700;font-family:var(--font-mono);color:#fff;background:#0009;border-radius:8px;margin-top:-4px;padding:1px 5px}.reaction-overlay__emoji{filter:drop-shadow(0 2px 6px #0006);line-height:1}.reaction-overlay__from{font-size:9px;font-family:var(--font-mono);color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;margin-top:2px;padding:1px 5px}.reaction-bar{scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start;gap:2px;padding:3px 4px;display:flex;overflow-x:auto}.reaction-bar::-webkit-scrollbar{display:none}.reaction-bar__btn{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:5px;flex-shrink:0;padding:3px 5px;font-size:14px;line-height:1;transition:all .12s}.reaction-bar__btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:scale(1.25)}.reaction-bar__btn:active{transform:scale(.9)}.reaction-overlay__count{font-size:11px;font-weight:700;font-family:var(--font-mono);color:#fff;background:var(--accent-primary);text-align:center;border-radius:8px;min-width:16px;margin-top:-4px;padding:0 5px;line-height:16px}.reaction-overlay__bubble--traj1{animation-name:reaction-float-drift}.reaction-overlay__bubble--traj2{animation-name:reaction-float-zigzag}@keyframes reaction-float-drift{0%{opacity:1;transform:translateY(0)translate(0)scale(1)}60%{opacity:1;transform:translateY(-180px)translate(30px)scale(1.1)}to{opacity:0;transform:translateY(-320px)translate(40px)scale(.8)}}@keyframes reaction-float-zigzag{0%{opacity:1;transform:translateY(0)translate(0)scale(1)}30%{opacity:1;transform:translateY(-100px)translate(-20px)scale(1.05)}60%{opacity:1;transform:translateY(-200px)translate(15px)scale(1.1)}to{opacity:0;transform:translateY(-340px)translate(-10px)scale(.8)}}.countdown-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out countdown-fadein;display:flex;position:fixed;inset:0}.countdown-overlay__number{font-size:160px;font-weight:900;font-family:var(--font-mono,"JetBrains Mono", monospace);color:#fff;text-shadow:0 0 40px var(--accent-primary,#6c5ce7), 0 0 80px var(--accent-primary,#6c5ce7), 0 0 120px #6c5ce74d;-webkit-user-select:none;user-select:none;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards countdown-pop}.countdown-overlay__number--go{color:var(--accent-success,#00b894);text-shadow:0 0 40px var(--accent-success,#00b894), 0 0 80px var(--accent-success,#00b894), 0 0 120px #00b8944d;letter-spacing:8px;font-size:120px}.countdown-overlay__ring{border:3px solid var(--accent-primary,#6c5ce7);opacity:.6;border-radius:50%;width:260px;height:260px;animation:.8s ease-out forwards countdown-ring;position:absolute}.countdown-overlay__ring--go{border-color:var(--accent-success,#00b894)}.countdown-overlay__bpm{font-size:16px;font-family:var(--font-mono);color:var(--text-secondary,#b2bec3);letter-spacing:4px;text-transform:uppercase;opacity:.7;position:absolute;bottom:30%}@keyframes countdown-fadein{0%{opacity:0}to{opacity:1}}@keyframes countdown-pop{0%{opacity:0;transform:scale(2.5)}40%{opacity:1;transform:scale(.9)}60%{transform:scale(1.05)}80%{transform:scale(.98)}to{opacity:.3;transform:scale(.9)}}@keyframes countdown-ring{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.activity-log-overlay{z-index:9000;background:#00000080;justify-content:center;align-items:center;animation:.15s actLog-fadeIn;display:flex;position:fixed;inset:0}@keyframes actLog-fadeIn{0%{opacity:0}to{opacity:1}}.activity-log{background:var(--bg-primary,#0f0f1a);border:1px solid var(--border-subtle,#2a2a3e);width:min(600px,90vw);max-height:70vh;font-family:var(--font-mono,monospace);border-radius:10px;flex-direction:column;animation:.2s actLog-slideUp;display:flex;overflow:hidden;box-shadow:0 12px 48px #00000080}@keyframes actLog-slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.activity-log__header{border-bottom:1px solid var(--border-subtle,#222);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 16px;display:flex}.activity-log__title{color:var(--text-primary,#e0e0e0);flex:1;font-size:13px;font-weight:700}.activity-log__count{background:var(--accent-primary,#6c5ce7);color:#fff;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700}.activity-log__close{color:var(--text-tertiary,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:18px;line-height:1;transition:color .15s,background .15s}.activity-log__close:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-hover,#1a1a2e)}.activity-log__filters{border-bottom:1px solid var(--border-subtle,#222);flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.activity-log__filter{color:var(--text-tertiary,#666);cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s}.activity-log__filter:hover{color:var(--text-primary,#ccc);background:var(--bg-hover,#1a1a2e)}.activity-log__filter--active{background:var(--bg-elevated,#1a1a2e);border-color:var(--accent-primary,#6c5ce7);color:var(--accent-primary,#6c5ce7)}.activity-log__list{flex:1;max-height:50vh;overflow-y:auto}.activity-log__empty{text-align:center;color:var(--text-tertiary,#555);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px;font-size:12px;display:flex}.activity-log__empty-title{color:var(--text-secondary,#888);font-size:13px;font-weight:600}.activity-log__empty-body{max-width:320px;line-height:1.5}.activity-log__entry{border-left:3px solid;align-items:center;gap:8px;padding:6px 12px;font-size:11px;transition:background .1s;display:flex}.activity-log__entry:hover{background:var(--bg-hover,#1a1a2e)}.activity-log__time{color:var(--text-tertiary,#555);min-width:60px;font-size:10px}.activity-log__icon{font-size:12px}.activity-log__message{color:var(--text-secondary,#aaa);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.daw-shell{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.mobile-notice{display:none}@media (max-width:768px){.mobile-notice{gap:var(--space-md);z-index:9999;padding:var(--space-2xl) var(--space-lg);background:var(--bg-primary);color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:1rem;line-height:1.5;display:flex;position:fixed;inset:0}.mobile-notice strong{color:var(--accent-primary);font-size:1.25rem}}.daw-body{flex:1;min-height:0;display:flex;overflow:hidden}.center-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.arrangement-area{flex:1;min-height:0;display:flex;overflow:hidden}.bottom-panel{background:var(--bg-surface);border-top:1px solid var(--border-default);flex-direction:column;flex-shrink:0;display:flex;position:relative}.bottom-panel--fill{flex:auto;height:auto}.bottom-panel__resize{cursor:row-resize;z-index:20;justify-content:center;align-items:center;height:5px;display:flex;position:absolute;top:-3px;left:0;right:0}.bottom-panel__resize-line{background:var(--border-subtle);width:40px;height:3px;transition:all var(--transition-fast);border-radius:2px}.bottom-panel__resize:hover .bottom-panel__resize-line{background:var(--accent-primary);width:60px;box-shadow:0 0 8px var(--accent-primary-glow)}.bottom-panel__resize:focus-visible{outline:none}.bottom-panel__resize:focus-visible .bottom-panel__resize-line{background:var(--accent-primary);width:60px;box-shadow:0 0 0 2px var(--focus-ring,var(--accent-primary))}.bottom-panel__tabs{height:30px;padding:0 var(--space-sm);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.bottom-panel__tabs-left{gap:1px;display:flex}.bottom-panel__tabs-right{align-items:center;gap:var(--space-md);display:flex}.bottom-tab{font-size:var(--font-size-xs);color:var(--text-tertiary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:flex}.bottom-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.bottom-tab--active{color:var(--text-primary);background:var(--bg-surface);border-bottom:2px solid var(--accent-primary)}.bottom-tab__icon{font-size:11px}.bottom-panel__track-label{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;display:flex}.track-owner-badge{background:var(--bg-level-3);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:500}.track-owner-badge--locked{color:#f55;background:#ff3c3c1a;border-color:#ff3c3c4d}.track-owner-badge--claim{color:#2ecc71;cursor:pointer;background:#2ecc711a;border-color:#2ecc714d;transition:all .2s}.track-owner-badge--claim:hover{background:#2ecc7133}.track-owner-badge--owned{color:#3498db;cursor:pointer;background:#3498db1a;border-color:#3498db4d;transition:all .2s}.track-owner-badge--owned:hover{background:#3498db33}.bottom-panel__track-dot{border-radius:50%;width:7px;height:7px}.bottom-panel__close{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:12px;display:flex}.bottom-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.bottom-panel__content{flex:1;display:flex;overflow:hidden}.bottom-panel__editor{flex-direction:column;flex:1;display:flex;overflow:hidden}.bottom-panel__editor-tabs-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.bottom-panel__editor-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.bottom-panel__editor-body>:first-child{flex:1;min-width:0}.bottom-panel__editor-explain{border-left:1px solid var(--border-color,#2c2c34);flex-direction:column;width:360px;min-width:280px;max-width:50%;display:flex;overflow:hidden}.bottom-panel__editor-explain>*{flex:1;min-height:0}.code-explain-toggle{border:1px solid var(--border-color,#2c2c34);color:var(--text-muted,#a8a8b3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;margin-right:6px;padding:3px 8px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.code-explain-toggle:hover{color:var(--text,#e8e8ee);border-color:var(--accent,#6c5ce7)}.code-explain-toggle--active{background:var(--accent,#6c5ce7);border-color:var(--accent,#6c5ce7);color:#fff}.bottom-panel__placeholder{flex:1;justify-content:center;align-items:center;display:flex}.bottom-panel__expand{justify-content:center;align-items:center;gap:var(--space-sm);height:26px;padding:0 var(--space-lg);font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);transition:all var(--transition-fast);flex-shrink:0;font-weight:500;display:flex}.bottom-panel__expand:hover{background:var(--bg-elevated);color:var(--text-primary)}.bottom-panel__expand-arrow{font-size:10px}.viz-strip{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);flex-shrink:0;gap:1px;height:32px;display:flex}.viz-strip>*{flex:1}.error-bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);color:var(--accent-danger);font-size:var(--font-size-xs);font-family:var(--font-mono);background:#e170551f;border-top:1px solid #e170554d;flex-shrink:0;animation:.2s slideUp;display:flex}.error-icon{flex-shrink:0}.error-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.error-dismiss{color:var(--accent-danger);opacity:.6;border-radius:var(--radius-sm);padding:2px 4px}.error-dismiss:hover{opacity:1;background:#e1705526}.panel-track-color{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-toggle-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-loading{height:100%;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-sm);justify-content:center;align-items:center;animation:1.2s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-record{0%,to{opacity:1}50%{opacity:.4}}@keyframes meter-peak-flash{0%{opacity:1}to{opacity:0}}@keyframes highlight-flash{0%{background-color:#7c6cf04d}to{background-color:#0000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lcd-glow{0%,to{box-shadow:0 0 8px var(--lcd-glow), inset 0 0 12px var(--lcd-glow)}50%{box-shadow:0 0 14px var(--lcd-glow), inset 0 0 18px var(--lcd-glow)}}@keyframes blink-clip{0%,to{opacity:1}50%{opacity:.3}}@keyframes meter-decay{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.animate-fade{animation:.2s ease-out fadeIn}.animate-slide-up{animation:.2s ease-out slideUp}.animate-slide-down{animation:.2s ease-out slideDown}.animate-slide-left{animation:.2s ease-out slideInLeft}.animate-slide-right{animation:.2s ease-out slideInRight}.animate-scale-in{animation:.15s ease-out scaleIn}.animate-pulse-record{animation:1.2s ease-in-out infinite pulse-record}.animate-flash{animation:.6s ease-out highlight-flash}.animate-spin{animation:1s linear infinite spin}.animate-lcd-glow{animation:3s ease-in-out infinite lcd-glow}.animate-blink-clip{animation:.5s ease-in-out infinite blink-clip}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}