@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/8568456ce63ce5f6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/3eaa3cee8b9d1972-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/2fa23d17c8b4c0c7-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/268d3f26604a103a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/23205fdbfac35380-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:italic;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/4974d0dc1d063735-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:italic;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/8568456ce63ce5f6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/3eaa3cee8b9d1972-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/2fa23d17c8b4c0c7-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/268d3f26604a103a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/23205fdbfac35380-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:italic;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/4974d0dc1d063735-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:italic;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/8568456ce63ce5f6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/3eaa3cee8b9d1972-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/2fa23d17c8b4c0c7-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/268d3f26604a103a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/23205fdbfac35380-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:italic;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/4974d0dc1d063735-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:300;font-display:swap;src:url(/handstrudel/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:400;font-display:swap;src:url(/handstrudel/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:700;font-display:swap;src:url(/handstrudel/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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 Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_540c64{font-family:JetBrains Mono,JetBrains Mono Fallback}.__variable_540c64{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--bg:#05050a;--panel:#09090f;--border:#16162a;--left:#00ff9d;--right:#ff2d6b;--dim:#2a2a44;--text:#9898c0;--bright:#e0e0ff;--font:var(--font-jetbrains-mono),"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{display:grid;grid-template-rows:36px 1fr;grid-template-columns:1fr 310px;height:100vh}#header{grid-column:1/-1;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:14px}.logo{font-size:11px;font-weight:700;letter-spacing:4px;color:var(--bright)}.sep{color:var(--border)}#status{font-size:10px;color:var(--dim);letter-spacing:1px}#beat-row{margin-left:auto;display:flex;gap:3px;align-items:center}.bd{width:5px;height:5px;border-radius:50%;background:var(--border);transition:background .04s}.bd.on-l{background:var(--left);box-shadow:0 0 6px var(--left)}.bd.on-r{background:var(--right);box-shadow:0 0 6px var(--right)}#rec-controls{display:flex;align-items:center;gap:6px}.rec-aspect{font-family:var(--font);font-size:9px;letter-spacing:1px;background:var(--bg);color:var(--dim);border:1px solid var(--border);border-radius:3px;padding:3px 6px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rec-aspect:hover{color:var(--text);border-color:var(--dim)}.rec-aspect option{background:var(--bg);color:var(--text)}.rec-btn{font-family:var(--font);font-size:9px;letter-spacing:2px;color:var(--dim);background:none;border:1px solid var(--border);border-radius:3px;padding:3px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.rec-btn-active,.rec-btn:hover{color:#ff4444;border-color:#ff4444}.rec-btn-active{box-shadow:0 0 8px rgba(255,68,68,.2)}.rec-dot{width:6px;height:6px;border-radius:50%;background:#ff4444;flex-shrink:0}.rec-btn:not(.rec-btn-active) .rec-dot{background:var(--dim)}.rec-btn-active .rec-dot{animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}#cam-area{position:relative;background:#000;overflow:hidden}#video{object-fit:cover;transform:scaleX(-1);opacity:.35}#overlay,#video{position:absolute;inset:0;width:100%;height:100%}#overlay{z-index:6}#start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(5,5,10,.93);z-index:20;gap:22px;transition:opacity .3s}#start h1{font-size:13px;letter-spacing:8px;color:var(--bright);font-weight:300}#start-btn{font-family:var(--font);font-size:11px;letter-spacing:4px;color:var(--left);background:none;border:1px solid var(--left);padding:10px 28px;cursor:pointer;transition:all .15s}#start-btn:hover{background:rgba(0,255,157,.08);box-shadow:0 0 20px rgba(0,255,157,.2)}.preset-actions{display:flex;gap:8px;margin-bottom:12px}.preset-btn{font-family:var(--font);font-size:8px;letter-spacing:2px;color:var(--dim);background:none;border:1px solid var(--border);padding:4px 12px;cursor:pointer;transition:all .15s}.preset-btn:hover{color:var(--text);border-color:var(--dim)}.advanced-toggle{font-family:var(--font);font-size:9px;letter-spacing:3px;color:var(--dim);background:none;border:1px solid var(--border);padding:5px 18px;cursor:pointer;transition:all .15s;border-radius:3px}.advanced-toggle:hover{color:var(--bright);border-color:var(--dim)}.hint{font-size:9px;color:var(--dim);text-align:center;line-height:2.2;letter-spacing:1px}.hint .gl{color:var(--left)}.hint .gr{color:var(--right)}.config-grid{display:flex;gap:48px;justify-content:center}.config-col{display:flex;flex-direction:column;gap:10px}.config-title{font-size:10px;letter-spacing:3px;margin-bottom:4px;text-align:center}.config-row{display:flex;align-items:center;gap:10px}.config-icon{font-size:14px;width:20px;text-align:center;color:var(--dim)}.config-select{font-family:var(--font);font-size:11px;letter-spacing:1px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:6px 10px;cursor:pointer;outline:none;width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.config-select:focus{border-color:var(--dim)}.config-select-left{border-color:color-mix(in srgb,var(--left) 40%,var(--border))}.config-select-left:focus{border-color:var(--left)}.config-select-right{border-color:color-mix(in srgb,var(--right) 40%,var(--border))}.config-select-right:focus{border-color:var(--right)}.config-select-hydra{border-color:color-mix(in srgb,#cc88ff 40%,var(--border));width:90px}.config-select-hydra:focus{border-color:#cc88ff}.config-select option{background:var(--bg);color:var(--text)}.config-grid-advanced{max-height:55vh;overflow-y:auto}.config-grid-advanced::-webkit-scrollbar{width:3px}.config-grid-advanced::-webkit-scrollbar-thumb{background:var(--border)}.config-col-advanced{gap:6px}.config-row-compact .config-icon{font-size:12px}.config-row-compact .config-select{padding:4px 8px;font-size:10px}#sidebar{background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}#code-wrap{flex:1 1;overflow-y:auto;padding:14px 16px;border-bottom:1px solid var(--border);font-size:10px;line-height:1.85}#code-wrap::-webkit-scrollbar{width:3px}#code-wrap::-webkit-scrollbar-thumb{background:var(--border)}.c-comment{color:#252540;font-style:italic}.c-fn{color:#5c8aff}.c-note{color:var(--left);font-weight:700}.c-nl{color:#ffb347}.c-nr{color:var(--right)}.c-str{color:#cc88ff}.c-dot{color:var(--dim)}.c-cursor{display:inline-block;width:7px;height:.9em;background:var(--left);opacity:.8;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}#hydra-code-wrap{padding:10px 16px;border-bottom:1px solid var(--border);font-size:10px;max-height:140px;overflow-y:auto}#hydra-code-wrap::-webkit-scrollbar{width:3px}#hydra-code-wrap::-webkit-scrollbar-thumb{background:var(--border)}#hydra-code-wrap .c-comment{color:#6a3d9a}#hydra-code-display{white-space:pre-wrap;line-height:1.6}.hydra-toggle{display:flex;align-items:center;gap:6px;padding:6px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.hydra-label{letter-spacing:3px;margin-right:4px}.hydra-btn,.hydra-label{font-size:8px;color:var(--dim)}.hydra-btn{font-family:var(--font);letter-spacing:1px;padding:3px 8px;background:none;border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .1s}.hydra-btn:hover{border-color:var(--dim);color:var(--text)}.hydra-btn-active{border-color:#cc88ff;color:#cc88ff;box-shadow:0 0 6px rgba(204,136,255,.2)}#hydra-canvas{position:fixed!important;top:36px!important;left:0!important;width:calc(100% - 310px)!important;height:calc(100vh - 36px)!important;z-index:4;opacity:.7;mix-blend-mode:screen}.saved-list{padding:8px 16px;border-bottom:1px solid var(--border);max-height:140px;overflow-y:auto;flex-shrink:0}.saved-list::-webkit-scrollbar{width:3px}.saved-list::-webkit-scrollbar-thumb{background:var(--border)}.saved-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.saved-title{font-size:8px;letter-spacing:3px;color:var(--dim);margin-right:auto}.saved-io-btn{font-family:var(--font);font-size:7px;letter-spacing:1px;color:var(--dim);background:none;border:1px solid var(--border);border-radius:2px;padding:2px 6px;cursor:pointer;transition:all .15s}.saved-io-btn:hover{color:var(--text);border-color:var(--dim)}.saved-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:3px;cursor:pointer;transition:background .1s;margin-bottom:2px}.saved-item:hover{background:rgba(255,255,255,.04)}.saved-item-copied{background:rgba(0,255,157,.12)!important}.saved-play{font-family:var(--font);font-size:10px;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:3px;color:var(--dim);cursor:pointer;padding:0;transition:all .1s}.saved-item-playing .saved-play,.saved-play:hover{border-color:var(--left);color:var(--left)}.saved-item-playing .saved-play{box-shadow:0 0 6px rgba(0,255,157,.2)}.saved-item-playing .saved-code{color:var(--left)}.saved-bpm{font-size:8px;color:var(--dim);flex-shrink:0;width:24px;text-align:right}.saved-item-playing .saved-bpm{color:var(--left)}.saved-code{font-size:9px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;cursor:pointer}.track-builder{padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.track-header{display:flex;align-items:center;gap:8px}.track-title{font-size:8px;letter-spacing:3px;color:var(--dim)}.track-play{font-family:var(--font);font-size:10px;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:3px;color:var(--dim);cursor:pointer;padding:0;transition:all .1s}.track-play:hover:not(:disabled){border-color:var(--left);color:var(--left)}.track-play:disabled{opacity:.3;cursor:default}.track-play-active{border-color:var(--left);color:var(--left);box-shadow:0 0 6px rgba(0,255,157,.2)}.track-speed{flex:1 1;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:1px;outline:none;cursor:pointer}.track-speed::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:var(--dim);border:none;cursor:pointer;-webkit-transition:background .1s;transition:background .1s}.track-speed::-webkit-slider-thumb:hover{background:var(--left)}.track-speed-label{font-size:8px;color:var(--dim);flex-shrink:0;width:24px;text-align:right}.track-slots{display:flex;gap:4px;margin-top:6px;overflow-x:auto;padding-bottom:2px}.track-slots::-webkit-scrollbar{height:2px}.track-slots::-webkit-scrollbar-thumb{background:var(--border)}.track-slot{position:relative;width:26px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:3px;cursor:default}.track-slot:hover{border-color:var(--dim)}.track-slot-num{font-size:9px;color:var(--text)}.track-slot-remove{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;background:var(--bg);border:1px solid var(--right);border-radius:3px;color:var(--right);cursor:pointer;padding:0}.track-slot:hover .track-slot-remove{display:flex}.saved-add-track{font-family:var(--font);font-size:12px;width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:3px;color:var(--dim);cursor:pointer;padding:0;transition:all .1s;line-height:1}.saved-add-track:hover{border-color:var(--left);color:var(--left)}.hpanel{padding:11px 16px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-y:auto}.hpanel-compact{padding:7px 16px;max-height:200px}.hpanel-compact .hpanel-title{font-size:7px;margin-bottom:5px}.hpanel-compact .prow{margin-bottom:3px}.hpanel-compact .plabel,.hpanel-compact .pval{font-size:7px;width:40px}.hpanel-title{font-size:8px;letter-spacing:3px;margin-bottom:9px;display:flex;align-items:center;gap:8px}.htitle-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lh .htitle-dot{background:var(--left);box-shadow:0 0 6px var(--left)}.rh .htitle-dot{background:var(--right);box-shadow:0 0 6px var(--right)}.lh .hpanel-title{color:var(--left)}.rh .hpanel-title{color:var(--right)}.prow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.prow:last-child{margin-bottom:0}.plabel{font-size:8px;color:var(--dim);letter-spacing:1px;width:46px;flex-shrink:0}.ptrack{flex:1 1;height:2px;background:var(--border)}.pfill,.ptrack{border-radius:1px}.pfill{height:100%;transition:width .08s ease-out;position:relative}.lh .pfill{background:var(--left)}.rh .pfill{background:var(--right)}.pfill:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%}.lh .pfill:after{background:var(--left)}.rh .pfill:after{background:var(--right)}.pval{font-size:8px;color:var(--text);width:46px;text-align:right;flex-shrink:0}.no-hand{font-size:8px;color:var(--border);letter-spacing:1px;font-style:italic}#bottom{padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}#cur-note{font-size:28px;font-weight:700;color:var(--left);letter-spacing:4px;min-height:36px}#cur-bpm{font-size:9px;color:var(--dim);letter-spacing:2px}