:root{--bg: #0f0f10;--panel: #17181a;--ink: #ececec;--muted: #8b8d92;--line: #2a2c30;--on: #e5ff11;--on-ink: #101010;--now: #ffffff;--warn: #ff7a45;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-weight:600;margin:0}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}label em{font-style:normal;color:var(--on);margin-left:6px}label small{color:var(--muted);font-weight:400;margin-left:6px}label output{color:var(--ink);float:right}.app{min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:16px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.top h1{font-size:18px}.top h1 span{color:var(--muted);font-weight:400;margin-left:8px}.now{display:flex;align-items:baseline;gap:14px}.now__chord{font-size:32px;font-weight:600;min-width:3ch}.now__bar{color:var(--muted);font-size:13px}.cube{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:16px;align-items:start}@media (max-width: 1100px){.cube{grid-template-columns:1fr}.panel--heart{order:-1}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.panel h2{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.row>.field{flex:1 1 140px;margin:0}.field{display:flex;flex-direction:column}.field--range input{width:100%}.knobs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.btn{background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;line-height:1}.btn:hover{border-color:var(--muted)}.btn.is-on{background:var(--on);color:var(--on-ink);border-color:var(--on)}.btn--big{padding:14px 22px;font-size:15px;font-weight:600}.btn--prog{display:flex;justify-content:space-between;gap:12px;text-align:left}.btn__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.8;min-width:9ch}.link{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:12px;padding:0;margin-left:8px}.choices{display:flex;flex-wrap:wrap;gap:6px}.choices--col{flex-direction:column}.choices--col .btn{width:100%}.cycle{display:flex;align-items:center;gap:10px}.cycle strong{font-size:22px;min-width:2.5ch;text-align:center}.grid{display:flex;flex-direction:column;gap:4px;overflow-x:auto}.grid__row{display:grid;grid-template-columns:56px repeat(16,minmax(20px,1fr));gap:3px;align-items:center}.grid__label{font-size:11px;color:var(--muted);text-align:left;background:none;border:0;padding:0 4px;white-space:nowrap}.grid__label.is-muted{text-decoration:line-through;opacity:.5}.cell{aspect-ratio:1;min-width:20px;border-radius:4px;border:1px solid var(--line);background:#1e2023;padding:0}.cell.is-beat{border-color:#3a3d43}.cell.is-on{background:var(--on);border-color:var(--on)}.cell.is-now{box-shadow:inset 0 0 0 2px var(--now)}.cell.is-dead{opacity:.25;cursor:default}.conductor{border-top:1px solid var(--line);padding-top:12px}.conductor label{display:flex;align-items:center;gap:10px}.conductor__row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.conductor dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:12px}.conductor dt{color:var(--muted)}.conductor dd{margin:0;font-variant-numeric:tabular-nums}.btn--build{min-width:150px}.btn--build:disabled{opacity:.6;cursor:default}.toggle{background:transparent;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:11px}.toggle.is-on{background:var(--on);color:var(--on-ink);border-color:var(--on)}.meter{border-top:1px solid var(--line);padding-top:12px}.meter dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:12px}.meter dt{color:var(--muted)}.meter dd{margin:0;font-variant-numeric:tabular-nums}.meter.is-warn label{color:var(--warn)}.gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f10eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.gate__btn{font-size:22px;font-weight:600;padding:20px 40px;border-radius:999px;border:0;background:var(--on);color:var(--on-ink)}.gate p{color:var(--muted);font-size:13px}.selects--chords{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chord-pick{display:flex;flex-direction:column;gap:6px;border-radius:10px;padding:6px;border:1px solid transparent}.chord-pick.is-now{border-color:var(--on)}.chord-pick__bar{font-size:11px;color:var(--muted)}.chord-pick .select{width:100%}.field--voice{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);gap:10px}.voice__msg{float:right;font-family:ui-monospace,Menlo,monospace;color:var(--on);font-size:12px}.choices--songs{margin-left:auto}.gate__vraag{color:#fff!important;font-size:18px!important}.gate__keuzes{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.gate__btn--song{background:transparent;color:#fff;border:1px solid #5a5d63}.gate__btn--song:hover{border-color:#fff}.gate__keuzes--pack{margin-top:-6px}.gate__keuzes--pack .gate__btn{font-size:14px;padding:9px 16px;border-style:dashed}.gate__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark;font:inherit;cursor:pointer}.top--mobile .select{max-width:120px;padding:6px 8px;font-size:12px}input[type=range]{accent-color:var(--on)}.select{width:100%;background:#1e2023;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;font-size:13px;margin-bottom:8px}.busy{color:var(--on);font-style:normal}.link--right{float:right;margin-left:0}.selects{display:flex;gap:8px}.selects .select{flex:1}.levers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lever{display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:10px;border:1px solid transparent}.lever.is-now{border-color:var(--now)}.lever__bar{font-size:11px;color:var(--muted);text-align:center;margin-bottom:2px}.lever__stop{display:flex;justify-content:space-between;gap:6px;background:#1e2023;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:12px}.lever__stop.is-on{background:var(--on);color:var(--on-ink);border-color:var(--on)}.lever__stop .btn__mono{min-width:0;opacity:.7}.select--inline{width:auto;margin:0;padding:3px 6px;font-size:11px}.btn--share{margin-left:auto;margin-right:16px}.pad{position:relative;width:100%;aspect-ratio:1;background:#1e2023;border:1px solid var(--line);border-radius:12px;touch-action:none;cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none}.pad__axis{position:absolute;background:#34373d}.pad__axis--h{left:0;right:0;top:50%;height:1px}.pad__axis--v{top:0;bottom:0;left:50%;width:1px}.pad__dot{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--on);transform:translate(-50%,-50%);box-shadow:0 0 0 6px #e5ff112e;pointer-events:none}.pad__axes{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--muted)}.pad__axes span{display:flex;align-items:center;gap:6px}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.light{display:block;width:100%;aspect-ratio:1;border-radius:12px;background:#07070a;border:1px solid var(--line)}.hint{margin:0;font-size:12px;color:var(--muted)}.btn--rig{margin-left:auto;text-decoration:none}.btn--rig+.btn--share{margin-left:8px}.app--mobile{padding:12px 12px calc(88px + env(safe-area-inset-bottom))}.top--mobile{align-items:center}.top--mobile h1{font-size:16px}.cube--mobile{display:block}.cube--mobile .panel{border-radius:14px}.app--mobile .grid__row{grid-template-columns:40px repeat(16,minmax(0,1fr));gap:2px}.app--mobile .grid__label{font-size:10px;padding:0 2px}.app--mobile .cell{min-width:0;border-radius:3px}.app--mobile .row{gap:12px}.app--mobile .selects--chords{grid-template-columns:repeat(2,1fr)}.app--mobile .choices{flex-wrap:wrap}.app--mobile .btn{padding:10px 12px;font-size:14px}.app--mobile .btn--big{padding:16px 22px;font-size:16px}.app--mobile .field--voice .choices .select,.app--mobile .pad{max-width:100%}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;background:var(--panel);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.tab{flex:1;background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;font-size:11px;padding:4px 0}.tab svg{width:24px;height:24px}.tab.is-on{color:var(--on)}.sessie{display:inline-flex;gap:4px}.top--mobile .sessie .btn,.top--mobile>.btn{padding:6px 10px;font-size:12px}@media (max-width: 760px){.gate{background:#0a0a0bf5;padding:24px 16px}.gate__keuzes{gap:8px}.gate__btn{font-size:17px;padding:12px 20px}.gate__keuzes--pack{margin-top:0}.gate__keuzes--pack .gate__btn{font-size:13px;padding:8px 14px}.top--mobile{flex-wrap:wrap;row-gap:8px}.top--mobile h1{flex:1 1 auto}.top--mobile .select{order:3;max-width:none;width:auto;flex:0 1 46%}.top--mobile .now{order:4;margin-left:auto;display:flex;align-items:baseline;gap:10px}.top--mobile .now__bar{white-space:nowrap}}.rig{--metal: linear-gradient(180deg, #2a2b2f 0%, #1c1d21 100%);--metal-2: linear-gradient(180deg, #34363b 0%, #23252a 100%);--engrave: #a9acb3;--engrave-dim: #6d7076;--accent: #e5ff11;--red: #ff5a3c;min-height:100vh;background:#0b0b0d;color:var(--engrave);padding:12px;display:flex;flex-direction:column;gap:12px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.rig__stage{position:relative;border-radius:14px;overflow:hidden;border:1px solid #23252a}.rig__stage .light{aspect-ratio:3 / 1;border:0;border-radius:0}.rig__marquee{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:18px;padding:10px 16px;background:linear-gradient(0deg,#000000bf,#0000)}.rig__brand{font-weight:600;letter-spacing:.04em;color:#fff}.rig__chord{font-size:28px;font-weight:600;color:#fff}.rig__meta{color:#b8bbc2;font-size:13px}.rig__meta em{color:var(--accent);font-style:normal}.rig__switch{margin-left:auto;color:#b8bbc2;font-size:12px;text-decoration:none;border:1px solid #3a3d43;padding:4px 10px;border-radius:999px}.rig__switch:hover{color:#fff;border-color:#fff}.console{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:14px;align-items:start}@media (max-width: 1300px){.console{grid-template-columns:1fr}}.side{display:flex;flex-direction:column;gap:14px;min-width:0}.panel--heart .row--top{gap:20px;align-items:center;justify-content:space-between}.panel--heart .levers{justify-content:space-around;gap:12px;padding:10px 0 0}.panel--fx .joy{margin:8px auto}.panel--fx .row{justify-content:center;gap:28px}.panel--heart>.field{gap:12px}.rig .panel{--grain: repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px);background:var(--grain),var(--metal);border:1px solid #3a3d43;border-radius:12px;padding:14px 16px 16px;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000080;display:flex;flex-direction:column;gap:14px;position:relative}.rig .panel:before,.rig .panel:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6b6e75,#2a2c30 70%);box-shadow:inset 0 0 0 1px #111;top:8px}.rig .panel:before{left:8px}.rig .panel:after{right:8px}.rig .panel header{display:flex;align-items:center;justify-content:space-between}.rig .panel h2{font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--engrave);margin:0;font-weight:600}.rig .row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.rig .row--top{align-items:flex-start}.rig .field{display:flex;flex-direction:column;gap:8px}.rig .field>label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--engrave-dim)}.rig .field>label small{text-transform:none;letter-spacing:0;margin-left:8px;color:#5c5f66}.rig .pending{text-transform:none;letter-spacing:0;color:var(--accent);font-style:normal;margin-left:8px}.rig .hint{margin:0;font-size:11px;color:#5c5f66}.ctl{display:flex;flex-direction:column;align-items:center;gap:6px}.ctl>label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--engrave-dim);display:flex;align-items:center;gap:6px;white-space:nowrap}.ctl>label output{color:var(--engrave);font-variant-numeric:tabular-nums}.knob{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3c3f46,#1a1b1f 70%);box-shadow:0 4px 10px #0009,inset 0 1px #ffffff1f,inset 0 -2px 4px #0009;cursor:ns-resize;touch-action:none}.knob__cap{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#50545c,#262830 75%);box-shadow:inset 0 1px #ffffff26}.knob__cap i{position:absolute;left:50%;top:6%;width:5px;height:40%;margin-left:-2.5px;background:var(--accent);border-radius:3px;box-shadow:0 0 8px var(--accent)}.knob--switch .knob__cap{top:8%;right:8%;bottom:8%;left:8%;background:radial-gradient(circle at 50% 40%,#3a3d44,#15161a 80%);box-shadow:inset 0 2px #ffffff1f,0 2px 4px #0009}.knob--switch .knob__cap:before{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:26%;margin-left:-13%;border-radius:40%;background:linear-gradient(90deg,#1a1b1f,#45484f 50%,#1a1b1f)}.knob--switch .knob__cap i{top:4%;height:22%;width:4px}.knob__arc{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;pointer-events:none}.knob__arc path{stroke:#3a3d43;stroke-width:3;stroke-linecap:round}.knob--switch{position:absolute;cursor:pointer}.rotary{position:relative}.rotary__label{position:absolute;width:10px;height:10px;border-radius:50%;background:#3a3d43;border:0;padding:0;cursor:pointer}.rotary__label.is-on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.rotary__label span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.04em;color:var(--engrave-dim);white-space:nowrap;pointer-events:none}.rotary__label span{transform:translate(-50%,-50%) translateY(-16px)}.rotary__label.is-on span{color:var(--engrave)}.ctl--rotary>label{margin-top:-6px}.lever{position:relative;width:34px}.lever__track{position:absolute;top:10px;bottom:10px;left:50%;width:8px;margin-left:-4px;background:#0d0e10;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #000000e6;cursor:pointer;touch-action:none}.lever__stop{position:absolute;left:-10px;width:28px;height:2px;margin-bottom:-1px;background:#34373d;pointer-events:none}.lever__stop.is-on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.lever__stop em{position:absolute;left:-22px;top:-6px;font-size:9px;font-style:normal;color:var(--engrave-dim);font-family:ui-monospace,monospace}.lever__stop.is-on em{color:var(--engrave)}.lever__handle{position:absolute;left:50%;width:30px;height:18px;margin-left:-15px;margin-bottom:-9px;border-radius:4px;background:linear-gradient(180deg,#55585f,#2a2c31);box-shadow:0 3px 6px #000000b3,inset 0 1px #fff3;pointer-events:none;transition:bottom .08s}.lever.is-lit .lever__track{box-shadow:inset 0 0 0 1px #000,0 0 0 2px #e5ff1140,0 0 16px #e5ff1140}.levers{display:flex;justify-content:space-around;gap:8px;padding:6px 8px 0}.lever-col{display:flex;flex-direction:column;align-items:center;gap:6px}.lever-col__bar{font-size:10px;color:var(--engrave-dim)}.minifaders{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;position:relative;padding-left:26px}.minifader{display:flex;flex-direction:column;align-items:center;gap:4px}.minifader .lever{width:100%}.minifader .lever__track{width:5px;margin-left:-2.5px}.minifader .lever__stop{left:-5px;width:15px}.minifader .lever__handle{width:16px;margin-left:-8px;height:10px;margin-bottom:-5px}.minifader.is-beat .lever__track{box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #000000e6,0 0 0 1px #2c2e33}.minifaders__legend{position:absolute;left:0;top:18px;bottom:6px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--engrave-dim)}.fader{position:relative;width:26px;background:#0d0e10;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #000000e6;cursor:pointer;touch-action:none}.fader:before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:#222428}.fader__cap{position:absolute;left:-4px;width:34px;height:14px;margin-bottom:-7px;border-radius:3px;background:linear-gradient(180deg,#5a5d64,#2c2e33);box-shadow:0 3px 6px #000000b3,inset 0 1px #fff3}.fader__cap:after{content:"";position:absolute;left:4px;right:4px;top:6px;height:2px;background:#111}.toggle{width:26px;height:44px;border-radius:6px;background:#0d0e10;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #000000e6;position:relative;cursor:pointer}.toggle i{position:absolute;left:3px;right:3px;height:22px;border-radius:4px;background:linear-gradient(180deg,#5a5d64,#2c2e33);box-shadow:0 2px 4px #000000b3;transition:top .08s}.toggle--up i{top:2px}.toggle--mid i{top:11px}.toggle--down i{top:20px}.steps{display:grid;grid-template-columns:repeat(16,1fr);gap:5px}.step{--step-color: var(--accent);aspect-ratio:1;border-radius:5px;border:0;padding:0;background:linear-gradient(180deg,#3a3d43,#24262b);box-shadow:0 3px #101114,inset 0 1px #ffffff1f;cursor:pointer;position:relative}.step:after{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:3px;background:#15161a;box-shadow:inset 0 1px 2px #000c}.step.is-on:after{background:var(--step-color);box-shadow:0 0 10px var(--step-color),0 0 2px var(--step-color)}.step.is-now{box-shadow:0 3px #101114,inset 0 0 0 2px #ffffffe6}.step.is-dim{opacity:.35}.steps--909 .step:nth-child(4n+1){background:linear-gradient(180deg,#44474e,#2a2c31)}.step:active{transform:translateY(2px);box-shadow:0 1px #101114}.channels{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.chan{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:6px;border:1px solid #3a3d43;background:var(--metal-2);color:var(--engrave-dim);font-size:9px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.chan.is-sel{border-color:var(--engrave);color:var(--engrave)}.chan.is-muted span{text-decoration:line-through}.bank{display:flex;flex-direction:column;gap:6px}.bank>label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--engrave-dim);text-align:center}.bank__keys{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.bank__key{border:0;border-radius:4px;padding:6px 8px;font-size:10px;background:linear-gradient(180deg,#3a3d43,#24262b);color:var(--engrave);box-shadow:0 2px #101114;cursor:pointer;white-space:nowrap}.bank__key:active{transform:translateY(1px);box-shadow:0 1px #101114}.big{--big-color: var(--accent);border-radius:50%;border:0;padding:0;background:radial-gradient(circle at 50% 35%,#4a4d55,#1f2126 70%);box-shadow:0 6px #0d0e10,0 8px 18px #000000b3,inset 0 2px #ffffff1f;cursor:pointer;position:relative}.big:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:#16171b;box-shadow:inset 0 2px 6px #000000e6;transition:background .1s}.big.is-lit:after{background:var(--big-color);box-shadow:0 0 22px var(--big-color),0 0 4px var(--big-color)}.big:active{transform:translateY(4px);box-shadow:0 2px #0d0e10,inset 0 2px #ffffff1f}.big:disabled{cursor:default}.big.is-blink-slow:after{animation:blink .9s steps(2) infinite}.big.is-blink-fast:after{animation:blink .45s steps(2) infinite}.big.is-blink-faster:after{animation:blink .22s steps(2) infinite}@keyframes blink{0%{filter:brightness(1)}to{filter:brightness(.35)}}.hold{width:44px;height:44px;border-radius:50%;border:0;padding:0;background:radial-gradient(circle at 50% 35%,#3c3f46,#1a1b1f 70%);box-shadow:0 3px #0d0e10,inset 0 1px #ffffff1f;position:relative;cursor:pointer}.hold span{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:conic-gradient(var(--red) calc(var(--p) * 360deg),#16171b 0)}.hold span:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#202228}.joy{--joy-color: var(--accent);position:relative;border-radius:50%;background:radial-gradient(circle at 50% 45%,#22242a,#0d0e10 70%);box-shadow:inset 0 0 0 1px #000,inset 0 6px 16px #000000e6,0 2px #ffffff0d;touch-action:none;cursor:grab;margin:0 auto}.joy__ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px solid var(--joy-color);box-shadow:0 0 14px var(--joy-color);pointer-events:none;transition:opacity .05s}.joy__shaft{position:absolute;left:50%;top:50%;width:12px;margin-left:-6px;margin-top:-6px;border-radius:6px;background:linear-gradient(90deg,#1a1b1f,#55585f,#1a1b1f);transform-origin:top center;pointer-events:none}.joy__ball{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#b0b3ba,#3a3d43 60%,#1f2126);box-shadow:0 6px 10px #000000b3;pointer-events:none}.led{--led-color: var(--accent);display:inline-block;width:8px;height:8px;border-radius:50%;background:#23252a;box-shadow:inset 0 0 0 1px #111;flex:none}.led.is-on{background:var(--led-color);box-shadow:0 0 8px var(--led-color)}.led.is-blink{animation:blink .5s steps(2) infinite}.display{background:#0a0c0a;color:#9cff6a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:4px 8px;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 8px #000000e6;min-width:44px;text-align:center;text-shadow:0 0 6px rgba(156,255,106,.6)}.display--wide{min-width:140px;flex:1;text-align:left}.rig .knobs{display:flex;gap:6px}.row--conductor{align-items:center;border-top:1px solid #3a3d43;padding-top:12px}.row--kit{align-items:flex-end}.ctl--rotary.is-compact .rotary__label span{display:none}.ctl--rotary.is-compact .rotary__label.is-on span{display:block;transform:translate(-50%,-50%) translateY(-13px);background:#0b0b0dd9;padding:1px 4px;border-radius:3px}.lever--heavy{width:96px}.lever--heavy .lever__track{top:110px;width:22px;margin-left:-11px;border-radius:6px;background:repeating-linear-gradient(180deg,#0d0e10 0,#0d0e10 6px,#1b1c20 6px,#1b1c20 8px);box-shadow:inset 0 0 0 2px #000,inset 0 3px 8px #000000e6,0 0 0 4px #24262b,0 0 0 5px #0d0e10}.lever--heavy .lever__stop{left:-22px;width:66px;height:3px;background:#3a3d43}.lever--heavy .lever__stop.is-on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.lever--heavy .lever__stop em{left:-40px;top:-8px;font-size:13px;font-weight:600}.lever--heavy .lever__handle{width:44px;height:30px;margin-left:-22px;margin-bottom:-15px;border-radius:6px;background:linear-gradient(180deg,#6a6e76,#2a2c31);box-shadow:0 6px 10px #000c,inset 0 2px #ffffff40;transition:bottom .12s cubic-bezier(.2,.8,.2,1)}.lever--heavy .lever__rod{position:absolute;left:50%;bottom:50%;width:14px;height:70px;margin-left:-7px;border-radius:7px;background:linear-gradient(90deg,#35373c,#9a9ea6 45%,#d0d3d8,#9a9ea6 55%,#35373c);box-shadow:0 0 0 1px #000}.lever--heavy .lever__grip{position:absolute;left:50%;bottom:calc(50% + 62px);width:52px;height:52px;margin-left:-26px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#4a4d55,#16171b 70%);box-shadow:0 8px 14px #000c,inset 0 2px #ffffff26,inset 0 -3px 6px #000000b3}.lever--heavy.is-lit .lever__track{box-shadow:inset 0 0 0 2px #000,inset 0 3px 8px #000000e6,0 0 0 4px #24262b,0 0 0 5px #0d0e10,0 0 24px #e5ff1159}.lever-col .display{font-size:20px;padding:6px 14px;min-width:80px}.lever-col__bar{font-size:13px}.steps{gap:8px}.step{border-radius:7px;box-shadow:0 4px #101114,inset 0 1px #ffffff1f}.step.is-now{box-shadow:0 4px #101114,inset 0 0 0 3px #ffffffe6}.chan{font-size:11px;padding:10px 4px;gap:6px}.led{width:10px;height:10px}.bank__key{font-size:12px;padding:10px 12px}.display{font-size:15px;padding:6px 12px}.display--wide{font-size:18px}.toggle{width:34px;height:60px}.toggle i{height:30px}.toggle--mid i{top:15px}.toggle--down i{top:28px}.fader{width:34px}.fader__cap{left:-6px;width:46px;height:20px;margin-bottom:-10px}.hold{width:64px;height:64px}.hold span{top:8px;right:8px;bottom:8px;left:8px}.hold span:after{top:7px;right:7px;bottom:7px;left:7px}.joy__ball{width:72px;height:72px;margin:-36px}.joy__shaft{width:18px;margin-left:-9px;margin-top:-9px}.big:after{top:16%;right:16%;bottom:16%;left:16%}.big{box-shadow:0 9px #0d0e10,0 12px 24px #000000b3,inset 0 2px #ffffff1f}.big:active{transform:translateY(6px);box-shadow:0 3px #0d0e10,inset 0 2px #ffffff1f}.rig__chord{font-size:40px}.rig__brand{font-size:18px}.lever-col .display{margin-top:4px}.rig__switch+.rig__switch{margin-left:8px}.rig__switch--select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;font:inherit;font-size:12px;color-scheme:dark;cursor:pointer}.console--walls{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wall{background:var(--grain),var(--metal);border:1px solid #3a3d43;border-radius:16px;padding:22px 22px 26px;box-shadow:inset 0 1px #ffffff0f,0 14px 40px #0000008c;display:flex;flex-direction:column;gap:22px;min-height:1100px;position:relative}.wall__head{display:flex;align-items:center;justify-content:space-between}.wall__head h2{font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--engrave);margin:0;font-weight:600}.wall__row{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.wall__row--big{gap:32px;padding:6px 0}.wall__row--mid{justify-content:space-around;align-items:flex-end}.wall__row--bottom{margin-top:auto;justify-content:space-between;align-items:center}.wall__rule{border:0;border-top:2px solid #0d0e10;box-shadow:0 1px #ffffff0f;margin:0}.wall__pending{margin:-12px 0 0;text-align:center;font-size:12px;color:var(--accent)}.wall__levers{display:flex;align-items:flex-start;justify-content:center;gap:12px}.levers--four{gap:22px;padding:0}.wall__side{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:70px;min-width:70px}.wall__sidelabel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--engrave-dim)}.wall__pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.wall__pills--tight{gap:6px}.wall__pilllabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--engrave-dim);margin-right:6px}.wall__fx{display:flex;flex-direction:column;align-items:center;gap:12px}.wall__fxaxes{display:flex;gap:18px;font-size:12px;color:var(--engrave-dim);align-items:center}.wall__fxaxes span{display:flex;align-items:center;gap:6px}.ctl--picker>label{text-transform:none;letter-spacing:0}.knob--puck{background:radial-gradient(circle at 50% 40%,#2f3137,#101114 75%);box-shadow:0 8px 16px #000000b3,inset 0 2px #ffffff1a,inset 0 -4px 8px #000000b3}.knob--puck .knob__cap{top:6%;right:6%;bottom:6%;left:6%;background:repeating-conic-gradient(from 0deg,#24262b,#24262b 6deg,#1a1b1f 6deg,#1a1b1f 12deg);box-shadow:inset 0 0 0 2px #0d0e10}.knob--puck .knob__cap i{top:8%;height:26%;width:6px;margin-left:-3px}.knob--puck .knob__arc{display:none}.lit{--lit-color: var(--accent);border-radius:50%;border:0;padding:0;position:relative;cursor:pointer;background:radial-gradient(circle at 50% 38%,#3a3d44,#1a1b1f 72%);box-shadow:0 8px #0d0e10,0 12px 26px #000000b3,inset 0 2px #ffffff1f;color:var(--engrave);font:inherit;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.lit:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:#16171b;box-shadow:inset 0 3px 8px #000000e6;transition:background .1s,box-shadow .1s}.lit span{position:relative;z-index:1;padding:0 12%;display:block;line-height:1.15}.lit.is-lit:before{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--lit-color) 85%,white),var(--lit-color) 70%);box-shadow:0 0 28px var(--lit-color),inset 0 -4px 10px #00000040}.lit.is-lit{color:#101010}.lit:active{transform:translateY(5px);box-shadow:0 3px #0d0e10,inset 0 2px #ffffff1f}.pill{border:0;border-radius:999px;padding:12px 22px;font:inherit;font-size:13px;letter-spacing:.04em;color:var(--engrave);background:linear-gradient(180deg,#3a3d43,#24262b);box-shadow:0 4px #101114,inset 0 1px #ffffff1f;cursor:pointer;white-space:nowrap}.pill.is-on{background:var(--accent);color:var(--on-ink, #101010);box-shadow:0 4px #6f7a00,0 0 18px #e5ff1159}.pill--small{padding:8px 14px;font-size:12px}.pill:active{transform:translateY(2px);box-shadow:0 2px #101114}.smallbtn{width:34px;height:34px;border-radius:50%;border:0;padding:0;background:radial-gradient(circle at 50% 35%,#3c3f46,#1a1b1f 70%);box-shadow:0 3px #0d0e10,inset 0 1px #ffffff1f;color:var(--engrave);font-size:11px;cursor:pointer}.smallbtn:active{transform:translateY(2px);box-shadow:0 1px #0d0e10}.seq{display:flex;flex-direction:column;gap:8px}.seq__row{display:grid;grid-template-columns:52px repeat(16,1fr);gap:6px;align-items:center}.seq__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--engrave-dim);background:none;border:0;text-align:left;padding:0;cursor:pointer}.seq__label.is-muted{text-decoration:line-through;opacity:.5}.step--round{border-radius:50%;box-shadow:0 4px #101114,inset 0 1px #ffffff1f}.step--round:after{top:24%;right:24%;bottom:24%;left:24%;border-radius:50%}.step--round.is-beat{background:linear-gradient(180deg,#474a52,#2c2e34)}.step--round.is-now{box-shadow:0 4px #101114,inset 0 0 0 3px #ffffffe6}.lever--tbar{width:110px}.lever--tbar .lever__track{top:40px}.lever--tbar .lever__grip{width:96px;height:26px;border-radius:6px;margin-left:-48px;bottom:calc(50% + 40px);background:linear-gradient(180deg,#6a6e76,#2a2c31);box-shadow:0 6px 12px #000c,inset 0 2px #ffffff40}.lever--tbar .lever__rod{height:48px}.lever--tbar .lever__stop{left:-30px;width:82px}.lever--tbar .lever__stop em{left:-50px}.shifter{position:relative;width:120px}.shifter__slot{position:absolute;top:14px;bottom:14px;left:50%;width:26px;margin-left:-13px;border-radius:13px;background:#0a0b0d;box-shadow:inset 0 0 0 2px #000,inset 0 4px 10px #000000f2,0 0 0 5px #24262b,0 0 0 6px #0d0e10;cursor:pointer;touch-action:none}.shifter__notch{position:absolute;left:-22px;width:70px;height:3px;margin-top:-1.5px;background:#3a3d43;pointer-events:none}.shifter__notch.is-home{background:#55585f;height:4px}.shifter__notch.is-on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.shifter__notch em{position:absolute;left:-46px;top:-9px;font-size:13px;font-weight:600;font-style:normal;color:var(--engrave-dim);font-family:ui-monospace,monospace}.shifter__notch.is-on em{color:var(--engrave)}.shifter__pivot{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#4a4d55,#16171b 70%);box-shadow:0 3px 6px #000c,inset 0 1px #ffffff26;pointer-events:none}.shifter__rod{position:absolute;left:50%;width:22px;margin-left:-11px;background:linear-gradient(90deg,#2a2c31,#8e929a 45%,#c9ccd3,#8e929a 55%,#2a2c31);pointer-events:none;transition:top .12s cubic-bezier(.2,.8,.2,1),height .12s cubic-bezier(.2,.8,.2,1)}.shifter__rod.is-up{clip-path:polygon(15% 0,85% 0,65% 100%,35% 100%)}.shifter__rod.is-down{clip-path:polygon(35% 0,65% 0,85% 100%,15% 100%)}.shifter__grip{position:absolute;left:50%;width:104px;height:30px;margin-left:-52px;margin-top:-15px;border-radius:7px;background:linear-gradient(180deg,#6e727a,#2a2c31);box-shadow:0 8px 14px #000c,inset 0 2px #ffffff47,inset 0 -3px 5px #00000080;pointer-events:none;transition:top .12s cubic-bezier(.2,.8,.2,1)}.shifter.is-lit .shifter__slot{box-shadow:inset 0 0 0 2px #000,inset 0 4px 10px #000000f2,0 0 0 5px #24262b,0 0 0 6px #0d0e10,0 0 26px #e5ff1159}.wall__side{padding-top:90px}.litgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px;justify-items:center;padding:4px 0}.litgrid .lit{font-size:12px}.litgrid .lit:not(.is-lit){color:var(--engrave-dim)}.ctl--rotary .knob--switch .knob__cap i{width:6px;height:30%}.bassline{display:flex;flex-direction:column;gap:10px}.bassline__rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bassline__steps{display:grid;grid-template-columns:repeat(16,1fr);gap:8px}.wide{--wide-color: var(--accent);border:0;border-radius:999px;padding:12px 0;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--engrave-dim);background:linear-gradient(180deg,#3a3d43,#24262b);box-shadow:0 4px #101114,inset 0 1px #ffffff1f;cursor:pointer}.wide.is-on{background:var(--wide-color);color:#101010;box-shadow:0 4px #101114,0 0 18px var(--wide-color)}.wide:active{transform:translateY(2px);box-shadow:0 2px #101114}.wall__row--pair{justify-content:center;gap:48px;padding-top:6px}.wall .seq__row{grid-template-columns:52px repeat(16,1fr);gap:7px}.wall{min-width:0;overflow:hidden}.wall__levers{gap:6px}.levers--four{gap:10px}.shifter{width:96px}.shifter__grip{width:84px;margin-left:-42px}.shifter__notch{left:-16px;width:58px}.shifter__notch em{left:-34px}.wall__side{min-width:58px}.wall__top{height:704px;display:flex;flex-direction:column;gap:22px}.wall__pills--end{margin-top:auto}.wall__side{padding-top:50px}.wall--heart .wall__levers{margin-top:-6px}.wall--lead .wall__fx{margin-top:auto}.wall__row--program{justify-content:center;padding:0}.ctl--program .rotary__label{width:12px;height:12px}.ctl--program .rotary__label span{font-size:13px;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%,-50%) translateY(-20px)}.ctl--program .rotary__label.is-on{background:var(--sel-color, var(--accent));box-shadow:0 0 10px var(--sel-color, var(--accent))}.ctl--program .rotary__label.is-on span{color:#fff}.ctl--program .knob--switch{background:radial-gradient(circle at 50% 40%,#33363c,#101114 75%);box-shadow:0 10px 20px #000000bf,inset 0 2px #ffffff1a,inset 0 -4px 8px #000000b3}.ctl--program .knob--switch .knob__cap{top:10%;right:10%;bottom:10%;left:10%;background:radial-gradient(circle at 50% 40%,#2c2f35,#15161a 80%)}.ctl--program .knob--switch .knob__cap:before{width:22%;margin-left:-11%;top:8%;bottom:8%}.ctl--program .knob--switch .knob__cap i{background:var(--sel-color, var(--accent));box-shadow:0 0 10px var(--sel-color, var(--accent));top:3%;height:24%;width:6px;margin-left:-3px}.ctl--program>label{font-size:12px;margin-top:-2px}.wall__pilllabel--gap{margin-left:14px}.wall--lead .wall__row--big{padding:0}.wall--lead .wall__top{gap:16px}.wall__row--program{margin-top:14px}.wall__row--voice{margin-top:26px;gap:22px}.wall--lead .wall__row--big{gap:22px;align-items:flex-end}.console--walls{align-items:stretch}.wall{min-height:0}.wall__row--bottom{min-height:150px;align-items:flex-end}.wall--lead .wall__row--big{gap:48px;align-items:flex-start}.wall--heart .wall__row--bottom{flex-wrap:nowrap;gap:16px}.wall--heart .wall__row--bottom .display--wide{min-width:0;flex:1;font-size:15px}.cube3d{position:fixed;top:0;right:0;bottom:0;left:0;background:#050507}.cube3d canvas{display:block}.cube3d__hud{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:baseline;gap:18px;padding:12px 18px;background:linear-gradient(180deg,#0009,#0000);color:#b8bbc2;font-family:system-ui,-apple-system,sans-serif;pointer-events:none}.cube3d__hud a{pointer-events:auto}.cube3d__brand{font-weight:600;color:#fff;font-size:16px}.cube3d__chord{font-size:30px;font-weight:600;color:#fff}.cube3d__meta{font-size:13px}.cube3d__meta em{color:#e5ff11;font-style:normal}.cube3d__switch{color:#b8bbc2;font-size:12px;text-decoration:none;border:1px solid #3a3d43;padding:4px 10px;border-radius:999px}.cube3d__switch:first-of-type{margin-left:6px}.cube3d__songs{margin-left:auto;display:flex;gap:6px;pointer-events:auto}.cube3d__song{color:#b8bbc2;font:inherit;font-size:12px;background:#00000059;border:1px solid #3a3d43;padding:4px 10px;border-radius:999px;cursor:pointer}.cube3d__song:hover{color:#fff;border-color:#fff}.cube3d__song--select{-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark}.cube3d__switch:hover{color:#fff;border-color:#fff}.plan{display:grid;grid-template-columns:340px 1fr;min-height:100vh;background:#0b0b0d;color:#c9ccd3;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.plan__side{border-right:1px solid #23252a;padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:100vh;position:sticky;top:0}.plan__side header{display:flex;align-items:baseline;gap:10px}.plan__side h1{font-size:16px;margin:0 auto 0 0;font-weight:600}.plan__link{font-size:12px;color:#9a9ea6;text-decoration:none;border:1px solid #3a3d43;border-radius:999px;padding:3px 9px}.plan__link:hover{color:#fff;border-color:#fff}.plan__hint{font-size:12px;color:#7a7e86;margin:0;line-height:1.5}.plan__block{border-top:1px solid #23252a;padding-top:12px;display:flex;flex-direction:column;gap:8px}.plan__block h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a7e86;margin:0}.plan__block--sel{background:#e5ff110d;border:1px solid rgba(229,255,17,.25);border-radius:8px;padding:12px}.plan__block label{display:flex;align-items:center;gap:8px;font-size:12px;color:#9a9ea6}.plan__block input[type=text],.plan__block input:not([type]),.plan__block input[type=number]{flex:1;min-width:0;background:#16171b;color:#eee;border:1px solid #3a3d43;border-radius:6px;padding:5px 8px;font:inherit;font-size:12px}.plan__block input[type=number]{width:70px;flex:none}.plan__block input[type=range]{flex:1;accent-color:#e5ff11}.plan__xy{display:flex;gap:10px}.plan__meta{font-size:11px;color:#7a7e86;margin:0}.plan__actions{display:flex;flex-wrap:wrap;gap:6px}.plan__actions button,.plan__file{background:#1e2023;color:#ddd;border:1px solid #3a3d43;border-radius:6px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}.plan__actions button:hover,.plan__file:hover{border-color:#9a9ea6}.plan__actions .is-danger{color:#ff8a6a}.plan__file{position:relative;overflow:hidden}.plan__file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.plan__msg{font-size:12px;color:#e5ff11;margin:0}.plan__panelsize{display:flex;align-items:center;gap:8px;font-size:12px}.plan__panelsize strong{width:60px;color:#c9ccd3;font-weight:500}.palette__group{display:flex;flex-direction:column;gap:4px}.palette__group h4{font-size:11px;color:#7a7e86;margin:6px 0 2px;font-weight:500}.palette__item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;background:#16171b;border:1px solid #2a2d33;border-radius:6px;padding:5px 8px;color:#ddd;font:inherit;font-size:12px;text-align:left;cursor:grab}.palette__item:hover{border-color:#9a9ea6}.palette__item small{color:#7a7e86;font-size:10px;white-space:nowrap}.palette__shape{display:block;border:1px solid #9a9ea6;background:#e5ff1114;min-width:6px;min-height:6px;margin:0 auto}.palette__shape[data-shape=circle],.palette__shape[data-shape=joystick]{border-radius:50%}.palette__shape[data-shape=steps],.palette__shape[data-shape=minifaders],.palette__shape[data-shape=channels]{background:repeating-linear-gradient(90deg,rgba(229,255,17,.2) 0 4px,transparent 4px 6px)}.plan__sheet{padding:24px;overflow:auto}.plan__panels{display:flex;align-items:flex-start}.plan__panel{flex:none}.plan__panelhead{display:flex;justify-content:space-between;font-size:12px;color:#9a9ea6;margin-bottom:6px}.plan__panelhead strong{color:#ddd;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.sheet{display:block;touch-action:none}.sheet .item{cursor:grab}.sheet .item.is-sel>*{stroke:#e5ff11}.sheet .item.is-sel text{fill:#e5ff11}.plan__scalebar{margin-top:16px;height:6px;border:1px solid #9a9ea6;border-top:0;font-size:10px;color:#9a9ea6;text-align:center;line-height:14px}