.cabinet-experiences{--cab-ink:#35293d;--cab-plum:#694777;--cab-muted:#746477;width:100%;height:100%;min-width:0;min-height:0;container-type:inline-size;color:var(--cab-ink);font:15px/1.45 var(--font-body,Satoshi),sans-serif}
.cabinet-experiences[hidden]{display:none!important}.cabinet-experiences *{box-sizing:border-box}.cabinet-experiences :is(h2,p,fieldset){margin:0}.cabinet-experiences :is(button,input){font:inherit}.cabinet-experiences button{cursor:pointer}.cabinet-experiences :is(button,input,summary):focus-visible{outline:3px solid #9571a6;outline-offset:3px}.cabinet-experiences button:disabled{opacity:.45;cursor:default}
.cab-panel{position:relative;width:100%;height:100%;padding:22px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #c6b2ca;border-inline:5px solid #896453;border-radius:12px;background:#f3edf4;box-shadow:0 5px 0 #ae9281,0 15px 38px #25142c25}
.cab-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.cab-title{font-family:var(--font-display,'Cabinet Grotesk'),sans-serif;font-size:27px;line-height:1.1;font-weight:650;letter-spacing:-.025em}.cab-title:focus{outline:none}.cab-status-labels{padding-top:6px;font-size:12px;color:#77607e}.cab-back{min-height:44px;flex:none;padding:0;color:#543b60;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px!important;white-space:nowrap}.cab-description{max-width:52ch;margin-top:14px!important;color:#66546e;font-size:14px;line-height:1.5}
.cab-footer{display:flex;flex-direction:column;gap:14px;margin-top:20px}.cab-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.cab-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #ad97b7;border-bottom-width:3px;border-radius:8px;background:#e8dced;color:#51345f;font-size:13px!important;font-weight:650!important;line-height:1.3}.cab-button:active:not(:disabled){transform:translateY(1px);border-bottom-width:1px}.cab-button-primary{background:#70507f;border-color:#553362;color:#fff6ed}.cab-button-reset{grid-column:1/-1;background:transparent;border:0;min-height:36px;font-weight:500!important;text-decoration:underline;text-underline-offset:4px}.cab-feedback{min-height:40px;color:#6b576f;font-size:13px;line-height:1.5}
.cab-advanced{border-top:1px solid #d8cadf;margin-top:16px}.cab-advanced summary{min-height:44px;padding-top:12px;color:#604769;font-size:13px;cursor:pointer}.cab-joints{display:grid;grid-template-columns:1fr;gap:16px;margin:12px 0 0}.cab-control{min-width:0}.cab-control-cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cab-control-label{font-weight:600;color:#624b6b;font-size:13px}.cab-readout{color:#55345f;font-size:15px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.cab-range{display:block;appearance:none;width:100%;height:40px;margin:0;background:transparent;cursor:pointer;accent-color:#755184}.cab-range::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:linear-gradient(90deg,#90729d var(--cab-position),#d5c7db var(--cab-position))}.cab-range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-8.5px;border:4px solid #f3edf4;border-radius:50%;background:#755184;box-shadow:0 1px 4px #35213f60}.cab-range::-moz-range-track{height:5px;border-radius:4px;background:#d5c7db}.cab-range::-moz-range-thumb{width:16px;height:16px;border:3px solid #f3edf4;border-radius:50%;background:#755184}.cab-range:disabled{opacity:.5}.cab-scale{display:flex;justify-content:space-between;color:#7a697e;font-size:11px}.cab-signal{border-inline-color:#7c5663}
.seq-toolbar{display:flex;align-items:center;gap:18px;margin:18px 0 12px}.seq-toolbar>.cab-button{min-width:72px}.seq-toolbar .cab-control{flex:1}.seq-toolbar .cab-scale{display:none}.seq-grid{display:flex;flex-direction:column;gap:8px}.seq-track{display:flex;align-items:center;gap:10px}.seq-voice{flex:0 0 38px;font-size:12px;font-weight:600;color:#705577}.seq-steps{flex:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.seq-pad{min-width:0;min-height:44px;border:1px solid #bfaac8;border-bottom-width:4px;border-radius:7px;background:#e0d3e8;color:#806a89;font-size:11px!important;box-shadow:inset 0 1px 0 #fff9}.seq-pad[aria-pressed=true]{background:#8a659a;color:#fff6fb;border-color:#684779}.seq-pad[data-voice='1'][aria-pressed=true]{background:#b37d70;border-color:#936351}.seq-pad[data-voice='2'][aria-pressed=true]{background:#7b947f;border-color:#5b735e}.seq-pad[data-current=true]{outline:2px solid #3e294a;outline-offset:2px;filter:brightness(1.13)}.seq-presets{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px;font-size:12px;color:#735b7d}.seq-preset{min-height:40px;padding:7px 10px;background:#f9f4fa;border:1px solid #ccb8d4;border-radius:20px;color:#60426c;font-size:12px!important}.seq-preset[aria-pressed=true]{border-color:#876594;background:#e3d5ec}.seq-status{margin-top:13px!important;font-size:12px;line-height:1.5;color:#78667f;min-height:36px}.seq-banks{display:none;margin:0 0 12px;gap:6px}.seq-bank{min-height:36px;padding:7px 12px;border:1px solid #c6b3ce;border-radius:6px;color:#755880;font-size:12px!important;background:transparent}.seq-bank[aria-pressed=true]{background:#e1d1e9;border-color:#896397}.seq-bank[data-current=true]:after{content:' •';color:#5c3a6b}
@container(max-width:560px){.seq-banks{display:flex}.seq-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.cab-signal[data-bank='0'] .seq-pad[data-bank='1'],.cab-signal[data-bank='1'] .seq-pad[data-bank='0']{display:none}}
@container(max-width:440px){.cab-panel{padding:16px 15px}.cab-title{font-size:23px}.cab-header{gap:10px}.cab-description{font-size:12px;margin-top:10px!important}.cab-footer{margin-top:12px;gap:8px}.cab-feedback{min-height:32px;font-size:12px}.cab-advanced{margin-top:7px}.cab-status-labels{padding-top:4px;font-size:11px}.cab-presets{gap:6px}.cab-button{font-size:12px!important}.cab-button-reset{min-height:32px}.seq-toolbar{margin-top:12px;gap:12px}.seq-status{font-size:11px}.seq-presets{margin-top:12px}.seq-track{gap:6px}.seq-voice{flex-basis:32px}}
@media(forced-colors:active){.seq-pad[aria-pressed=true],.seq-bank[aria-pressed=true]{border:3px solid Highlight}.cab-range{appearance:auto}}