:root{--bg: #16181d;--panel: #20242c;--panel-2: #272c36;--ink: #e7ebf0;--muted: #8b93a3;--accent: #5aa9ff;--accent-2: #4ec9b0;--led: #ff4d4d;--a: #ff6b6b;--b: #4ec9b0;--c: #5aa9ff;--d: #c792ea;--ok: #4caf6e;--warn: #d8a23a;--err: #d85a5a;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 50% -10%,#232834,var(--bg));color:var(--ink);min-height:100vh;overflow-x:hidden}.app-header{padding:0;text-align:right;margin-left:auto}.app-header h1{margin:0;font-size:20px;letter-spacing:.5px;font-style:italic;white-space:nowrap}.app-header .subtitle{display:block;color:var(--muted);font-weight:400;font-size:15px}.app-header .version{display:block;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}.app-header .brand-name{color:var(--ink);font-weight:700;font-size:26.4px;white-space:nowrap}#app{zoom:.8935;width:100%;margin:0;padding:10px 12px 36px}.preset{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel-2);border:1px solid #2c313b;border-radius:var(--radius);padding:14px 20px;margin-bottom:16px}.preset__label{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.preset__select,.preset__jump{background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:8px 10px;font-size:14px;text-transform:none;letter-spacing:0;min-width:220px}.preset__jump{min-width:180px}.combo{position:relative;display:inline-block}.combo__input{background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:8px 10px;font-size:14px;min-width:240px}.combo__input:focus{outline:none;border-color:var(--accent)}.combo__panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;min-width:280px;max-height:360px;overflow-y:auto;background:#1a1e26;border:1px solid #3a4150;border-radius:8px;box-shadow:0 8px 24px #00000080;padding:4px}.combo__group{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#fff;font-weight:700;padding:8px 8px 4px;position:sticky;top:0;background:#1a1e26}.combo__item{padding:6px 10px;font-size:13px;border-radius:5px;cursor:pointer;white-space:nowrap}.combo__item.is-active{background:#2c333d}.combo__note{padding:8px 10px;font-size:12px;color:var(--muted);font-style:italic}.preset__desc{font-size:12px;color:var(--muted);font-style:italic}.preset__export,.preset__bankload,.preset__init,.preset__save{background:#2c333d;color:var(--ink);border:1px solid #3a4150;border-radius:6px;padding:7px 12px;font-size:12px;cursor:pointer}.preset__export:hover,.preset__bankload:hover,.preset__init:hover,.preset__save:hover{border-color:var(--accent)}.preset__save{border-color:var(--accent);color:var(--accent)}.preset__bankload{border-color:var(--accent-2);color:var(--accent-2)}.preset__banks{display:inline-flex;gap:8px}.preset__buttons{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stage{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;background:var(--panel);border:1px solid #2c313b;border-radius:var(--radius);padding:14px}.layout{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.left-col{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.left-col>.stage{flex:0 0 auto}.lfo-col{display:flex;flex-direction:column;gap:10px}.wave-row{display:flex;gap:8px;background:var(--panel);border:1px solid #2c313b;border-radius:var(--radius);padding:8px 12px}.wave-row .field{flex:1 1 0;min-width:0;flex-direction:row;align-items:center;gap:6px}.wave-row .field__label{text-align:left;white-space:nowrap}.wave-row .field__select{flex:1 1 0;width:auto;min-width:0}.left-col .subgroups{flex-direction:column;gap:12px}.left-col .subgroup{padding-left:0;border-left:none}.right-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}.right-head{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.right-head>.panel{flex:0 1 auto}.right-head>.panel .knob-row{flex-wrap:nowrap}.brand-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}.brand-col>.preset{margin-bottom:0}.arp-layout{display:flex;align-items:center;gap:16px}.arp-rate{flex:0 0 auto}.arp-opts{display:flex;flex-wrap:wrap;gap:12px 14px;flex:1 1 0;min-width:0}.env-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.env-left{flex:2 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}.env-pair{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.env-pair>.panel{flex:1 1 0;min-width:0}.env-row>.panel{flex:1 1 0;min-width:0}.global-sub{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.global-sub>.panel{flex:0 1 auto}.lfo-mod-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.lfo-mod-row>.panel{flex:0 1 auto}.lfo-mod-row>.panel:last-child{flex:1 1 0;min-width:0}.side-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.side-row>.panel:first-child{flex:0 1 auto}.side-row>.panel:last-child{flex:1 1 auto;min-width:0}.controls{display:flex;flex-direction:column;gap:10px;margin:0}.panel{background:var(--panel);border:1px solid #2c313b;border-radius:var(--radius);padding:8px 12px 12px}.panel__title{margin:0 -12px;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.panel__title::-webkit-details-marker{display:none}.panel__title:before{content:"▸ ";color:var(--accent)}.panel[open] .panel__title:before{content:"▾ "}.panel[open] .panel__title{border-bottom:1px solid #2c313b;margin-bottom:14px}.panel--flat{padding-top:14px}.knob-group{display:flex;flex-direction:column;gap:12px}.knob-group__title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid #2c313b;padding-bottom:6px}.knob-row{display:flex;gap:10px 14px;flex-wrap:wrap}.knob-col{display:flex;flex-direction:column;gap:6px;align-self:center}.subgroups{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:flex-start}.subgroup{display:flex;flex-direction:column;gap:8px;padding:0 0 0 14px;border-left:1px solid #2c313b}.subgroup:first-child{padding-left:0;border-left:none}.subgroup__title{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.panel--vstack .subgroups{flex-direction:column;gap:12px}.panel--vstack .subgroup{padding-left:0;border-left:none}.panel-pair{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.panel-pair>.panel{flex:1 1 0;min-width:280px}.mod-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.mod-stack{flex:2 1 0;min-width:0;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.mod-stack>.panel{flex:0 1 auto}.mod-row>.panel{flex:1 1 0;min-width:0}.field{display:flex;flex-direction:column;gap:6px;align-items:center}.field__label{font-size:12px;color:var(--muted);text-align:center;max-width:96px}.field__select{background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:6px 8px;font-size:13px}.split-row{display:flex;flex-direction:column;align-items:stretch;gap:6px}.split-row .field__select{min-width:97px}.split__learn{background:#2c333d;color:var(--ink);border:1px solid #3a4150;border-radius:6px;padding:6px 10px;font-size:11px;cursor:pointer;text-align:center;line-height:1.2}.split__learn:hover{border-color:var(--accent)}.split__learn.is-learning{border-color:var(--led);color:var(--led)}.radio{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.radio--col{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.field--radio{flex:0 0 auto}.radio__opt{display:inline-flex;align-items:center;gap:6px;background:#20242c;color:var(--ink);border:1px solid #2c313b;border-radius:8px;padding:6px 10px;font-size:11px;cursor:pointer}.radio__opt:hover{border-color:#3a4150}.radio__led{width:9px;height:9px;border-radius:50%;background:#3a4150;box-shadow:inset 0 0 2px #000;flex:0 0 auto;transition:background .12s,box-shadow .12s}.radio__opt.is-on .radio__led{background:var(--led);box-shadow:0 0 8px var(--led)}.radio__opt.is-on{border-color:var(--accent)}.radio__opt.is-on.is-off .radio__led{background:#3a4150;box-shadow:inset 0 0 2px #000}.switch__btn{display:inline-flex;align-items:center;gap:8px;background:#20242c;color:var(--ink);border:1px solid #2c313b;border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer}.switch__btn:hover{border-color:#3a4150}.switch__led{width:10px;height:10px;border-radius:50%;background:#3a4150;box-shadow:inset 0 0 2px #000;flex:0 0 auto;transition:background .12s,box-shadow .12s}.switch.is-on .switch__led{background:var(--led);box-shadow:0 0 8px var(--led)}.switch.is-on .switch__btn{border-color:var(--accent)}.switch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.switch-grid .switch__btn{width:100%;padding:6px 10px;font-size:11px}.matrix__head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:10px}.matrix__tab{background:#20242c;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer}.matrix__tab.is-active{border-color:var(--accent);color:var(--accent)}.matrix__led{width:12px;height:12px;border-radius:50%;background:#3a4150;box-shadow:inset 0 0 2px #000;flex:0 0 auto;transition:background .12s,box-shadow .12s}.switch-grid .switch__btn .matrix__led{width:10px;height:10px}.matrix__led.is-on{background:var(--led);box-shadow:0 0 8px var(--led)}.matrix__gridwrap{overflow-x:auto}.matrix__grid{border-collapse:collapse;font-size:11px}.matrix__grid th{color:var(--muted);font-weight:600;padding:4px 6px;white-space:nowrap}.matrix__grid thead th{text-align:center;vertical-align:bottom;border-bottom:1px solid #2c313b}.matrix__grid tbody th{text-align:right;border-right:1px solid #2c313b;color:var(--ink)}.matrix__axis{color:#fff!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:10px}.matrix__grid td{text-align:center;padding:4px 8px}.matrix__cell{cursor:pointer}.matrix__cell:hover{background:#20242c}.matrix__cell .matrix__led{display:inline-block}.knob{display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.knob__label{font-size:12px;color:var(--muted);text-align:center;max-width:96px}.knob__dial{position:relative;width:63px;height:63px;cursor:ns-resize;outline:none;touch-action:none}.knob__dial:focus-visible{filter:drop-shadow(0 0 0 2px var(--accent))}.knob__svg{width:100%;height:100%}.knob__face{fill:#2d333f;stroke:#11141a;stroke-width:2}.knob__ring{fill:none;stroke:#3a4150;stroke-width:3}.knob--dragging .knob__ring{stroke:var(--accent)}.knob__notch{stroke:var(--accent);stroke-width:4;stroke-linecap:round}.knob__readout{font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink);background:#171a20;border:1px solid #2c313b;border-radius:6px;padding:3px 8px;width:60px;text-align:center;font-family:inherit}.knob__readout:focus{outline:none;border-color:var(--accent)}.knob__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);background:var(--accent);color:#04233f;font-size:12px;font-weight:600;padding:2px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.knob__tooltip--show{opacity:1}.knob--filter .knob__notch{stroke:var(--accent-2)}.knob--filter.knob--dragging .knob__ring,.knob--filter .knob__dial:focus-visible{stroke:var(--accent-2)}.knob--filter .knob__face{fill:#243038}.knob--filter .knob__tooltip{background:var(--accent-2);color:#04221c}.knob--filter .knob__label:after{content:"NRPN";display:block;font-size:9px;letter-spacing:.5px;color:var(--accent-2);opacity:.8}.vector{display:flex;flex-direction:column;gap:10px}.vector__label{font-size:12px;color:var(--muted)}.vector__hint{opacity:.6;font-style:italic}.vector__surface{position:relative;width:240px;height:240px;background:#171a20;border:1px solid #2c313b;border-radius:var(--radius);cursor:crosshair;touch-action:none}.vector__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vector__diamond{fill:#4ec9b00d;stroke:#3a4150;stroke-width:1.5}.vector__axis{stroke:#2c313b;stroke-width:1}.vector__corner{position:absolute;font-size:12px;font-weight:700;transform:translate(-50%,-50%)}.vector__corner--a{left:8px;top:50%;color:var(--a)}.vector__corner--c{left:calc(100% - 8px);top:50%;color:var(--c)}.vector__corner--b{left:50%;top:8px;color:var(--b)}.vector__corner--d{left:50%;top:calc(100% - 8px);color:var(--d)}.vector__dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #0a1626;transform:translate(-50%,-50%);box-shadow:0 0 10px #5aa9ff99;pointer-events:none}.vector__levels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.level{display:flex;flex-direction:column;align-items:center;background:#171a20;border-radius:6px;padding:4px 0}.level__name{font-size:11px;font-weight:700}.level__field{display:inline-flex;align-items:baseline;gap:1px}.level__val{font-variant-numeric:tabular-nums;font-size:13px;width:34px;text-align:right;background:transparent;border:none;border-bottom:1px solid transparent;color:var(--ink);font-family:inherit;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.level__val::-webkit-outer-spin-button,.level__val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.level__val:focus{outline:none;border-bottom-color:var(--accent)}.level__pct{font-size:11px;color:var(--muted)}.level--a .level__name{color:var(--a)}.level--b .level__name{color:var(--b)}.level--c .level__name{color:var(--c)}.level--d .level__name{color:var(--d)}.vector__inputs{display:flex;gap:12px}.vector__inputs label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.vector__num{width:60px;background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:5px;padding:4px 6px;font-variant-numeric:tabular-nums}.config{margin-top:22px;background:var(--panel-2);border:1px solid #2c313b;border-radius:var(--radius);padding:18px 22px}.config__title{margin:0 0 12px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.config__row{display:flex;gap:22px;flex-wrap:wrap}.config__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.config__device{min-width:280px}.config select{background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:7px 9px;font-size:14px}.config__program{width:70px;background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:7px 9px;font-size:14px;font-variant-numeric:tabular-nums}.config__sync{background:var(--accent-2);color:#04221c;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer}.config__sync:hover{filter:brightness(1.08)}.config__sync:active{transform:translateY(1px)}.config__status{margin:12px 0 0;font-size:12px;color:var(--muted);min-height:1em}.config__note{margin:6px 0 0;font-size:11px;color:var(--muted);opacity:.75;max-width:620px}.dumplab{margin-top:14px}.dumplab__body{padding-top:6px}.dumplab__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.dumplab__prog{width:64px;background:#171a20;color:var(--ink);border:1px solid #2c313b;border-radius:6px;padding:6px 8px;margin-left:6px;font-variant-numeric:tabular-nums}.dumplab__row button{background:var(--accent-2);color:#04221c;border:none;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer}.dumplab__row .dumplab__swap,.dumplab__row .dumplab__clear{background:#2c333d;color:var(--ink)}.dumplab__status{margin:10px 0 6px;font-size:12px;color:var(--accent-2);min-height:1em}.dumplab__diff{margin:0;max-height:320px;overflow:auto;background:#11141a;border:1px solid #2c313b;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--ink);white-space:pre}.toast-stack{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:10px 14px;border-radius:8px;font-size:13px;color:#fff;background:#333;box-shadow:0 6px 20px #0006;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;cursor:pointer;max-width:320px}.toast--show{opacity:1;transform:translateY(0)}.toast--info{background:#38404f}.toast--success{background:var(--ok)}.toast--warn{background:var(--warn);color:#201700}.toast--error{background:var(--err)}