:root{--bg:#111313;--panel:#1c1e1e;--panel2:#232626;--line:#383b39;--text:#e5e4da;--muted:#949a91;--orange:#ff6b28;--amber:#eec374;--green:#b6d18c;--red:#eb594b;--mono:'Courier New',monospace;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text);background:#292c2a;border:1px solid #444741;border-radius:3px;padding:10px 15px;font-weight:600;transition:background .15s,border .15s}button:hover{background:#373b36;border-color:#7c8273}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--orange);color:#141610;border-color:var(--orange)}button.primary:hover{background:#ff844b}button.ghost{background:transparent;border-color:var(--line)}button.small{font:11px var(--mono);padding:7px 10px}button.active,.tabs .active{border-color:var(--orange);color:var(--orange);background:#34281f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}a{color:inherit;text-decoration:none}input[type=range]{accent-color:var(--orange);width:100%;cursor:pointer}input[type=number],input[type=text],select{background:#111611;color:var(--green);border:1px solid #444c3f;border-radius:3px;padding:8px;max-width:100%}input[type=number]{width:86px;font:18px var(--mono)}select{font:12px var(--mono)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em}h2{font-size:24px;letter-spacing:-.04em}h3{font-size:16px;letter-spacing:-.02em}.mono,.eyebrow{font-family:var(--mono)}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.orange{color:var(--orange)}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.led{width:6px;height:6px;background:var(--green);display:inline-block;border-radius:50%;box-shadow:0 0 9px #b6d18c66}.brand{font-weight:950;font-size:25px;letter-spacing:-1.5px}.brand b{color:var(--orange)}.badge{font:10px var(--mono);padding:5px 7px;border:1px solid #4a4e45;color:var(--muted);letter-spacing:.08em}.hazard{background:repeating-linear-gradient(135deg,var(--orange) 0 8px,#1b1c18 8px 16px);height:5px}.landing{min-height:100vh;background:radial-gradient(ellipse at 75% 30%,#33281c44,transparent 55%),#111313}.landnav{padding:25px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.landnav nav{display:flex;gap:28px;align-items:center;font:11px var(--mono)}.hero{padding:75px 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:610px}.hero h1{font-size:clamp(50px,5.8vw,90px);font-weight:950;line-height:.93;margin:28px 0}.hero h1 span{color:var(--orange)}.hero p{max-width:460px;color:#a5a99e;font-size:16px;line-height:1.7}.hero .actions{margin-top:28px}.hero .actions button{padding:15px 22px;font:12px var(--mono);font-weight:bold}.specs{display:flex;gap:26px;padding-top:35px}.specs span{display:block;font:9px var(--mono);color:var(--muted);margin-top:7px}.specs strong{font:19px var(--mono);color:var(--amber)}.hero-rack{position:relative;transform:rotate(-2deg);padding:14px 30px;background:#0b0d0c;border:2px solid #3b3d38;border-radius:10px;box-shadow:16px 25px 60px #0008}.hero-rack:before,.hero-rack:after{content:'';position:absolute;top:40px;bottom:40px;width:10px;border:2px solid #53554c;border-radius:7px;background:linear-gradient(90deg,#111,#393b34,#151714)}.hero-rack:before{left:8px}.hero-rack:after{right:8px}.miniunit{position:relative;background:linear-gradient(130deg,#2c302b,#1d201d);border:1px solid #474b41;margin:5px 0;padding:15px 20px;box-shadow:inset 0 1px #6b6c5422}.miniunit:before,.miniunit:after,.device-panel:before,.device-panel:after{content:'⊕';position:absolute;color:#6f7365;font-size:12px;top:7px}.miniunit:before,.device-panel:before{left:7px}.miniunit:after,.device-panel:after{right:7px}.miniunit .title{font:bold 14px var(--sans);letter-spacing:-.02em}.miniunit .eyebrow{font-size:8px}.minidisplay{padding:12px;background:#12190f;border:3px solid #11150f;font:20px var(--mono);color:var(--green);box-shadow:inset 0 0 20px #50633611}.mini-controls{display:flex;gap:14px;margin-top:15px;align-items:center}.fakeknob{height:34px;width:34px;border:3px solid #090c0a;border-radius:50%;background:conic-gradient(#34382f,#151813,#3e4338);box-shadow:2px 3px 3px #0009;position:relative}.fakeknob:after{content:'';position:absolute;width:3px;height:10px;top:2px;left:13px;background:var(--amber);transform:rotate(-30deg)}.ministeps{display:flex;gap:4px;margin-top:16px}.ministeps i{height:22px;flex:1;background:#353b30;border:1px solid #4c5340}.ministeps i.on{background:var(--orange);border-color:#ff9867;box-shadow:0 0 8px #ff6b2822}.waveart{width:100%;height:50px;color:var(--green)}.striplabel{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 5%;font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.explorer{padding:65px 5%}.explorer h2{font-size:38px}.devicecards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.devicecard{padding:24px;background:linear-gradient(135deg,#242723,#181c18);border:1px solid var(--line);position:relative;min-height:180px;cursor:pointer}.devicecard:hover{border-color:var(--orange);transform:translateY(-2px)}.devicecard h3{margin:22px 0 10px;font-size:20px}.devicecard p{font-size:12px;color:var(--muted);line-height:1.7;min-height:40px}.devicecard .arrow{position:absolute;right:20px;bottom:20px;color:var(--orange)}.landfoot{padding:30px 5%;border-top:1px solid var(--line);font:10px var(--mono);color:var(--muted)}
.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#191b19;gap:20px}.topbar .projectname{font:11px var(--mono);color:#aaa}.topbar .tools{display:flex;gap:7px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 66px)}.sidebar{background:#151815;border-right:1px solid var(--line);padding:23px 15px;display:flex;flex-direction:column;gap:6px}.sidebar .eyebrow{margin:12px 10px}.navbutton{background:transparent;border:0;text-align:left;display:flex;gap:10px;align-items:center;padding:12px;font:12px var(--sans);font-weight:600}.navbutton span{font:12px var(--mono);color:var(--muted);width:22px}.navbutton.active{background:#2c2920;color:var(--orange);box-shadow:inset 2px 0 var(--orange)}.sidebar .sysinfo{margin-top:auto;padding:28px 10px 0;font:10px/1.9 var(--mono);color:var(--muted)}.main{min-width:0}.transport{background:#1c201b;display:flex;align-items:center;justify-content:space-between;padding:16px 25px;border-bottom:1px solid var(--line);gap:18px;flex-wrap:wrap}.transport .transport-buttons{display:flex;gap:5px}.play{min-width:47px}.transport label{font:9px var(--mono);color:var(--muted);display:block;margin-bottom:4px;letter-spacing:.12em}.clock{font:20px var(--mono);color:var(--green);background:#10170e;padding:10px 13px;border:1px solid #3b4931;min-width:115px}.bpm input{font-size:21px;padding:4px 8px}.content{padding:26px;max-width:1700px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px;gap:20px}.pagehead h2{font-size:28px;margin:4px 0}.pagehead p{font-size:12px;margin:6px 0 0;color:var(--muted)}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{font:11px var(--mono);padding:8px 13px}.racklayout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px}.device-panel{background:linear-gradient(120deg,#272b25,#1d211c);border:1px solid #42473c;border-radius:4px;padding:22px;position:relative;box-shadow:0 4px 15px #0004}.devicehead{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #454b3e;padding:0 4px 16px;margin-bottom:20px}.devicehead h2{font-size:24px;margin:5px 0}.devicehead .status{font:8px var(--mono);display:flex;gap:12px;color:var(--muted)}.screen{border:3px solid #11170e;background:linear-gradient(#14200f,#10190d);padding:10px 14px;box-shadow:inset 0 0 20px #8eb35a08;color:var(--green);position:relative}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,#0002 2px 3px)}.screen canvas{width:100%;height:90px;display:block}.screen small{font:9px var(--mono);letter-spacing:.1em;color:#789564}.controlgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 12px;padding:23px 0}.control{text-align:center;min-width:0}.knob{position:relative;display:block;width:51px;height:51px;border-radius:50%;margin:0 auto 10px;background:repeating-conic-gradient(#30362b 0 5deg,#252a21 6deg 10deg);border:4px solid #10140e;box-shadow:0 3px 4px #0008,inset 1px 1px #626e4a;cursor:ns-resize;touch-action:none}.knob:after{content:'';position:absolute;width:3px;height:13px;background:var(--amber);left:20px;top:3px;transform-origin:1.5px 18px;transform:rotate(var(--angle));box-shadow:0 0 4px #d1bd6b55}.control .label{display:block;font:9px var(--mono);letter-spacing:.08em;color:#a7ad9e;text-transform:uppercase;margin-bottom:4px}.control .val{font:11px var(--mono);color:var(--amber);background:transparent;border:0;padding:0;min-width:40px}.control input[type=range]{max-width:68px;height:8px;opacity:.8;margin-top:8px}.unitfooter{border-top:1px solid #414738;padding-top:14px;font:9px var(--mono);color:var(--muted);display:flex;justify-content:space-between}.modulelist{display:flex;flex-direction:column;gap:6px}.moduleitem{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px;font:11px var(--mono);background:#20251f;gap:8px}.moduleitem small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.moduleitem .num{color:#78816d;font-size:10px}.moduleitem.active{border-color:#9c633c;background:#30291e;color:var(--amber)}.panel{border:1px solid var(--line);background:#1b1f1a;border-radius:3px;padding:18px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.sectionhead h3{margin:0;font-size:12px;letter-spacing:.05em}.seqpanel{margin-top:18px;overflow:auto}.seq-labels,.seqrow{display:grid;grid-template-columns:110px repeat(16,minmax(23px,1fr));gap:4px;min-width:600px}.seq-labels{font:9px var(--mono);color:var(--muted);text-align:center;margin-bottom:7px}.seqrow{margin:6px 0;align-items:center}.seqname{display:flex;align-items:center;justify-content:space-between;background:none;border:0;font:10px var(--mono);text-align:left;padding:7px 5px;color:#afb4a5}.seqname.active{color:var(--orange)}.step{height:32px;padding:0;border:1px solid #484e3f;border-radius:2px;background:#2b3027;font:8px var(--mono);color:#acb397;position:relative}.step:nth-child(4n+2){border-left:2px solid #727961}.step.on{background:#b45025;color:#ffd9ad;border-color:#d97839;box-shadow:inset 0 1px #ffac6766}.step.now{outline:2px solid var(--green);outline-offset:1px;z-index:1}.step.on.now{background:var(--orange)}.seqhint{font:9px var(--mono);color:var(--muted);margin-top:14px}.masterpanel{margin-top:18px;display:flex;gap:25px;align-items:center;justify-content:space-between}.skullknob{border:0;background:transparent!important;padding:0;width:53px;height:65px;touch-action:none;cursor:ns-resize}.skullknob svg{width:50px;height:60px;fill:#9f9f88;stroke:#141710;stroke-width:2}.skullknob .eye{fill:var(--orange)}.destruction{display:flex;gap:12px;align-items:center}.destruction label{font:bold 10px var(--mono);color:var(--orange);display:block;margin-bottom:5px}.destruction small{font:9px var(--mono);color:var(--muted)}.mastermeter{flex:1;max-width:380px}.mastermeter canvas{width:100%;height:28px}.mastermeter .eyebrow{font-size:8px}.mixergrid{display:flex;overflow:auto;gap:8px;padding-bottom:15px}.channel{min-width:100px;flex:1;background:linear-gradient(#282d24,#1b2019);border:1px solid #434a38;padding:14px 10px;text-align:center}.channel h3{font:11px var(--mono);margin:7px 0 14px;color:var(--amber)}.channel .chno{font:8px var(--mono);color:var(--muted)}.faderarea{display:flex;align-items:center;justify-content:center;gap:12px;height:170px;margin:15px 0}.faderarea input{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:22px;height:160px}.meter{width:10px;height:160px;background:#12180d;border:1px solid #3c4a2c;position:relative;overflow:hidden}.meter i{position:absolute;bottom:0;left:0;right:0;height:0;background:repeating-linear-gradient(to top,#a3c071 0 4px,transparent 4px 6px)}.channel button{font:10px var(--mono);padding:6px 10px}.channel label{font:8px var(--mono);display:block;margin:13px 0 5px;color:var(--muted)}.channel output{font:10px var(--mono);color:var(--green)}.padgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pad{min-height:130px;text-align:left;position:relative;padding:20px;background:linear-gradient(140deg,#2c3326,#1b2018)}.pad strong{font-size:20px;display:block;margin-top:18px}.pad small{font:9px var(--mono);color:var(--muted)}.pad.active{box-shadow:inset 0 -4px var(--orange)}.arranger{overflow:auto}.arr-grid{display:grid;grid-template-columns:110px repeat(8,minmax(75px,1fr));gap:5px;min-width:780px;margin:5px 0}.clip{background:#38492a;border:1px solid #586d40;font:9px var(--mono);color:#c1d5a1;min-height:40px;padding:10px}.clip.empty{background:#22271e;color:#616959;border-color:#3a4231}.clip.current{outline:2px solid var(--orange)}.arrlabel{font:10px var(--mono);display:flex;align-items:center}.routing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.routing .panel{border-top:3px solid var(--orange)}.routing p{font:11px/1.9 var(--mono);color:var(--muted)}.help{max-width:850px}.help p,.help li{color:#adb3a3;font-size:13px;line-height:1.8}.help h3{margin-top:25px;color:var(--amber)}.automations{display:flex;gap:5px;align-items:end;height:190px;background:#121a0e;padding:15px}.autostep{flex:1;min-width:10px;text-align:center}.autostep input{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;height:140px;width:20px}.autostep small{display:block;font:9px var(--mono);color:#889b6a}.fxgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fxgrid .controlgrid{grid-template-columns:repeat(2,1fr)}.devicebadge{font:8px var(--mono);padding:3px 5px;background:#303724;color:var(--green)}dialog{background:#23291e;color:var(--text);border:1px solid #687352;border-radius:5px;max-width:650px;width:90%;padding:28px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{margin-bottom:20px}dialog label{display:block;font:11px var(--mono);color:var(--muted);margin:16px 0 7px}dialog .modalfoot{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}dialog input[type=text]{width:100%;font:15px var(--mono)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#e5cf9b;color:#252716;padding:13px 22px;box-shadow:0 8px 30px #0008;z-index:100;font:12px var(--mono);border:1px solid #fff3;transition:transform .2s;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}.searchresults{display:flex;flex-direction:column;gap:6px;margin-top:15px;max-height:350px;overflow:auto}.searchresults button{text-align:left}.sampler-drop{border:1px dashed #778061;padding:22px;text-align:center;margin-bottom:10px;color:var(--muted);font:12px var(--mono)}.note-keys{display:flex;margin-top:15px;height:90px;gap:3px}.note-keys button{flex:1;background:#b6b9a7;color:#292c23;border:0;font:9px var(--mono);padding:0;display:flex;align-items:end;justify-content:center;padding-bottom:9px}.note-keys .black{background:#11170e;color:#a8b097;height:65px;margin:0 -10px;width:20px;flex:none;z-index:1}.note-keys button:active{background:var(--orange)}.notice{padding:13px 15px;background:#2b291c;border:1px solid #514b2e;color:#c0b58d;font:11px/1.6 var(--mono);margin-bottom:20px}.hidden{display:none!important}@media(min-width:1500px){.controlgrid{grid-template-columns:repeat(6,1fr)}.racklayout{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1100px){.workspace{grid-template-columns:165px 1fr}.sidebar{padding:15px 8px}.racklayout{grid-template-columns:1fr}.modulelist{display:grid;grid-template-columns:repeat(4,1fr);order:-1}.moduleitem{padding:9px}.moduleitem small{display:none}.moduleitem .num{display:none}.hero{gap:30px}.devicecards{grid-template-columns:repeat(3,1fr)}.transport{padding:12px 18px}.topbar{padding:0 18px}.content{padding:20px}.transport .extra{display:none}}@media(max-width:750px){.landnav nav a{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-rack{max-width:520px;width:100%;margin:auto}.hero h1{font-size:64px}.devicecards{grid-template-columns:repeat(2,1fr)}.striplabel span:last-child{display:none}.workspace{display:block}.sidebar{display:flex;flex-direction:row;overflow:auto;border-bottom:1px solid var(--line);padding:8px}.sidebar .eyebrow,.sidebar .sysinfo{display:none}.navbutton{white-space:nowrap;padding:10px}.navbutton span{display:none}.topbar .projectname,.topbar .badge{display:none}.topbar{height:60px}.brand{font-size:21px}.topbar .tools button{padding:7px 9px;font-size:10px}.transport{gap:12px}.transport .core-mode{display:none}.clock{font-size:15px;min-width:95px}.content{padding:15px}.pagehead{flex-wrap:wrap}.pagehead h2{font-size:25px}.modulelist{grid-template-columns:repeat(3,1fr)}.controlgrid{grid-template-columns:repeat(4,1fr);gap:22px 6px}.device-panel{padding:17px}.devicehead .status{display:none}.masterpanel{flex-wrap:wrap;gap:15px}.mastermeter{min-width:150px}.padgrid{grid-template-columns:repeat(2,1fr)}.routing,.fxgrid{grid-template-columns:1fr}.specs{gap:20px}.hero .actions{flex-wrap:wrap}.landnav{gap:10px}.landnav nav{gap:10px}.devicecard{padding:18px}.devicecard h3{font-size:17px}.badge{font-size:8px}.sectionhead{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.hero-rack{transform:none}}

/* PINK EDITION — candy-coated hardware, shared across every machine. */
:root{--bg:#fff0fa;--panel:#ffc9e7;--panel2:#ffe0f2;--line:#e892bd;--text:#501237;--muted:#8c406c;--orange:#e60082;--amber:#9c145a;--green:#ffc0e8;--red:#d71869}
body{background:radial-gradient(circle at 15% 0%,#fff 0,transparent 38%),#fff0fa}
button{color:#651a47;background:#ffdbef;border-color:#e798c0;border-radius:10px}button:hover{background:#ffbddf;border-color:#e60082}button.primary{background:linear-gradient(#ff4eb7,#ec078f);color:#fff;border-color:#db0082;box-shadow:0 4px 12px #f01a9133}button.primary:hover{background:#eb007f}button.active,.tabs .active{color:#ac005d;background:#ffb6de;border-color:#f01a91}button.ghost{background:#fff5fb88}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#9f0062}.badge{color:#9a2c67;border-color:#ec8abd;background:#fff3fa}.brand{color:#631843}.led{background:#ff24a6;box-shadow:0 0 10px #ff24a699}input[type=number],input[type=text],select{background:#fff0fa;color:#8e1756;border-color:#df87b5;border-radius:8px}.orange{color:#e60082}
.landing{background:radial-gradient(ellipse at 80% 25%,#ff80c966,transparent 50%),radial-gradient(circle at 5% 65%,#ffa8e14a,transparent 35%),#fff0fa}.landnav{background:#ffffff66}.hero h1{position:relative}.hero h1 span{color:#ed008c;text-shadow:2px 3px 0 #ffacd6}.hero h1 .hero-kiss{position:absolute;font-size:70px;right:0;top:-35px;transform:rotate(15deg);color:#ff48b1}.hero p{color:#8b3566}.specs strong{color:#ca0875}.hero-rack{background:linear-gradient(145deg,#fface0,#ff4fb6);border-color:#e52795;box-shadow:16px 25px 60px #ae237438;border-radius:22px}.hero-rack:before,.hero-rack:after{border-color:#db6ca5;background:linear-gradient(90deg,#ffb6de,#fff1fa,#ef78b5)}.miniunit{background:linear-gradient(135deg,#ffd8ee,#ff97d1);border-color:#dc74a9;border-radius:8px;box-shadow:inset 0 1px #fff8}.miniunit .eyebrow{color:#9b3772}.miniunit:before,.miniunit:after,.device-panel:before,.device-panel:after{color:#c95593}.minidisplay,.screen{background:linear-gradient(#38142e,#4e173e);border-color:#f492c8;color:#ffd1f0;border-radius:8px}.minidisplay{box-shadow:inset 0 0 25px #ff45b421}.waveart{color:#ffbfe7}.fakeknob{border-color:#cc4d91;background:conic-gradient(#fffbfd,#ff8fc8,#fff4fa);box-shadow:2px 3px 4px #9c236b55}.fakeknob:after{background:#d40078}.ministeps i{background:#ffcae6;border-color:#d471a3;border-radius:4px}.ministeps i.on{background:#ff189e;border-color:#ff69c1}.hazard{background:repeating-linear-gradient(135deg,#ff2ca7 0 8px,#ffe3f5 8px 16px)}.striplabel{background:#ffdcf0;color:#9c2a64}.devicecard{background:linear-gradient(145deg,#fff8fd,#ffc2e4);border-color:#ed97c7;border-radius:18px;box-shadow:0 5px 15px #c8217610}.devicecard:hover{box-shadow:0 8px 24px #f02f9333}.devicecard:before{content:'✧';position:absolute;right:18px;top:15px;color:#f239a4;font-size:22px}.landfoot{background:#ffe0f2}
.topbar{background:linear-gradient(100deg,#fff6fc,#ffaad9)}.topbar .projectname{color:#8a245b}.sidebar{background:linear-gradient(#ffdaf0,#fff1fb)}.navbutton{color:#77234f}.navbutton.active{background:#ffaedb;color:#960056;box-shadow:inset 3px 0 #ed008c}.transport{background:#ffe1f2}.clock{background:#421530;color:#ffd0ec;border-color:#ea92c1;border-radius:9px}.main{background:radial-gradient(ellipse at top right,#ffa8db33,transparent 70%),#fff0fa}.device-panel{background:linear-gradient(135deg,#ffe7f6,#ffadd9);border-color:#e782b5;border-radius:18px;box-shadow:0 6px 18px #ba257b1a,inset 0 2px #fffc}.devicehead{border-color:#e391bc}.screen small{color:#ef9dcf}.knob{background:repeating-conic-gradient(#ffeaf6 0 5deg,#ffb5dc 6deg 10deg);border-color:#df78ad;box-shadow:0 4px 5px #ad286b44,inset 1px 1px #fff}.knob:after{background:#d6007c;box-shadow:0 0 3px #f159aa}.control .label{color:#842956}.control .val{color:#a60860}.unitfooter{border-color:#df8fb8}.moduleitem{background:#ffe0f2;border-color:#e59abf;border-radius:10px}.moduleitem.active{background:#ff9ed2;border-color:#ec188f;color:#8f0050}.moduleitem .num{color:#a94d7e}.panel{background:#ffe2f2;border-color:#e998c1;border-radius:14px}.seqname{color:#933966}.step{background:#ffcae5;border-color:#de8eb7;color:#8d2b62;border-radius:5px}.step:nth-child(4n+2){border-left-color:#c2468d}.step.on{background:#ff34a8;color:#fff;border-color:#e80689;box-shadow:inset 0 1px #ffc4e9}.step.now{outline-color:#9d0067}.step.on.now{background:#b60072}.skullknob svg{fill:#ffaad7;stroke:#ab296f}.skullknob .eye{fill:#ef008e}.channel{background:linear-gradient(#ffe8f6,#ffb8df);border-color:#df88b4;border-radius:14px}.channel h3{color:#971355}.channel .chno{color:#a74a7a}.meter{background:#4c173c;border-color:#d75a9e;border-radius:6px}.meter i{background:repeating-linear-gradient(to top,#ff78c8 0 4px,transparent 4px 6px)}.channel output{color:#90105c}.pad{background:linear-gradient(140deg,#ffedf9,#ffaddb);border-radius:18px;border-color:#e48abc}.pad.active{box-shadow:inset 0 -4px #eb078e}.clip{background:#ff97d0;border-color:#dc59a2;color:#81184f;border-radius:6px}.clip.empty{background:#ffeef9;color:#b85b90;border-color:#edb3d2}.automations{background:#4d193d;border-radius:10px}.autostep small{color:#ffbee6}.note-keys button{background:#fff2fb;color:#992466;border:1px solid #e585b6}.note-keys .black{background:#dc258d;color:#fff}.note-keys button:active{background:#fa59b3}.help p,.help li{color:#87345f}.help h3{color:#bf126f}.notice{background:#ffe0f1;border-color:#e895bd;color:#933367}.sampler-drop{background:#fff1fa88;border-color:#df65a8;color:#a22f6d;border-radius:12px}.devicebadge{background:#ffafdb;color:#911152}dialog{background:linear-gradient(145deg,#fff4fc,#ffc5e5);color:#651940;border-color:#e86bac;border-radius:22px;box-shadow:0 20px 100px #83084b66}dialog::backdrop{background:#53113f77}#toast{background:#ff39a9;color:#fff;border-color:#ffb8dd;border-radius:25px;box-shadow:0 8px 30px #b8127155}.routing .panel{border-top-color:#ff229f}
.candy-randomizer{padding:15px 18px;margin-bottom:18px;border:1px solid #ef72b4;border-radius:17px;background:radial-gradient(circle at 95% 0%,#fff9 0,transparent 35%),linear-gradient(110deg,#ffd4ed,#ff85ca);text-align:center;box-shadow:inset 0 1px #fffd,0 3px 12px #d53d8f12}.candy-caption{display:flex;align-items:center;justify-content:center;gap:10px;color:#9d005c;font-size:12px;letter-spacing:.02em}.candy-caption>span{font-size:18px;color:#e60988}.candy-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:10px 0}.candy-button{min-height:43px;min-width:165px;padding:10px 20px;border:1px solid #b60070;border-radius:28px;background:linear-gradient(#f824a0,#d70079);color:#fff;font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffbde5,0 4px 0 #ad0765,0 6px 14px #b20a6a2b}.candy-button:hover{background:linear-gradient(#ff49b7,#e40c87);color:#fff;border-color:#94005d;box-shadow:inset 0 1px #ffe0f2,0 4px 0 #ad0765,0 7px 20px #ed00774d}.candy-button:active{transform:translateY(3px);box-shadow:inset 0 1px #ffbde5,0 1px 0 #ad0765}.candy-button span{font-size:18px;vertical-align:-1px;margin-right:5px}.candy-randomizer small{font:8px var(--mono);letter-spacing:.09em;color:#8b245a}@media(max-width:750px){.hero h1 .hero-kiss{right:10px;font-size:48px;top:-30px}.candy-randomizer{padding:12px 9px}.candy-buttons{gap:10px}.candy-button{min-width:140px;padding:10px 13px;font-size:12px}}