:root{color-scheme:dark;--page:#0d0f12;--panel:#101216;--text:#e8e7e3;--muted:#858b92;--orange:#f39a52;--mint:#70decf;--lcd:#a6e27b;--lcd-bg:#0d2117;font-family:"Segoe UI",Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#252a31 0,transparent 42%),linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0/8px 8px,var(--page);color:var(--text)}button,input,select{font:inherit}button{color:inherit}.shell{width:min(1420px,100%);margin:0 auto;padding:18px}.machine{overflow:hidden;border:1px solid #3b3f46;border-radius:30px;background:linear-gradient(145deg,#282c32,#1c1f24 65%);box-shadow:0 35px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.machine-topbar{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:24px;align-items:center;padding:20px;border-bottom:1px solid #101215}.lcd{min-height:68px;padding:12px 16px;border:1px solid #080c09;border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.12) 2px 3px),radial-gradient(circle at 25% 30%,rgba(116,205,103,.12),transparent 45%),var(--lcd-bg);color:var(--lcd);box-shadow:inset 0 0 25px #030b07,0 1px 0 rgba(255,255,255,.08);font:700 16px/1.25 ui-monospace,"Cascadia Mono",monospace;text-shadow:0 0 8px rgba(166,226,123,.32)}.lcd-row{display:flex;justify-content:space-between;gap:20px}.lcd-sub{margin-top:10px;color:#6da56b;font-size:12px;letter-spacing:.06em}.lcd [data-state=ready]{color:#d5ffad}.lcd [data-state=error]{color:#ff8c79}.utility-nav{display:flex;align-items:center;gap:10px}.utility-button,.dialog-close{border:1px solid #111318;background:linear-gradient(#292c32,#191b20);box-shadow:0 3px 7px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer}.utility-button{min-width:70px;min-height:38px;border-radius:20px;color:#979ca3;font-size:12px;font-weight:800;letter-spacing:.12em}.utility-button.active{color:var(--orange);box-shadow:0 0 13px rgba(243,154,82,.12),inset 0 1px 0 rgba(255,255,255,.08)}.utility-button.round{min-width:38px;width:38px}.system-led{width:9px;height:9px;margin-left:2px;border-radius:50%;background:#768078;box-shadow:inset 0 1px 2px #000}.system-led.on{background:#9bf66e;box-shadow:0 0 12px #72ee51}
.deck{display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(410px,.92fr);gap:16px;padding:0 20px 16px}.pad-zone,.control-panel,.sequencer-panel{border:1px solid #0d0f12;border-radius:16px;background:var(--panel);box-shadow:inset 0 1px 13px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.055)}.pad-zone{padding:16px}.panel-label{display:flex;justify-content:space-between;gap:16px;color:#6f757c;font-size:12px;font-weight:800;letter-spacing:.14em}.panel-label b{color:var(--orange)}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.drum-pad{position:relative;min-height:132px;overflow:hidden;border:1px solid color-mix(in srgb,var(--pad),#000 35%);border-radius:9px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.32),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--pad),#fff 8%),color-mix(in srgb,var(--pad),#000 18%));color:#172023;box-shadow:0 5px 10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -7px 16px rgba(0,0,0,.12);cursor:pointer;text-align:center;touch-action:manipulation;user-select:none;transition:transform 70ms ease,filter 70ms ease,box-shadow 70ms ease}.drum-pad:after{content:"";position:absolute;inset:0;opacity:.16;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 2px,rgba(0,0,0,.18) 2px 3px)}.drum-pad:hover{filter:brightness(1.08)}.drum-pad.active{transform:translateY(3px) scale(.975);filter:brightness(1.22);box-shadow:0 1px 4px rgba(0,0,0,.55),inset 0 0 22px rgba(255,255,255,.3),0 0 24px color-mix(in srgb,var(--pad),transparent 35%)}.pad-number,.pad-key,.pad-name,.pad-source{position:relative;z-index:1;display:block}.pad-number{position:absolute;top:10px;left:11px;font:700 12px/1 ui-monospace,monospace}.pad-key{position:absolute;right:9px;bottom:8px;min-width:22px;padding:3px;border:1px solid rgba(0,0,0,.22);border-radius:4px;font:800 11px/1 ui-monospace,monospace}.pad-name{margin-top:47px;font-size:clamp(14px,1.25vw,18px);font-weight:800;letter-spacing:.04em}.pad-source{margin-top:6px;opacity:.6;font:700 10px/1 ui-monospace,monospace}.pad-footer{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:14px;color:#62686f;font-size:11px;font-weight:800;letter-spacing:.12em}kbd{min-width:20px;padding:3px;border:1px solid #353a42;border-radius:3px;background:#191c21;color:#a6abb1;font:700 10px/1 ui-monospace,monospace;text-align:center}
.control-zone{display:grid;gap:14px;align-content:start}.control-panel{padding:16px}.transport{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:9px;margin-top:14px}.control-key,.mode-button,.stepper button,.loaded-set{border:1px solid #090b0e;background:linear-gradient(#282b31,#181a1f);box-shadow:0 3px 7px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07);cursor:pointer}.control-key{min-height:60px;border-radius:7px;color:#93989e}.control-key b{display:block;font-size:17px}.control-key span{display:block;margin-top:5px;font-size:11px;font-weight:850;letter-spacing:.11em}.audio-key i{display:block;width:8px;height:8px;margin:0 auto;border-radius:50%;background:#59605e}.audio-key.ready i{background:#9bf66e;box-shadow:0 0 10px #72ee51}.play-key.playing{color:#ffb47b;box-shadow:0 0 14px rgba(243,154,82,.22),inset 0 1px 0 rgba(255,255,255,.07)}.control-grid{display:grid;grid-template-columns:1.1fr .8fr 1.2fr;gap:14px;margin-top:18px}.control-block label{display:flex;justify-content:space-between;min-height:18px;color:#747a81;font-size:11px;font-weight:800;letter-spacing:.12em}.stepper{display:grid;grid-template-columns:32px 1fr 32px;height:34px}.stepper button{color:#7d838a}.stepper input,select{width:100%;min-width:0;border:1px solid #090b0e;background:#15181c;color:#d8d7d2;text-align:center;font-weight:800}select{height:34px;padding:0 7px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=range]{width:100%;margin:9px 0 0;accent-color:var(--orange)}.mode-row{display:flex;align-items:center;gap:8px;margin-top:17px}.mode-button{min-height:34px;padding:0 12px;border-radius:5px;color:#777d84;font-size:10px;font-weight:850;letter-spacing:.1em}.mode-button.active{color:var(--orange);border-color:#6d422a;box-shadow:0 0 10px rgba(243,154,82,.15),inset 0 1px 0 rgba(255,255,255,.07)}.group-readout{margin-left:auto;color:var(--mint);font:800 12px/1 ui-monospace,monospace}.meter-strip{height:20px;margin-top:14px;padding:6px 7px;border:1px solid #080a0c;border-radius:3px;background:#0a0c0f}.meter-blocks{display:flex;gap:3px;height:100%}.meter-group{display:flex;flex:var(--group);gap:2px}.meter-unit{flex:1;border-radius:2px;background:#3c4249}.meter-unit:first-child{background:var(--orange);box-shadow:0 0 6px rgba(243,154,82,.55)}
.loaded-set{width:100%;display:grid;grid-template-columns:1fr auto 18px;gap:12px;align-items:center;margin-top:13px;padding:13px;border-radius:7px;text-align:left}.loaded-set small{display:block;margin-bottom:5px;color:var(--orange);font-size:9px;font-weight:850;letter-spacing:.14em}.loaded-set strong{font-size:15px}.loaded-set b{color:var(--orange);font-size:24px}.set-spec{color:#8b9198;font:700 11px/1 ui-monospace,monospace}.monitor-panel{padding-bottom:14px}.beat-lights{display:grid;grid-template-columns:repeat(18,1fr);gap:3px;height:8px;margin-top:13px}.beat-light{border-radius:2px;background:#343941}.beat-light.group{background:#694630}.beat-light.on{background:var(--mint);box-shadow:0 0 8px var(--mint)}.sequencer-panel{margin:0 20px 20px;padding:16px}.sequencer-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.sequence-help{color:#666c73;font-size:12px}.sequencer{overflow-x:auto;margin-top:13px;padding-bottom:4px}.sequence-row{display:grid;grid-template-columns:94px repeat(var(--steps),minmax(25px,1fr));gap:4px;min-width:calc(94px + var(--steps)*29px);margin-bottom:5px}.sequence-label{display:flex;align-items:center;color:#777d84;font-size:12px;font-weight:800}.step-button{min-height:29px;border:1px solid #292e35;border-radius:3px;background:#16191e;cursor:pointer}.step-button.group-start{border-left-color:#7d4c2c}.step-button.selected{border-color:#9f5930;background:linear-gradient(#f2a15e,#c66b37);box-shadow:inset 0 0 0 2px #753a1f,0 0 8px rgba(243,154,82,.2)}.step-button.playhead{outline:2px solid var(--mint);outline-offset:1px}.brand-note{margin:14px 0 0;color:#555b62;font-size:11px;font-weight:800;letter-spacing:.18em;text-align:center}
.studio-dialog{width:min(860px,calc(100% - 28px));max-height:calc(100vh - 32px);padding:0;overflow:auto;border:1px solid #4a4f57;border-radius:20px;background:#1d2025;color:var(--text);box-shadow:0 35px 100px rgba(0,0,0,.75)}.studio-dialog::backdrop{background:rgba(4,6,8,.78);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid #343840}.dialog-kicker{color:var(--orange);font-size:11px;font-weight:850;letter-spacing:.16em}.dialog-head h1{margin:4px 0 5px;font-size:30px}.dialog-head p{margin:0;color:#92979d;font-size:15px}.dialog-close{flex:0 0 40px;height:40px;border-radius:50%;font-size:24px}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.preset-card{position:relative;min-height:128px;padding:18px;border:1px solid #353a41;border-radius:10px;background:#14171b;cursor:pointer;color:var(--text);text-align:left}.preset-card:hover{border-color:#6c7279}.preset-card.loaded{border-color:#a25c33;box-shadow:inset 0 0 24px rgba(243,154,82,.08)}.preset-card small{display:block;color:var(--mint);font-size:11px;font-weight:850;letter-spacing:.13em}.preset-card strong{display:block;margin-top:13px;font-size:19px}.preset-card span{display:block;margin-top:7px;color:#858b92;font-size:13px}.preset-card em{position:absolute;right:14px;top:14px;color:var(--orange);font:800 11px/1 ui-monospace,monospace;font-style:normal}.help-dialog{width:min(620px,calc(100% - 28px))}.help-list{margin:0;padding:24px 34px 8px 50px;color:#aeb2b7;font-size:16px;line-height:1.55}.help-list li{margin-bottom:14px}.help-list b{color:var(--text)}.future-note{margin:8px 24px 24px;padding:13px;border-left:3px solid var(--mint);background:#121518;color:#8e949a;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(112,222,207,.5);outline-offset:3px}button:active{transform:translateY(1px)}
@media(max-width:1000px){.deck{grid-template-columns:1fr}.control-zone{grid-template-columns:1fr 1fr}.loop-panel{grid-row:span 2}}@media(max-width:720px){.shell{padding:8px}.machine{border-radius:18px}.machine-topbar{grid-template-columns:1fr;gap:12px;padding:14px}.utility-nav{justify-content:flex-end}.deck{padding:0 12px 12px}.pad-grid{gap:8px}.drum-pad{min-height:105px}.pad-name{margin-top:36px;font-size:14px}.pad-source{display:none}.control-zone{grid-template-columns:1fr}.loop-panel{grid-row:auto}.sequencer-panel{margin:0 12px 12px}.sequence-help{display:none}.preset-grid{grid-template-columns:1fr}}@media(max-width:440px){.utility-button{min-width:58px}.pad-zone{padding:11px}.pad-grid{gap:6px}.drum-pad{min-height:86px;border-radius:7px}.pad-name{margin-top:29px;font-size:12px}.pad-number{top:7px;left:8px;font-size:10px}.pad-key{right:6px;bottom:6px}.control-grid{grid-template-columns:1fr 1fr}.swing-block{grid-column:1/-1}.transport{grid-template-columns:1fr 1fr}.audio-key{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}

/* Fiiz identity: asymmetric night console with restrained spectral accents. */
:root{--page:#050713;--panel:#0b1020;--text:#f1f5ff;--muted:#8791ad;--orange:#d9ff6a;--mint:#53e5db;--lcd:#b8f7ff;--lcd-bg:#10183a}
body{background:radial-gradient(circle at 75% -20%,rgba(94,74,255,.24),transparent 45%),linear-gradient(115deg,rgba(83,229,219,.05),transparent 35%),#050713}
.machine{border-radius:14px;border-color:#29385f;background:linear-gradient(135deg,#121831,#090d1c 68%);box-shadow:0 38px 110px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.07)}
.machine-topbar{border-bottom-color:#263457}.lcd{border-color:#263c74;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,255,255,.018) 4px 5px),radial-gradient(circle at 80% 0,rgba(83,229,219,.14),transparent 45%),var(--lcd-bg);color:var(--lcd);box-shadow:inset 0 0 28px #080d23,0 0 24px rgba(77,116,255,.08)}.lcd-sub{color:#718bc0}.utility-button{border-radius:7px;background:linear-gradient(#202944,#11172b);border-color:#27345c}.utility-button.active{color:var(--orange);box-shadow:inset 0 -2px 0 #8cab32}.system-led.on{background:#d9ff6a;box-shadow:0 0 12px #d9ff6a}
.deck{grid-template-columns:minmax(350px,.72fr) minmax(590px,1.28fr)}.control-zone{grid-column:1;grid-row:1}.pad-zone{grid-column:2;grid-row:1}.pad-zone,.control-panel,.sequencer-panel{border-radius:11px;border-color:#202b4a;background:linear-gradient(145deg,#0d1327,#080c19);box-shadow:inset 0 1px 18px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.04)}.control-panel{border-left:2px solid #344a83}.panel-label{color:#7883a2}.panel-label b{color:var(--orange)}
.drum-pad{min-height:126px;border-radius:12px;border-color:color-mix(in srgb,var(--pad),#18223d 62%);background:linear-gradient(158deg,rgba(255,255,255,.07),transparent 45%),linear-gradient(180deg,#18213b 0 76%,color-mix(in srgb,var(--pad),#0e1428 62%) 76%);color:#f4f7ff;box-shadow:0 7px 16px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -3px 0 color-mix(in srgb,var(--pad),transparent 15%)}.drum-pad:after{opacity:.07;background:linear-gradient(125deg,transparent 44%,var(--pad) 45%,transparent 46%)}.drum-pad:hover{filter:brightness(1.15);border-color:var(--pad)}.drum-pad.active{box-shadow:0 2px 5px rgba(0,0,0,.6),inset 0 0 32px color-mix(in srgb,var(--pad),transparent 55%),0 0 20px color-mix(in srgb,var(--pad),transparent 45%)}.pad-number{color:var(--pad);font-size:13px}.pad-name{letter-spacing:.08em}.pad-source{color:#8994b0;opacity:1}.pad-key{border-color:#3b496f;color:#cbd4eb;background:#0b1020}
.control-key,.mode-button,.stepper button,.loaded-set{border-color:#202a49;background:linear-gradient(#18213a,#0d1324)}.audio-key.ready i{background:var(--orange);box-shadow:0 0 10px var(--orange)}.play-key.playing{color:var(--orange)}.mode-button.active{color:var(--orange);border-color:#758d32}.meter-unit:first-child{background:var(--mint);box-shadow:0 0 7px rgba(83,229,219,.65)}.group-readout{color:var(--mint)}.loaded-set small,.loaded-set b{color:var(--orange)}.beat-light.group{background:#47573b}.beat-light.on{background:var(--orange);box-shadow:0 0 8px var(--orange)}
.sequencer-panel{border-left:3px solid #5f73ff}.arrangement-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px 0 12px}.arrangement-tab{min-height:40px;border:1px solid #29375d;border-radius:6px;background:#10162a;color:#8792ad;font-size:12px;font-weight:850;letter-spacing:.09em;cursor:pointer}.arrangement-tab:hover{border-color:#526aa9;color:#dfe6fb}.arrangement-tab.active{border-color:#53e5db;background:linear-gradient(135deg,rgba(83,229,219,.18),rgba(95,115,255,.2));color:#cafff9;box-shadow:inset 0 -2px 0 #53e5db}.step-button{border-color:#243154;background:#0e1428}.step-button.group-start{border-left-color:#53e5db}.step-button.selected{border-color:#53e5db;background:linear-gradient(135deg,#53e5db,#5f73ff);box-shadow:inset 0 0 0 2px #243f72,0 0 9px rgba(83,229,219,.24)}.step-button.playhead{outline-color:var(--orange)}
.studio-dialog{border-color:#344775;border-radius:12px;background:#0b1020}.preset-card{border-color:#28375e;border-radius:7px;background:#0d1428}.preset-card.loaded{border-color:#53e5db}.preset-card small{color:var(--mint)}.preset-card em{color:var(--orange)}
@media(max-width:1000px){.deck{grid-template-columns:1fr}.control-zone,.pad-zone{grid-column:1}.control-zone{grid-row:2}.pad-zone{grid-row:1}.control-zone{grid-template-columns:1fr 1fr}}@media(max-width:720px){.control-zone{grid-template-columns:1fr}.arrangement-tabs{grid-template-columns:repeat(3,1fr)}}

/* Warm graphite studio: drawn from the calm charcoal-brown Codex desktop palette. */
:root{--page:#151614;--panel:#1b1d1a;--text:#eeeae4;--muted:#9b9992;--orange:#c58b65;--mint:#86a69a;--lcd:#d3c7ae;--lcd-bg:#1b211d}
body{background:radial-gradient(circle at 72% -18%,rgba(126,105,83,.15),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.018),transparent 38%),#151614}
.machine{border-color:#3a3b36;background:linear-gradient(145deg,#252622,#191a18 70%);box-shadow:0 38px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)}
.machine-topbar{border-bottom-color:#353631}.lcd{border-color:#41433d;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,255,255,.018) 4px 5px),radial-gradient(circle at 75% 0,rgba(134,166,154,.11),transparent 45%),var(--lcd-bg);color:var(--lcd);box-shadow:inset 0 0 28px #101410,0 0 20px rgba(120,142,131,.05)}.lcd-sub{color:#8b9a8b}
.utility-button{border-color:#3b3c37;background:linear-gradient(#30312d,#242522);color:#aaa79f}.utility-button.active{color:#dfaa80;box-shadow:inset 0 -2px 0 #9d6647}.system-led.on{background:#91b097;box-shadow:0 0 12px rgba(145,176,151,.8)}
.deck{grid-template-columns:minmax(590px,1.28fr) minmax(350px,.72fr)}.pad-zone{grid-column:1;grid-row:1}.control-zone{grid-column:2;grid-row:1}
.pad-zone,.control-panel,.sequencer-panel{border-color:#343630;background:linear-gradient(145deg,#20221f,#191a18);box-shadow:inset 0 1px 18px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.035)}.control-panel{border-left:2px solid #5c554b}.sequencer-panel{border-left:3px solid #80684f}.panel-label{color:#8b8982}
.drum-pad{border-color:color-mix(in srgb,var(--pad),#2b2d29 68%);background:linear-gradient(158deg,rgba(255,255,255,.065),transparent 46%),linear-gradient(180deg,#30322e 0 76%,color-mix(in srgb,var(--pad),#252723 67%) 76%);color:#f2eee8;box-shadow:0 7px 15px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -3px 0 color-mix(in srgb,var(--pad),transparent 20%)}.drum-pad:hover{border-color:var(--pad)}.pad-key{border-color:#55564f;background:#232522;color:#d8d3ca}.pad-source{color:#a5a097}.drum-pad:after{opacity:.045}
.control-key,.mode-button,.stepper button,.loaded-set{border-color:#3b3c37;background:linear-gradient(#30312d,#222320)}.stepper input,select{border-color:#363833;background:#20221f}.mode-button.active{color:#dfa57d;border-color:#835f48}.meter-unit:first-child{background:#86a69a;box-shadow:0 0 7px rgba(134,166,154,.5)}.group-readout{color:#9db8ae}.loaded-set small,.loaded-set b{color:#d9a077}.beat-light.group{background:#625243}.beat-light.on{background:#92aa91;box-shadow:0 0 8px #92aa91}
.arrangement-tab{border-color:#3f403b;background:#20221f;color:#a09e97}.arrangement-tab:hover{border-color:#77766e;color:#eeeae4}.arrangement-tab.active{border-color:#9a8068;background:linear-gradient(135deg,rgba(197,139,101,.18),rgba(134,166,154,.12));color:#f0d1b7;box-shadow:inset 0 -2px 0 #c58b65}.step-button{border-color:#3b3d38;background:#20221f}.step-button.group-start{border-left-color:#86a69a}.step-button.selected{border-color:#c58b65;background:linear-gradient(135deg,#c58b65,#917661);box-shadow:inset 0 0 0 2px #5a4538,0 0 8px rgba(197,139,101,.18)}.step-button.playhead{outline-color:#9db8ae}
.studio-dialog{border-color:#464842;background:#1c1e1b}.preset-card{border-color:#3b3e38;background:#191b18}.preset-card.loaded{border-color:#a58268}.preset-card small{color:#9eb8ae}.preset-card em{color:#d9a077}
.pad-setup-dialog{width:min(920px,calc(100% - 28px))}.pad-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid #343630}.pad-manager-toolbar p{margin:0;color:#a4a199;font-size:13px}.pad-manager-list{display:grid;gap:7px;padding:16px 22px}.pad-manager-row{display:grid;grid-template-columns:24px 32px 14px minmax(150px,1fr) auto;gap:10px;align-items:center;min-height:54px;padding:7px 9px;border:1px solid #393b36;border-radius:8px;background:#20221f}.pad-manager-row.dragging{opacity:.45}.drag-handle{color:#777970;font-size:19px;cursor:grab}.manager-number{color:#8f8d86;font:750 12px/1 ui-monospace,monospace}.manager-swatch{width:10px;height:34px;border-radius:6px;background:var(--pad)}.manager-name strong,.manager-name small{display:block}.manager-name strong{font-size:13px;letter-spacing:.04em}.manager-name small{margin-top:4px;color:#8c8a83;font:700 10px/1 ui-monospace,monospace}.manager-actions{display:flex;gap:5px}.manager-actions button{min-height:32px;padding:0 10px;border:1px solid #454741;border-radius:5px;background:#2b2d29;color:#bbb7af;cursor:pointer;font-size:11px;font-weight:800}.manager-actions button:disabled{opacity:.28;cursor:not-allowed}.manager-actions .replace-sound{color:#e4b994;border-color:#745641}.technical-details{margin:0 22px 22px;border:1px solid #3a3c37;border-radius:8px;background:#191b18}.technical-details summary{padding:14px 16px;color:#bea58f;cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.05em}.technical-grid{display:grid;grid-template-columns:170px 1fr;gap:9px 18px;padding:0 16px 16px;border-top:1px solid #30322e}.technical-grid span,.technical-grid strong{padding-top:11px;font-size:12px}.technical-grid span{color:#85837c}.technical-grid strong{color:#c8c4bc;font-weight:650}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
@media(max-width:1000px){.deck{grid-template-columns:1fr}.pad-zone,.control-zone{grid-column:1}.pad-zone{grid-row:1}.control-zone{grid-row:2}}
@media(max-width:650px){.pad-manager-toolbar{align-items:flex-start;flex-direction:column}.pad-manager-row{grid-template-columns:20px 27px 10px 1fr}.manager-actions{grid-column:1/-1;padding-left:67px}.technical-grid{grid-template-columns:1fr;gap:0}.technical-grid strong{padding-top:2px}.utility-nav{flex-wrap:wrap}}

/* Sound-bank selector: compact enough to stay inside the performance surface. */
.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.category-tab{min-height:46px;padding:7px 10px;border:1px solid #41423d;border-radius:7px;background:linear-gradient(#2b2d29,#20221f);color:#aaa79f;cursor:pointer;text-align:left}
.category-tab span,.category-tab small{display:block}.category-tab span{font-size:12px;font-weight:850;letter-spacing:.1em}.category-tab small{margin-top:4px;color:#777870;font-size:9px;font-weight:750;letter-spacing:.08em}
.category-tab:hover{border-color:#77766e;color:#eeeae4}.category-tab.active{border-color:#a58268;background:linear-gradient(135deg,rgba(197,139,101,.2),rgba(134,166,154,.1));color:#f0d1b7;box-shadow:inset 0 -2px 0 #c58b65}.category-tab.active small{color:#a9bbb3}
.category-tab[data-category="claps"].active{border-color:#86a69a;box-shadow:inset 0 -2px 0 #86a69a}.category-tab[data-category="farts"].active{border-color:#b79a61;box-shadow:inset 0 -2px 0 #b79a61}
.category-tabs+.pad-grid{margin-top:12px}
@media(max-width:440px){.category-tabs{gap:5px}.category-tab{min-height:42px;padding:6px}.category-tab span{font-size:10px}.category-tab small{font-size:8px}}

/* v6 library and performance workspace */
.library-shelf{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(440px,1.08fr);gap:14px;margin:16px 20px;padding:15px;border:1px solid #343630;border-radius:13px;background:linear-gradient(145deg,#1f211e,#191a18);box-shadow:inset 0 1px 16px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.035)}
.library-main,.library-packs{min-width:0}.family-tabs,.pack-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.family-tab,.pack-tab{min-height:44px;padding:0 15px;border:1px solid #40413c;border-radius:7px;background:linear-gradient(#2d2f2b,#222320);color:#aaa79f;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.09em;text-align:left}.family-tab{flex:1 1 120px}.pack-tab{flex:1 1 150px}.family-tab:hover,.pack-tab:hover{border-color:#77766e;color:#eeeae4}.family-tab.active,.pack-tab.active{border-color:#a58268;background:linear-gradient(135deg,rgba(197,139,101,.2),rgba(134,166,154,.1));color:#f0d1b7;box-shadow:inset 0 -2px 0 #c58b65}.pack-tab small{display:block;margin-top:4px;color:#8f928a;font-size:9px;letter-spacing:.08em}.pack-tab.active small{color:#aebeb7}
.transport{grid-template-columns:1.2fr 1fr 1fr 1fr}.record-key b{color:#c9786f}.record-key.recording{color:#ffd0ca;border-color:#a9534a;box-shadow:0 0 15px rgba(191,72,59,.28),inset 0 1px 0 rgba(255,255,255,.08)}.record-key.recording b{animation:recordPulse 1s ease-in-out infinite}.download-recording{display:block;margin-top:9px;padding:9px 12px;border:1px solid #765345;border-radius:6px;background:#2e2520;color:#efc2a1;font-size:11px;font-weight:850;letter-spacing:.1em;text-align:center;text-decoration:none}.download-recording[hidden]{display:none}@keyframes recordPulse{50%{opacity:.35}}
.control-grid{grid-template-columns:1fr .8fr 1.15fr 1.15fr}.output-block{grid-column:auto}.performance-panel{border-left-color:#6e6356}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.feature-toggle{min-height:66px;padding:11px 12px;border:1px solid #3c3e39;border-radius:7px;background:linear-gradient(#2b2d29,#20221f);color:#aba79f;cursor:pointer;text-align:left}.feature-toggle span,.feature-toggle small{display:block}.feature-toggle span{font-size:12px;font-weight:850;letter-spacing:.1em}.feature-toggle small{margin-top:7px;color:#7f7e77;font-size:9px;font-weight:750;line-height:1.35;letter-spacing:.06em}.feature-toggle.active{border-color:#86a69a;color:#dce9e4;box-shadow:inset 0 -2px 0 #86a69a;background:linear-gradient(135deg,rgba(134,166,154,.17),rgba(197,139,101,.08))}.practice-settings{display:grid;grid-template-columns:auto 78px auto 96px 1fr;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #343630}.practice-settings label{color:#85837c;font-size:9px;font-weight:850;letter-spacing:.09em}.practice-settings input,.practice-settings select{height:30px;border:1px solid #3b3d38;border-radius:4px;background:#20221f;color:#d8d3ca;text-align:center;font-size:11px;font-weight:800}.practice-settings span{justify-self:end;color:#9db8ae;font:800 10px/1.25 ui-monospace,monospace;text-align:right}
.master-fx{display:grid;grid-template-columns:140px 1fr 55px;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid #343630;color:#a7a39b;font-size:12px;font-weight:800;letter-spacing:.08em}.master-fx output{color:#d8aa87;text-align:right}.mixer-list{display:grid;gap:6px;padding:16px 22px 22px}.mixer-row{display:grid;grid-template-columns:32px minmax(120px,1fr) 1.5fr 1.1fr 46px 46px;gap:9px;align-items:center;padding:9px;border:1px solid #393b36;border-radius:7px;background:#20221f}.mixer-row.muted{opacity:.48}.mixer-row.solo{border-color:#a58268}.mixer-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mixer-row label{color:#85837c;font-size:9px;font-weight:800}.mixer-row input{min-width:0}.mixer-row button{height:30px;border:1px solid #464842;border-radius:4px;background:#2b2d29;color:#aaa79f;cursor:pointer;font-size:10px;font-weight:850}.mixer-row button.active{border-color:#a58268;color:#efbf9b}
.project-actions{padding:20px 22px;border-bottom:1px solid #343630}.project-actions>label{display:block;margin-bottom:8px;color:#9c9991;font-size:11px;font-weight:850;letter-spacing:.1em}.project-actions>div{display:grid;grid-template-columns:1fr auto;gap:8px}.project-actions input{min-height:42px;padding:0 12px;border:1px solid #41433d;border-radius:6px;background:#20221f;color:#eeeae4}.primary-action,.share-action{min-height:42px;padding:0 15px;border:1px solid #765b47;border-radius:6px;background:linear-gradient(#6d4c38,#4f3528);color:#f5d8c0;cursor:pointer;font-size:11px;font-weight:850;letter-spacing:.08em}.share-action{width:100%;margin-top:9px;border-color:#536a61;background:linear-gradient(#3c5149,#2b3d36);color:#d7e6e0}.project-actions small{display:block;margin-top:8px;color:#7f7d76}.project-list{display:grid;gap:8px;padding:16px 22px 22px}.project-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px;border:1px solid #393b36;border-radius:7px;background:#20221f}.project-row strong,.project-row small{display:block}.project-row small{margin-top:4px;color:#85837c}.project-row button{height:32px;padding:0 11px;border:1px solid #464842;border-radius:5px;background:#2b2d29;color:#bbb7af;cursor:pointer;font-size:10px;font-weight:800}.empty-projects{padding:20px;color:#89877f;text-align:center}.sound-credits{margin:4px 24px 22px;border:1px solid #3a3c37;border-radius:8px;background:#191b18}.sound-credits summary{padding:13px 15px;color:#bea58f;cursor:pointer;font-size:13px;font-weight:800}.sound-credits p{margin:0;padding:7px 15px;color:#96938b;font-size:12px}.sound-credits a{color:#b8cec4}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(520px,calc(100% - 30px));padding:12px 18px;border:1px solid #695748;border-radius:8px;background:#292723;color:#f3e8dc;box-shadow:0 12px 38px rgba(0,0,0,.55);font-size:13px;font-weight:750}
@media(max-width:1100px){.library-shelf{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr 1fr}.performance-grid{grid-template-columns:1fr}.practice-settings{grid-template-columns:auto 1fr auto 1fr}.practice-settings span{grid-column:1/-1;justify-self:start}.mixer-row{grid-template-columns:28px minmax(100px,1fr) 1fr 1fr 42px 42px}}
@media(max-width:720px){.library-shelf{margin:12px;padding:12px}.family-tabs,.pack-tabs{gap:6px}.family-tab,.pack-tab{min-height:40px;padding:0 10px;font-size:10px}.transport{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr 1fr}.mixer-row{grid-template-columns:28px 1fr 46px 46px}.mixer-row label,.mixer-row input{grid-column:2/-1}.project-actions>div,.project-row{grid-template-columns:1fr}.master-fx{grid-template-columns:1fr}.master-fx output{text-align:left}}
@media(max-width:440px){.family-tabs,.pack-tabs{display:grid;grid-template-columns:1fr}.practice-settings{grid-template-columns:1fr 1fr}.practice-settings label{align-self:end}.project-actions,.project-list,.mixer-list{padding-left:14px;padding-right:14px}}
.control-grid{grid-template-columns:1fr 1fr}

/* v7 compact library, live analyser, and high-energy pad palette */
.library-shelf{grid-template-columns:minmax(260px,.42fr) minmax(480px,1fr);gap:16px;padding:14px;background:linear-gradient(145deg,#20211e,#171916)}
.library-picker,.signal-display{min-width:0}.library-select-wrap{display:block;margin-top:11px}.library-select-wrap>span{display:block;margin-bottom:6px;color:#8f8d86;font-size:10px;font-weight:850;letter-spacing:.11em}.library-select-wrap select{width:100%;height:46px;padding:0 42px 0 13px;border:1px solid #514c45;border-radius:7px;background:linear-gradient(#32332f,#252622);color:#f1ede7;font-size:14px;font-weight:800;text-align:left;cursor:pointer}.tone-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tone-controls label{display:grid;grid-template-columns:1fr auto;gap:5px 10px;color:#95928a;font-size:10px;font-weight:850;letter-spacing:.1em}.tone-controls output{color:#e3b18c;font:750 10px/1 ui-monospace,monospace}.tone-controls input{grid-column:1/-1;margin:2px 0 0;accent-color:#42d6b1}.signal-display{padding:0 0 1px}.signal-display canvas{display:block;width:100%;height:112px;margin-top:11px;border:1px solid #353b35;border-radius:7px;background:#111310;box-shadow:inset 0 0 22px rgba(0,0,0,.72),0 0 18px rgba(66,214,177,.035)}.signal-scale{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;color:#777970;font:750 9px/1 ui-monospace,monospace;letter-spacing:.08em}.signal-scale span:nth-child(2),.signal-scale span:nth-child(3){text-align:center}.signal-scale span:last-child{text-align:right}#peakLevel{color:#6fe0c3;font-family:ui-monospace,monospace}
.drum-pad{border-color:color-mix(in srgb,var(--pad),#131412 32%);background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.46),transparent 34%),linear-gradient(154deg,color-mix(in srgb,var(--pad),#fff 18%),var(--pad) 58%,color-mix(in srgb,var(--pad),#171817 23%));color:#241f22;box-shadow:0 8px 16px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -7px 13px rgba(50,28,35,.18),0 0 0 1px rgba(255,255,255,.03)}.drum-pad:after{opacity:.12;background:repeating-radial-gradient(circle at 30% 20%,transparent 0 2px,rgba(255,255,255,.11) 2px 3px)}.drum-pad:hover{border-color:color-mix(in srgb,var(--pad),#fff 22%);filter:saturate(1.08) brightness(1.07)}.drum-pad.active{filter:saturate(1.18) brightness(1.16);box-shadow:0 2px 5px rgba(0,0,0,.6),inset 0 0 32px rgba(255,255,255,.3),0 0 27px color-mix(in srgb,var(--pad),transparent 35%)}.pad-number{color:rgba(35,28,32,.62);text-shadow:0 1px 0 rgba(255,255,255,.2)}.pad-name{color:#211d20;text-shadow:0 1px 0 rgba(255,255,255,.2)}.pad-source{color:rgba(35,28,32,.68);font-weight:850}.pad-key{border-color:rgba(24,20,22,.34);background:rgba(24,20,22,.16);color:#241e21}.manager-swatch{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 8px color-mix(in srgb,var(--pad),transparent 45%)}
@media(max-width:1000px){.library-shelf{grid-template-columns:1fr}.signal-display canvas{height:98px}}
@media(max-width:520px){.tone-controls{grid-template-columns:1fr}.signal-display canvas{height:84px}}

/* v8 custom sound menu: consistent dark rendering across Windows browsers */
.library-menu-wrap{position:relative;z-index:12;margin-top:11px}.library-menu-label{display:block;margin-bottom:6px;color:#a09d95;font-size:11px;font-weight:850;letter-spacing:.11em}.library-menu-button{display:flex;width:100%;height:48px;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid #555049;border-radius:8px;background:linear-gradient(#343530,#262723);color:#f5f0e9;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 10px rgba(0,0,0,.25);cursor:pointer;font-size:15px;font-weight:800;text-align:left}.library-menu-button:hover,.library-menu-button.open{border-color:#7cb5a4;box-shadow:0 0 0 3px rgba(66,214,177,.14),inset 0 1px 0 rgba(255,255,255,.08)}.menu-chevron{color:#77d9c0;font-size:23px;line-height:1;transition:transform .16s ease}.library-menu-button.open .menu-chevron{transform:rotate(180deg)}.sound-library-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;left:0;display:grid;gap:4px;max-height:min(390px,60vh);padding:7px;overflow-y:auto;border:1px solid #59615a;border-radius:9px;background:#1b1d1a;box-shadow:0 20px 45px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.05)}.sound-library-menu[hidden]{display:none}.sound-library-menu button{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:43px;padding:8px 11px;border:1px solid transparent;border-radius:6px;background:#252723;color:#eeeae4;cursor:pointer;text-align:left}.sound-library-menu button:hover,.sound-library-menu button:focus-visible{border-color:#686b64;background:#30332e;color:#fff;outline:none}.sound-library-menu button.selected{border-color:#6da995;background:linear-gradient(100deg,rgba(66,214,177,.2),rgba(197,139,101,.08));color:#bdf6e5;box-shadow:inset 3px 0 0 #42d6b1}.sound-library-menu button span{font-size:14px;font-weight:800}.sound-library-menu button small{color:#aaa79f;font:750 10px/1 ui-monospace,monospace;letter-spacing:.07em}.sound-library-menu button.selected small{color:#8fd5c2}

.brand-note a{color:inherit;text-decoration:none}.brand-note a:hover{text-decoration:underline}.analytics-consent{position:fixed;z-index:80;right:18px;bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;width:min(720px,calc(100% - 36px));padding:16px 18px;border:1px solid #59615a;border-radius:10px;background:#1b1d1a;color:#eeeae4;box-shadow:0 22px 54px rgba(0,0,0,.7)}.analytics-consent[hidden]{display:none}.analytics-consent strong{display:block;margin-bottom:5px;font-size:15px}.analytics-consent p{margin:0;color:#b6b2aa;font-size:13px;line-height:1.5}.analytics-consent a{color:#94dfcb}.analytics-consent-actions{display:flex;gap:8px}.analytics-consent button{min-height:38px;padding:0 12px;border:1px solid #53564f;border-radius:6px;background:#292b27;color:#d6d2ca;cursor:pointer;font-size:10px;font-weight:850;letter-spacing:.08em}.analytics-consent #analyticsAccept{border-color:#568d7d;background:#315a4f;color:#d9fff3}@media(max-width:660px){.analytics-consent{grid-template-columns:1fr}.analytics-consent-actions{justify-content:flex-end}}
.dialog-head h2{margin:4px 0 5px;font-size:30px}

/* v13 focused acoustic packs and switchable ensemble layers */
.layer-controls{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 13px;padding:10px;border:1px solid #3b3d37;border-radius:8px;background:#191b18;box-shadow:inset 0 1px 10px rgba(0,0,0,.3)}
.layer-controls[hidden]{display:none}
.layer-controls:before{content:"RHYTHM LAYERS";display:flex;align-items:center;margin-right:3px;color:#8f8c84;font-size:10px;font-weight:850;letter-spacing:.1em}
.layer-controls button{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;min-height:36px;padding:0 11px;border:1px solid #4a4b45;border-radius:6px;background:linear-gradient(#292b27,#20221f);color:#8f8d86;cursor:pointer}
.layer-controls button span{font-size:11px;font-weight:850;letter-spacing:.06em}.layer-controls button small{color:#74766f;font:750 9px/1 ui-monospace,monospace}
.layer-controls button.active{border-color:#68a997;background:linear-gradient(120deg,rgba(66,214,177,.2),rgba(197,139,101,.09));color:#c8f5e8;box-shadow:inset 0 -2px 0 #42d6b1}.layer-controls button.active small{color:#91c9ba}
.drum-pad.layer-off{filter:saturate(.28) brightness(.55);opacity:.55}.drum-pad.layer-off:hover{filter:saturate(.42) brightness(.68)}
.sequence-row.layer-off{opacity:.36}.sequence-row.layer-off .sequence-label:after{content:" OFF";color:#b77868;font-size:8px}
.pad-grid[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.pad-grid[data-count="8"] .drum-pad{min-height:132px}
@media(max-width:720px){.layer-controls:before{flex-basis:100%;min-height:22px}.pad-grid[data-count="8"]{grid-template-columns:repeat(2,minmax(0,1fr))}.pad-grid[data-count="8"] .drum-pad{min-height:105px}}
@media(max-width:440px){.layer-controls button{grid-template-columns:1fr;padding:7px 9px;gap:3px}.pad-grid[data-count="8"] .drum-pad{min-height:88px}}

/* v9 acoustic archive kit: velocity remains visible without changing the pad palette. */
.step-button.selected{filter:saturate(calc(.7 + var(--velocity)*.55)) brightness(calc(.68 + var(--velocity)*.42));opacity:calc(.48 + var(--velocity)*.52)}
.sequence-label{overflow:hidden;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}