:root{color-scheme:dark;font-family:system-ui,sans-serif;--bg: #0e0e12;--panel: #16161d;--panel-2: #1d1d27;--panel-3: #24243010;--border: #2e2e3c;--border-strong: #3b3b4d;--text: #e8e8ef;--muted: #a6a6bd;--accent: #6c5cff;--accent-2: #ff5c8a;--accent-soft: #6c5cff22;--on: #38d39f;--fs-xs: .7rem;--fs-sm: .8rem;--fs-md: .9rem;--fs-lg: 1.1rem;--fs-xl: 1.5rem;--lh-tight: 1.15;--lh: 1.4;--fw-med: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--r-sm: .4rem;--r-md: .5rem;--r-lg: .75rem;--r-pill: 999px;--e-1: 0 1px 2px rgba(0, 0, 0, .3);--e-2: 0 8px 24px rgba(0, 0, 0, .45);--ring: 0 0 0 2px var(--accent);--rec: #ff5c5c;--solo: #ffd166;--control-bg: var(--panel-2);--control-border: var(--border);--control-h: 2rem}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.boot h1{font-size:3rem;margin:0;letter-spacing:.03em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.boot p{color:var(--muted);margin:0}.boot button{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;border-radius:.75rem;border:1px solid var(--border);background:var(--panel-2);cursor:pointer}.boot-toggle{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem;color:var(--text)}.boot-toggle input{margin-right:.4rem}.boot-toggle small{color:var(--muted);font-size:.75rem}.surface{max-width:1100px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.5rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.play-area,.rack{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.rack>.panel{flex:1 1 260px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:.75rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.panel label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--muted)}.panel label.toggle{flex-direction:row;align-items:center;color:var(--text)}.panel select,.panel input[type=number]{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.35rem .5rem}.fx-disabled{opacity:.4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px}.fx-disabled small{color:var(--muted);font-size:.7rem}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;align-self:center}.seg__btn{background:var(--panel);border:none;border-left:1px solid var(--border);padding:var(--sp-2) var(--sp-3);cursor:pointer;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-med);transition:background .12s,color .12s}.seg__btn:first-child{border-left:none}.seg__btn:hover{color:var(--text)}.seg__btn.active{background:var(--accent);color:#fff}.panel.features{flex-direction:column;align-items:stretch}.features-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.features-head button{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.2rem .5rem;cursor:pointer;font-size:.7rem}.features-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.features-list .toggle{flex-direction:row;align-items:center;gap:.4rem;color:var(--text);font-size:.75rem}.feature-tag{margin-left:auto;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--border);border-radius:.3rem;padding:0 .3rem}.panel.assist{flex-direction:column;align-items:stretch;gap:.6rem}.assist-section{display:flex;flex-direction:column;gap:.35rem}.assist-label{font-size:.7rem;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chord-chip{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.35rem .55rem;cursor:pointer;min-width:3.5rem}.chip-name{font-size:.8rem;color:var(--text)}.chip-roman{font-size:.65rem;color:var(--muted)}.assist-generate{align-self:flex-start;background:var(--accent);border:none;border-radius:.5rem;padding:.4rem .7rem;cursor:pointer;font-weight:600;color:#fff}.visualizer{width:100%;height:80px;background:var(--panel);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.visualizer canvas{width:100%;height:100%;display:block}.transport .tap,.transport .metronome{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.4rem .7rem;cursor:pointer}.transport .metronome.active{background:var(--accent);border-color:var(--accent);color:#fff}.panel.sequencer{flex-direction:column;align-items:stretch;gap:.5rem}.seq-head{display:flex;gap:.5rem}.seq-steps{display:flex;flex-wrap:wrap;gap:.4rem}.seq-step{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:3.5rem}.seq-chord{font-size:.65rem;color:var(--muted);height:.9rem}.panel.midi{flex-direction:column;align-items:stretch}.panel.playmode{flex-wrap:wrap;gap:.75rem}.adsr-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.panel.filter{flex-direction:column;align-items:stretch}.filter-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.filter-note{font-size:.7rem;color:var(--muted)}.filter-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.filter-controls input[type=range]{width:9rem}.panel.lfo{flex-direction:column;align-items:stretch}.lfo-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem}.lfo-target{font-size:.7rem;color:var(--muted)}.lfo-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.lfo-controls input[type=range]{width:9rem}.panel.controller{flex-direction:column;align-items:stretch}.controller-status{margin-left:.4rem;font-size:.7rem;color:var(--muted)}.controller-status.on{color:var(--on)}.controller-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.controller-legend li{display:flex;justify-content:space-between;gap:.75rem;font-size:.7rem}.controller-legend .ctl{color:var(--text);white-space:nowrap}.controller-legend .act{color:var(--muted);text-align:right}.panel.settings{flex-direction:column;align-items:stretch}.panel.settings label{width:100%}.panel.settings label.toggle{flex-wrap:wrap;gap:.25rem .5rem}.panel.settings small{flex-basis:100%;color:var(--muted);font-size:.7rem;font-weight:400}.transport{display:flex;align-items:center;gap:.75rem}.transport .play,.drum-head .play{background:var(--accent);border:none;border-radius:.5rem;padding:.5rem .9rem;cursor:pointer;font-weight:600}.transport .bpm{display:flex;flex-direction:column;font-size:.7rem;color:var(--muted)}.transport .bpm input{width:4.5rem;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.25rem .4rem}.loop-bar{width:140px;height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.loop-fill{height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.song-controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.song-controls input,.song-controls select,.song-controls button{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.35rem .55rem;cursor:pointer}.song-controls .song-name{width:8rem;cursor:text}.chord-pad{flex:1 1 100%;display:flex;flex-direction:column;gap:.5rem;align-items:center}.chord-row{display:flex;gap:.6rem;justify-content:center}.chord-row.upper{transform:translate(2.6rem)}.chord-button{width:5rem;height:5.5rem;border-radius:1rem;border:1px solid var(--border);background:linear-gradient(var(--panel-2),var(--panel));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .3rem;box-shadow:0 2px #00000059;transition:transform .04s ease}.chord-button.color{background:linear-gradient(#262633,#191921);height:4.75rem}.chord-button:active{transform:translateY(2px);background:linear-gradient(var(--accent),#3a2f8a);border-color:var(--accent);box-shadow:0 0 12px #6c5cff80}.chord-button .chord-degree{font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.chord-button.color .chord-degree{color:var(--muted)}.chord-button .chord-name{font-size:1rem;font-weight:600;color:var(--accent-2)}.chord-button.color .chord-name{color:var(--text)}.chord-button .key-hint{font-size:.7rem;color:var(--muted);border:1px solid var(--border);border-radius:.3rem;padding:.05rem .4rem}.modifiers{flex:1 1 100%;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.modifier-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.mod{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;cursor:pointer}.mod.active,button.active{background:var(--accent);border-color:var(--accent)}.joystick{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--panel-2),var(--panel));border:1px solid var(--border);position:relative;touch-action:none}.joystick-knob{position:absolute;top:40%;right:40%;bottom:40%;left:40%;border-radius:50%;background:var(--accent)}.touch-only{display:none}@media(pointer:coarse){.desktop-only{display:none}.touch-only{display:block}}.looper{flex-direction:column;align-items:stretch}.looper-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.looper-title{flex:1;font-size:.8rem;color:var(--muted)}.looper-head button{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.3rem .5rem;cursor:pointer;font-size:.75rem}.track-row .remove{margin-left:auto;color:var(--muted)}.fx-target{flex-direction:row!important;align-items:center;gap:.4rem;width:100%}.fx-target select{flex:1}.track-row{display:flex;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:.4rem}.track-row.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.track-row .track-label{width:3.5rem;flex:none;font-size:.8rem;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:.4rem;padding:.35rem .3rem;text-align:left;cursor:pointer}.track-row.selected .track-label{color:var(--text)}.track-instrument{flex:1;min-width:0;font-size:.8rem;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.3rem .4rem;color:var(--text)}.track-instrument.muted{background:transparent;border-color:transparent;color:var(--muted)}.track-row button{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.35rem .6rem;cursor:pointer}.track-row button:disabled{opacity:.4;cursor:default}.rec.recording{background:var(--accent-2);border-color:var(--accent-2);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.mixer{flex-direction:column;align-items:stretch}.mixer-title{font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.mixer-rows{display:flex;flex-direction:column;gap:.3rem}.mixer-row{display:flex;align-items:center;gap:.4rem}.mixer-name{width:5rem;flex:none;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mixer-btn{width:1.9rem;flex:none;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.3rem 0;cursor:pointer;font-size:.75rem;color:var(--text)}.mixer-btn.active{background:var(--accent);border-color:var(--accent)}.mixer-btn.solo.active{background:var(--accent-2);border-color:var(--accent-2)}.mixer-master{margin-top:.3rem;padding-top:.4rem;border-top:1px solid var(--border)}.mixer-master-note{font-size:.7rem;color:var(--muted)}.theory-overlay{display:flex;align-items:baseline;gap:.6rem;min-height:1.6rem}.theory-overlay.idle{color:var(--muted)}.theory-numeral{font-size:1.1rem;font-weight:600;color:var(--accent);min-width:2.5rem}.theory-name{font-size:.95rem;color:var(--text)}.theory-fn{font-size:.75rem;color:var(--muted);margin-left:auto}.theory-hint{font-size:.8rem}.adsr{flex-direction:column;align-items:stretch}.adsr-title{font-size:.8rem;color:var(--muted)}.adsr label{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text)}.adsr input[type=range]{flex:1}.fx{flex-direction:column;align-items:stretch}.fx label{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text)}.fx input[type=range]{flex:1}.drums{flex-direction:column;align-items:stretch}.drum-head{display:flex;gap:.5rem;align-items:center}.drum-head select{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.35rem .5rem}.drum-pads{display:flex;gap:.4rem;flex-wrap:wrap}.pad{flex:1 1 0;min-width:3.5rem;padding:.75rem .4rem;background:linear-gradient(var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:.5rem;cursor:pointer;touch-action:none}.pad:active{background:var(--accent)}.drum-seq{display:flex;align-items:flex-start;gap:.5rem;overflow-x:auto}.seq-labels{display:flex;flex-direction:column;justify-content:space-between;height:150px;padding:2px 0;font-size:.62rem;color:var(--muted)}.seq-grid{position:relative;line-height:0}.seq-grid .step-playhead{position:absolute;top:0;height:150px;background:#ff5c8a2e;border-left:2px solid var(--accent-2);pointer-events:none;transition:opacity .1s}.dial-row{display:flex;gap:1rem;flex-wrap:wrap}.nexus-control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.nexus-label{font-size:.7rem;color:var(--muted)}.nexus-value{font-size:.6rem;color:var(--text);font-variant-numeric:tabular-nums}.modifier-pad{display:flex;flex-direction:column;align-items:center;gap:.35rem}.nexus-xy{border:1px solid var(--border);border-radius:.6rem;overflow:hidden;line-height:0}.pad-axes{display:flex;flex-direction:column;gap:.1rem;text-align:center;font-size:.6rem;color:var(--muted)}.panel.synth-builder{flex-direction:column;align-items:stretch;min-width:16rem}.sb-title{font-weight:600;font-size:.85rem}.sb-hint{margin:0;font-size:.7rem;color:var(--muted)}.sb-section{display:flex;flex-direction:column;gap:.4rem}.sb-section-head{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.25rem}.sb-add{display:flex;gap:.3rem}.sb-add button{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.2rem .45rem;color:var(--text);cursor:pointer;font-size:.7rem}.sb-add button:hover{border-color:var(--accent)}.sb-row{display:flex;align-items:center;gap:.5rem}.sb-node-kind{font-size:.7rem;color:var(--muted);width:2.6rem}.sb-row select{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.3rem .4rem;color:var(--text);font-size:.75rem}.sb-remove{background:transparent;border:1px solid var(--border);border-radius:.4rem;color:var(--muted);cursor:pointer;padding:.15rem .4rem;font-size:.7rem}.sb-remove:hover{color:var(--accent-2);border-color:var(--accent-2)}.panel.wave-builder{flex-direction:column;align-items:stretch;min-width:15rem}.wb-canvas{width:100%;height:90px;background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;touch-action:none;cursor:crosshair}.wb-draw{cursor:pencil}.wb-presets{flex-wrap:wrap}.wt-morph{display:flex;flex-wrap:wrap;gap:.5rem}.wt-morph label{flex:1;min-width:4.5rem}.panel.mod-matrix{flex-direction:column;align-items:stretch;min-width:16rem}.mm-sources{display:flex;flex-wrap:wrap;gap:.3rem}.mm-source-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.15rem .4rem;font-size:.7rem}.mm-route select{flex:1;min-width:4rem}.mm-arrow{color:var(--muted)}.panel.macro-panel{flex-direction:column;align-items:stretch;min-width:15rem}.macro-card{border:1px solid var(--border);border-radius:.5rem;padding:.4rem;display:flex;flex-direction:column;gap:.3rem}.macro-head{display:flex;align-items:center;gap:.5rem}.macro-name{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.3rem .4rem;color:var(--text);font-size:.75rem}.macro-num{width:4rem;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.25rem;color:var(--text);font-size:.7rem}.macro-route select{flex:1;min-width:4rem}.panel-title{font-size:.8rem;color:var(--muted);width:100%;margin-bottom:.1rem}.panel.midi-learn{flex-direction:column;align-items:stretch}.midi-learn-add,.midi-learn-arm{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.midi-learn-add select{flex:1;min-width:6rem}.midi-learn-arm strong{color:var(--accent)}.midi-learn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.midi-learn-list li{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.midi-learn-src{font-variant-numeric:tabular-nums;color:var(--text)}.midi-learn-arrow{color:var(--muted)}.midi-learn-tgt{flex:1;color:var(--muted)}.midi-learn-x{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 .2rem}.midi-learn-x:hover{color:var(--text)}.panel.piano-roll{flex-direction:column;flex-wrap:nowrap;align-items:stretch;flex:1 1 100%;min-width:0;overflow:hidden}.pr-head{display:flex;flex-direction:column;gap:.35rem}.pr-tools{display:flex;flex-wrap:wrap;gap:.25rem}.pr-tools button{background:var(--panel-2);border:1px solid var(--border);border-radius:.35rem;color:var(--text);font-size:.7rem;padding:.2rem .4rem;cursor:pointer}.pr-scroll{overflow:auto;max-height:240px;min-width:0;border:1px solid var(--border);border-radius:.4rem;background:var(--panel-2)}.pr-grid{position:relative;background-image:linear-gradient(to right,color-mix(in srgb,var(--accent) 55%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--border) 85%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--border) 30%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border) 25%,transparent) 1px,transparent 1px);background-size:256px 100%,64px 100%,16px 100%,100% 12px;cursor:crosshair}.pr-octave{position:absolute;left:0;font-size:.55rem;color:var(--muted);pointer-events:none;border-top:1px solid color-mix(in srgb,var(--accent) 35%,transparent);width:100%}.pr-note{position:absolute;background:var(--accent);border:none;border-radius:2px;padding:0;cursor:pointer}.pr-note:hover{outline:1px solid #fff}.panel.automation{flex-direction:column;align-items:stretch}.auto-add{display:flex;gap:.4rem}.auto-add select{flex:1;min-width:6rem}.auto-lane{display:flex;flex-direction:column;gap:.2rem;margin-top:.4rem}.auto-lane-head{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.auto-lane-head .toggle{flex:1}.auto-svg{border:1px solid var(--border);border-radius:.4rem;cursor:crosshair}.auto-bg{fill:var(--panel-2)}.auto-line{fill:none;stroke:var(--accent);stroke-width:1.5}.auto-pt{fill:#fff;stroke:var(--accent);stroke-width:1.5;cursor:pointer}.panel.arranger{flex-direction:column;align-items:stretch}.arr-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.arr-sections{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.arr-section{border:1px solid var(--border);border-radius:.4rem;padding:.4rem;background:var(--panel-2);display:flex;flex-direction:column;gap:.3rem}.arr-section.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.arr-section-head{display:flex;align-items:center;gap:.3rem}.arr-name{flex:1;min-width:4rem;background:var(--panel);border:1px solid var(--border);border-radius:.35rem;color:var(--text);padding:.2rem .35rem;font-size:.75rem}.arr-bars{flex-direction:row!important;align-items:center;gap:.2rem;font-size:.65rem}.arr-bars input{width:3rem}.arr-mutes{display:flex;flex-wrap:wrap;gap:.4rem}.arr-mute{font-size:.68rem}.arr-section-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.arr-meta{font-size:.65rem;color:var(--muted)}.arranger-window{padding:1rem;color:var(--text);font-family:inherit}.arranger-window h1{font-size:1.1rem;margin:0 0 .5rem}.aw-head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.aw-transport{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.aw-transport button,.aw-section button{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;color:var(--text);padding:.25rem .5rem;cursor:pointer}.aw-transport button.active{background:var(--accent);color:#fff}.aw-sections{display:flex;flex-direction:column;gap:.5rem}.aw-section{border:1px solid var(--border);border-radius:.5rem;padding:.5rem;background:var(--panel);display:flex;flex-direction:column;gap:.4rem}.aw-section.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.aw-section-head{display:flex;align-items:center;gap:.4rem}.aw-section-head>input[type=text],.aw-section-head>input:not([type]){flex:1}.aw-mutes{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem}.panel.tuner{flex-direction:column;align-items:stretch}.tuner-readout{display:flex;align-items:baseline;gap:.5rem;justify-content:center}.tuner-note{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.tuner-cents{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.tuner-meter{position:relative;height:14px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2)}.tuner-center{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--muted)}.tuner-needle{position:absolute;top:-2px;width:4px;height:18px;border-radius:2px;background:var(--accent-2);transform:translate(-2px)}.panel.sampler{flex-direction:column;align-items:stretch}.panel.sampler input{background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.3rem .45rem;color:var(--text)}.rack{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.75rem}.tabbar{display:flex;flex-wrap:wrap;gap:var(--sp-1);border-bottom:1px solid var(--border);padding-bottom:2px}.tabbar .tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--r-sm) var(--r-sm) 0 0;padding:var(--sp-2) var(--sp-3);margin-bottom:-3px;cursor:pointer;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-med);transition:color .12s,background .12s,border-color .12s}.tabbar .tab:hover{color:var(--text);background:var(--accent-soft)}.tabbar .tab.active{color:var(--text);border-bottom-color:var(--accent)}.rack-group{display:flex;flex-direction:column;gap:var(--sp-3)}.rack-group[hidden]{display:none}.rack-section{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e-1);overflow:hidden}.rack-section__head{display:flex;align-items:center;gap:var(--sp-2);width:100%;background:var(--panel-2);border:none;border-bottom:1px solid var(--border);padding:var(--sp-2) var(--sp-3);cursor:pointer;text-align:left;color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-med);letter-spacing:.02em;transition:background .12s}.rack-section__head:hover{background:color-mix(in srgb,var(--panel-2) 85%,var(--accent) 15%)}.rack-section[data-open=false] .rack-section__head{border-bottom:none}.rack-section__chevron{color:var(--accent);font-size:var(--fs-xs);width:.8rem;text-align:center}.rack-section__body{padding:0}.rack-section__body>.panel,.rack-section__body>.song-controls{border:none;border-radius:0;background:transparent;width:100%;box-shadow:none}.rack-section .panel-title{display:none}.surface{gap:var(--sp-4)}.panel{border-radius:var(--r-lg);box-shadow:var(--e-1)}.panel select,.panel input[type=number],.panel input[type=text],.rack-section__body select,.rack-section__body input[type=number],.rack-section__body input[type=text]{background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--r-sm);padding:.35rem .5rem;min-height:var(--control-h);transition:border-color .12s,box-shadow .12s}.panel select:hover,.panel input:hover{border-color:var(--border-strong)}.panel input[type=range]{accent-color:var(--accent)}@media(max-width:760px){.surface{max-width:none;padding:var(--sp-2);padding-bottom:calc(3.6rem + env(safe-area-inset-bottom,0px));gap:var(--sp-3)}.tabbar{position:fixed;inset:auto 0 0 0;z-index:50;flex-wrap:nowrap;gap:2px;justify-content:space-between;background:var(--panel);border-top:1px solid var(--border);border-bottom:none;padding:var(--sp-1) var(--sp-1) calc(var(--sp-1) + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #00000073}.tabbar .tab{flex:1 1 0;min-width:0;text-align:center;border-bottom:none;border-radius:var(--r-sm);margin-bottom:0;padding:var(--sp-2) 2px;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabbar .tab.active{background:var(--accent-soft);color:var(--text)}.rack-section{border-radius:var(--r-md)}}.panel.instrument-browser{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--sp-3);max-height:460px;overflow-y:auto}.ib-search{width:100%}.ib-group{display:flex;flex-direction:column;gap:var(--sp-2)}.ib-group-head{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);font-weight:var(--fw-med);letter-spacing:.02em;color:var(--text)}.ib-dot{width:.6rem;height:.6rem;border-radius:var(--r-pill);background:var(--eng, var(--accent));box-shadow:0 0 8px var(--eng, var(--accent));flex:0 0 auto}.ib-count{margin-left:auto;font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-med)}.ib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:var(--sp-2)}.ib-item{position:relative;display:flex;align-items:center;gap:var(--sp-2);text-align:left;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--eng, var(--accent));border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:transform .1s,background .12s,border-color .12s,box-shadow .12s}.ib-item:hover{transform:translateY(-1px);background:var(--panel);box-shadow:var(--e-1)}.ib-item.active{border-color:var(--eng, var(--accent));background:color-mix(in srgb,var(--eng, var(--accent)) 18%,var(--panel-2));box-shadow:0 0 0 1px var(--eng, var(--accent))}.ib-name{flex:1 1 auto;font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ib-badge{flex:0 0 auto;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 .3rem}.ib-check{flex:0 0 auto;color:var(--eng, var(--accent));font-weight:var(--fw-bold)}.ib-empty{color:var(--muted);font-size:var(--fs-sm);margin:0}.panel.keymap{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.keymap-hint{margin:0;font-size:var(--fs-xs);color:var(--muted)}.keymap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.keymap-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-2)}.keymap-action{font-size:var(--fs-sm);color:var(--text)}.keymap-key{font-family:ui-monospace,monospace;font-size:var(--fs-xs);min-width:2.4rem;text-align:center;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.15rem .4rem}.keymap-set{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.2rem .6rem;cursor:pointer;font-size:var(--fs-xs)}.keymap-set.active{background:var(--accent);border-color:var(--accent);color:#fff}.keymap-reset{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.3rem .6rem;cursor:pointer;font-size:var(--fs-xs);color:var(--muted)}.hint-kbd{font-size:var(--fs-xs);color:var(--muted)}.hint-xbox{height:1.35em;width:auto;vertical-align:middle}.chord-button .key-hint:has(.hint-xbox){border:none;padding:0}.with-hint{display:inline-flex;align-items:center;gap:.35rem}.sb-save{display:flex;gap:var(--sp-2);align-items:center}.sb-save input{flex:1 1 auto;min-width:0}.sb-save button{background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);cursor:pointer;font-weight:var(--fw-med);white-space:nowrap}.sb-save .sb-delete{background:transparent;color:var(--rec);border:1px solid var(--border)}.quality-pad-wrap{display:flex;flex-direction:column;gap:var(--sp-1)}.quality-pad{position:relative;width:180px;height:140px;border-radius:var(--r-md);border:1px solid var(--border);background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 16%,var(--panel-2)),var(--panel-2) 72%);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.quality-pad:before,.quality-pad:after{content:"";position:absolute;background:var(--border)}.quality-pad:before{left:50%;top:6%;bottom:6%;width:1px}.quality-pad:after{top:50%;left:6%;right:6%;height:1px}.qp-label,.qp-corner{position:absolute;color:var(--muted);font-size:var(--fs-xs);pointer-events:none;white-space:nowrap}.qp-corner{font-size:.62rem;opacity:.75}.qp-n{top:4px;left:50%;transform:translate(-50%)}.qp-s{bottom:4px;left:50%;transform:translate(-50%)}.qp-e{right:6px;top:50%;transform:translateY(-50%)}.qp-w{left:6px;top:50%;transform:translateY(-50%)}.qp-ne{top:4px;right:6px}.qp-nw{top:4px;left:6px}.qp-se{bottom:4px;right:6px}.qp-sw{bottom:4px;left:6px}.qp-dot{position:absolute;width:.85rem;height:.85rem;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 10px var(--accent);transform:translate(-50%,-50%);pointer-events:none}.mod-pads{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.mod-pad-col{display:flex;flex-direction:column;gap:var(--sp-1)}.pad-caption{font-size:var(--fs-xs);font-weight:var(--fw-med);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.strum-pad{position:relative;width:180px;height:140px;border-radius:var(--r-md);border:1px solid var(--border);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(11.11% - 1px),var(--border) calc(11.11% - 1px),var(--border) 11.11%),linear-gradient(180deg,color-mix(in srgb,var(--on) 18%,var(--panel-2)),var(--panel-2));display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.strum-hint{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.18em;pointer-events:none}