:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#2a2520;background:#d5cec2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;--page-max-width: 90rem;--panel-bg: #ddd7cb;--panel-border: #b5ae9f;--text-strong: #1e1a16;--text-muted: #5c3044;--accent-warm: #3d506e;--accent-gold: #6a7a8e;--pad-bg: #b0aaa2;--pad-bg-hover: #bab4ac;--pad-border: #c8c2b8;--pad-text: #5c3044;--pad-text-muted: #5c3044;--lcd-bg: #b8c490;--lcd-text: #1a2a10;--lcd-text-muted: #4a5c38;--lcd-border: #7a8a5a;--lcd-highlight: #cad8a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,textarea,input,select{font:inherit}input:focus,textarea:focus,select:focus{outline:1px solid rgba(0,0,0,.15);outline-offset:0}.work-surface input:focus,.work-surface textarea:focus,.work-surface select:focus{outline-color:var(--lcd-border)}button{cursor:pointer;border:none;border-radius:6px;transition:background .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.97)}#root{min-height:100vh}.app-shell{width:min(calc(100% - 2rem),var(--page-max-width));margin:0 auto;padding:1rem 0 2rem}.eyebrow,.panel-kicker,.transport-label{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--text-muted)}.pads .panel-kicker,.prompt-panel .panel-kicker{color:#5c3044}.panel-heading h2{margin:.3rem 0 0;color:var(--text-strong)}.top-bar{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:1rem;margin-bottom:1rem}.top-bar-title{display:grid;gap:.15rem;align-content:center;padding:1rem 1.1rem;border:1px solid var(--panel-border);background:var(--panel-bg)}.top-bar-title strong{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-strong)}.transport-strip,.panel,.parameter-list article,.preset-chip,.pad{border:1px solid var(--panel-border);background:var(--panel-bg)}.transport-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden}.transport-strip>div{padding:1rem 1.1rem;background:color-mix(in oklch,var(--panel-bg) 92%,white)}.transport-strip strong,.inspector-card strong,.parameter-list strong{display:block;margin-top:.25rem;color:var(--text-strong)}.work-area{display:grid;margin-bottom:1rem;border:none;background:none}.work-surface{background:var(--lcd-bg);border:none}.work-area-toolbar{display:grid;grid-template-columns:1fr auto 1fr;position:sticky;top:0;z-index:20;align-items:center;gap:1rem;padding:.6rem 1rem;background:#c8c2b8;color:var(--text-strong);border:none;box-shadow:0 .6rem 1.4rem #0000000f;font-family:SF Mono,Cascadia Mono,Consolas,Menlo,monospace}.work-area-title{display:grid;gap:.2rem}.work-area-title-row{display:flex;align-items:center;gap:.5rem}.work-area-title-row .eyebrow{margin:0;color:#c08080}.theme-toggle{padding:.15rem .4rem;font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#00000014;color:var(--text-muted);border-radius:3px}.theme-toggle:hover{background:#00000024;color:var(--text-strong)}.theme-toggle:focus{outline:none}[data-theme=dark] .theme-toggle{background:#e0cc701f;color:var(--dark-yellow)}[data-theme=dark] .theme-toggle:hover{background:#e0cc7038;color:var(--dark-yellow)}.work-area-title strong{color:#bc012e;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.work-area-transport{display:flex;justify-self:center;align-items:center;gap:.75rem;flex-wrap:wrap}.transport-button{width:2.4rem;height:2.1rem;min-width:0;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.transport-button svg{display:block;flex-shrink:0;width:16px;height:16px}.transport-button:active:not(:disabled){transform:none}.transport-field{display:grid;gap:.3rem}.transport-field-inline{display:inline-flex;align-items:center;gap:.55rem}.transport-field-inline .transport-label{white-space:nowrap}.transport-field input{width:4.2rem;border:none;background:transparent;color:var(--text-strong);padding:.3rem .45rem;font-size:.78rem}.transport-button.primary-button,.transport-button.secondary-button{background:transparent;box-shadow:inset 0 0 0 1px #00000026;color:var(--text-strong)}.transport-button.primary-button:hover:not(:disabled),.transport-button.secondary-button:hover:not(:disabled){background:#ffffff4d;box-shadow:inset 0 0 0 1px #00000038}.transport-button.is-active,.transport-button[aria-pressed=true]{background:transparent;box-shadow:inset 0 0 0 1px #00000026;color:#c43535}.work-area-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.work-tab{background:#d5cfc5;color:var(--text-muted);padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;box-shadow:inset 0 0 0 1px #0000000f}.work-tab:hover:not(.is-current){background:#ded8ce;color:var(--text-strong)}.work-surface .work-tab{background:#ffffff2e;color:var(--lcd-text-muted);box-shadow:inset 0 0 0 1px #7a8a5a59}.work-surface .work-tab:hover:not(.is-current){background:#ffffff52;color:var(--lcd-text)}.work-tab.is-current{background:var(--lcd-text);color:var(--lcd-highlight);box-shadow:0 1px 3px #1a2a1033}.work-area-tabs .work-tab.is-current{background:#c48c2c;color:#faf3e6;box-shadow:0 1px 3px #a06e1e4d}.work-tab:disabled{cursor:wait;opacity:.72;transform:none}.work-surface{display:grid;gap:.6rem;padding:1rem;font-family:SF Mono,Cascadia Mono,Consolas,Menlo,monospace;color:var(--lcd-text)}.work-surface .transport-label,.work-surface .eyebrow,.work-surface .panel-kicker{color:var(--lcd-text-muted)}.work-area-toolbar .transport-label{color:var(--text-muted)}.work-area-toolbar .eyebrow{color:#5c3044}.work-surface input,.work-surface select{border-color:transparent;background:var(--lcd-highlight);color:var(--lcd-text);font-size:.78rem;padding:.35rem .5rem}.work-surface *,.work-area-toolbar *{scrollbar-width:thin;scrollbar-color:var(--lcd-border) transparent}.work-surface ::-webkit-scrollbar,.work-area-toolbar ::-webkit-scrollbar{width:6px;height:6px}.work-surface ::-webkit-scrollbar-track,.work-area-toolbar ::-webkit-scrollbar-track{background:transparent}.work-surface ::-webkit-scrollbar-thumb,.work-area-toolbar ::-webkit-scrollbar-thumb{background:var(--lcd-border);border-radius:3px}.work-surface ::-webkit-scrollbar-thumb:hover,.work-area-toolbar ::-webkit-scrollbar-thumb:hover{background:var(--lcd-text-muted)}.work-surface ::-webkit-scrollbar-corner,.work-area-toolbar ::-webkit-scrollbar-corner{background:transparent}.work-surface-meta{display:flex;gap:1.2rem;flex-wrap:wrap}.work-surface-meta.compact{gap:1.2rem}.work-surface-meta>div,.work-surface-empty{padding:0}.work-surface-empty{display:grid;gap:.3rem}.work-surface-empty p{margin:0;color:var(--text-muted)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.editor-source-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.editor-transform-bar{flex:1 1 20rem;min-width:min(26rem,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.editor-transform-bar input{width:100%;min-width:0;border:none;background:var(--lcd-highlight);color:var(--lcd-text);padding:.52rem .68rem}.editor-transform-button{white-space:nowrap}.waveform-panel{position:relative;border:none;background:var(--lcd-highlight);min-height:6.75rem;overflow:hidden}.sample-waveform{position:relative;min-height:6.75rem}.sample-waveform.is-auditionable{cursor:pointer}.sample-waveform__fallback,.sample-waveform__canvas{position:absolute;inset:0;width:100%;height:100%}.sample-waveform__fallback{display:block;background:transparent}.sample-waveform__canvas.is-empty,.sample-waveform__fallback.is-empty{opacity:0}.sample-waveform__regions{position:absolute;inset:0;z-index:2}.sample-waveform__region{position:absolute;top:0;bottom:0;display:flex;align-items:flex-start;justify-content:flex-start;margin:0;padding:.35rem .3rem 0;border:0;border-left:1px solid rgba(26,42,16,.4);border-right:1px solid rgba(26,42,16,.1);background:#1a2a1014;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.sample-waveform__region:hover{background:#1a2a1024}.sample-waveform__region.is-selected{background:#1a2a1033;box-shadow:inset 0 0 0 1px #1a2a1038}.sample-waveform__region-label{pointer-events:none;max-width:calc(100% - .55rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1rem .28rem;border-radius:999px;background:#1a2a10bf;color:#cad8a6f2;font-size:.54rem;line-height:1.1;text-transform:uppercase;letter-spacing:.05em}.sample-waveform__region.is-selected .sample-waveform__region-label{background:#1a2a10e6;color:#cad8a6f2}.sample-waveform__region-handle{position:absolute;top:0;bottom:0;width:.65rem;background:transparent;cursor:ew-resize}.sample-waveform__region-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:#1a2a10b3}.sample-waveform__region:hover .sample-waveform__region-handle:after,.sample-waveform__region.is-selected .sample-waveform__region-handle:after{background:#1a2a10f2}.sample-waveform__region-handle--start{left:-.325rem}.sample-waveform__region-handle--end{right:-.325rem}.sample-waveform__trim-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.sample-waveform__trim-mask{position:absolute;top:0;bottom:0;background:#121b2142}.sample-waveform__trim-mask--start{left:0}.sample-waveform__trim-mask--end{right:0}.sample-waveform__trim-handle{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--lcd-text);pointer-events:auto;cursor:ew-resize}.sample-waveform__trim-handle:before{content:"";position:absolute;top:50%;left:50%;width:.7rem;height:.7rem;transform:translate(-50%,-50%);border:1px solid var(--lcd-text);background:var(--lcd-text)}.sample-waveform__playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--lcd-text);z-index:4;pointer-events:none}.sample-waveform__empty{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.work-surface-actions{display:flex;gap:.4rem;flex-wrap:wrap}.editor-loop-footer{display:grid;gap:.65rem}.editor-loop-actions{align-items:center}.editor-loop-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.7rem 1rem;align-items:start}.editor-loop-focus{display:grid;gap:.14rem;min-width:10.5rem}.editor-loop-focus strong{color:var(--text-strong)}.editor-loop-focus span:last-child{color:var(--text-muted);font-size:.72rem;line-height:1.35}.editor-loop-tip{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.45}.bank-load-field{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.bank-load-field .transport-label{white-space:nowrap}.bank-load-field select{border:1px solid var(--lcd-border);background:var(--lcd-highlight);color:var(--lcd-text);padding:.34rem .5rem;text-transform:uppercase;letter-spacing:.04em}.effects-surface{gap:.75rem}.effects-chain-grid{display:grid;grid-template-columns:repeat(5,minmax(11rem,1fr));gap:.6rem;overflow-x:auto}.effect-chain-column{display:grid;gap:.45rem;align-content:start;padding:.55rem;background:var(--lcd-highlight);border-radius:6px;min-width:0;overflow:hidden}.effect-chain-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lcd-text);font-weight:600}.effect-chain-header{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.effect-chain-header select{flex:1;min-width:0}.effect-chain-description{margin:0;color:var(--lcd-text-muted);font-size:.62rem;line-height:1.3}.effect-knob-cluster{display:flex;flex-wrap:wrap;gap:.3rem .15rem;justify-content:center}.knob{display:grid;gap:.12rem;justify-items:center;width:3.4rem;-webkit-user-select:none;user-select:none;touch-action:none}.knob-svg{width:2.4rem;height:2.4rem;cursor:ns-resize}.knob-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.04em;color:var(--lcd-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.knob-value{font-size:.56rem;font-weight:600;color:var(--lcd-text);text-align:center}.knob-compact{grid-template-columns:auto auto;grid-template-rows:auto auto;width:auto;gap:0 .25rem}.knob-compact .knob-svg{grid-row:1 / -1}.knob-compact .knob-label,.knob-compact .knob-value{text-align:left;align-self:center;min-width:3rem;font-variant-numeric:tabular-nums}.mixer-surface{gap:12px}.mixer-section{display:grid;gap:.75rem}.mixer-section-heading{display:grid;gap:.2rem}.mixer-section-heading strong{color:var(--lcd-text);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.mixer-section-heading .bank-buttons{width:50%}.mixer-pad-section-heading{display:flex;align-items:center;justify-content:flex-start;gap:.9rem}.mixer-bank-buttons{width:min(100%,18rem)}.mixer-bank-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:.35rem;row-gap:.35rem;align-items:stretch}.mixer-pad-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:.35rem;row-gap:.5rem;max-height:28rem;overflow-y:auto;scrollbar-gutter:stable;align-items:start}.mixer-strip{display:grid;grid-template-rows:auto minmax(9rem,9rem) auto;justify-items:center;align-content:start;align-items:start;gap:0;min-width:0;padding:.5rem .2rem .4rem;border-radius:6px;background:var(--lcd-highlight);border:none}.mixer-strip .trim-slider-root.vertical{align-self:start}.mixer-strip-actions{display:flex;gap:.24rem;align-items:center;justify-content:center;min-height:1.5rem;padding-top:.15rem}.mixer-action-button{padding:.18rem .38rem;font-size:.58rem}.mixer-export-strip{grid-column:span 3;display:grid;gap:.5rem;align-content:start;padding:.6rem .8rem;background:var(--lcd-bg);border:none;border-radius:6px}.mixer-export-panel{display:grid;gap:.5rem}.mixer-export-button{display:inline-flex;align-items:center;justify-self:start;gap:.4rem}.mixer-export-note{margin:0;color:var(--lcd-text-muted);font-size:.65rem;line-height:1.4;letter-spacing:.08em}.mixer-strip-name{width:100%;max-width:11rem;color:var(--lcd-text-muted);font-size:.62rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.pad-strip{grid-template-rows:auto minmax(9rem,9rem) auto auto;row-gap:.28rem}.mixer-pan-control{width:min(78px,100%);padding:.08rem 0 0;justify-items:center;gap:.2rem}.mixer-pan-control>span{font-size:.5rem;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mixer-pan-slider{width:100%}.mixer-pan-slider .trim-slider-track{height:3px;border-radius:1.5px;background:var(--lcd-border)}.mixer-pan-slider .trim-slider-range{background:var(--lcd-text-muted)}.mixer-pan-slider .trim-slider-thumb{width:10px;height:10px;border-width:1.5px;border-color:var(--lcd-text-muted)}.mixer-strip .transport-label{font-size:.6rem;letter-spacing:.1em;color:var(--lcd-text);padding-bottom:.2rem}.pad-strip .transport-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effects-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.effects-select-field{display:inline-flex;align-items:center;gap:.45rem}.effects-select-field select{border:none;background:var(--lcd-highlight);color:var(--lcd-text);padding:.55rem .7rem}.effects-description,.effects-note{margin:0;color:var(--lcd-text-muted);font-size:.72rem;line-height:1.4}.effects-grid{display:flex;flex-wrap:wrap;gap:1rem 1.4rem}.effect-control{display:grid;gap:.45rem;width:12rem}.effect-control span{color:var(--lcd-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.effect-control strong{font-size:.78rem}.editor-pad-footer{display:grid;gap:.85rem;align-items:start}.editor-pad-controls{display:flex;flex-wrap:wrap;gap:.65rem;background:transparent;align-items:center;min-width:0}.editor-pad-controls.is-chromatic-active{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"modes keys" "info keys";align-items:start}.editor-pad-controls.is-chromatic-active .editor-info-knobs{margin-left:0}.editor-pad-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;align-content:start;justify-self:end;width:min(100%,12rem)}.editor-pad-meta article{display:grid;gap:.1rem;min-width:0;width:100%}.editor-pad-meta strong{color:var(--lcd-text);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-playback-mode-group{grid-area:modes;gap:.5rem;align-items:center}.editor-pad-controls:not(.is-chromatic-active) .editor-info-knobs{margin-left:auto}.chromatic-mode-button{display:inline-flex;align-items:center;gap:.38rem}.editor-toolbar-actions{margin-left:auto}.editor-export-button{display:inline-flex;align-items:center;gap:.42rem}.editor-playback-mode-radios{display:flex;gap:.4rem;flex-wrap:wrap}.editor-trim-controls{grid-area:sliders;display:grid;grid-template-columns:repeat(3,max-content);gap:.85rem;align-items:end;justify-content:start}.editor-info-knobs{grid-area:info;display:flex;gap:.6rem;align-items:center}.editor-info-knobs .editor-pad-meta{width:auto;flex-shrink:0;justify-self:auto;display:flex;gap:.6rem}.editor-info-knobs .editor-pad-meta article{display:flex;align-items:baseline;gap:.3rem;width:auto}.editor-pad-controls.is-chromatic-active .editor-info-knobs .editor-pad-meta{display:grid;width:9rem;gap:.55rem}.editor-pad-controls.is-chromatic-active .editor-info-knobs .editor-pad-meta article{display:grid;gap:.1rem;width:100%}.editor-trim-controls .trim-control{padding:0;min-width:0;width:6rem;margin-right:.7em}.editor-chromatic-panel{grid-area:keys;width:100%;max-width:700px;justify-self:center;display:grid;gap:.55rem;padding:0 .8rem .8rem;border:none;border-radius:1rem;background:transparent}.editor-chromatic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.55rem .85rem;flex-wrap:wrap}.editor-arp-controls{display:flex;align-items:center;gap:.4rem}.arp-select{border:none;background:var(--lcd-highlight);color:var(--lcd-text);padding:.32rem .4rem;font-size:.72rem;min-width:3.8rem}.editor-arp-controls .playback-mode-button{font-size:.72rem;padding:.32rem .65rem}.editor-mic-capture{display:grid;gap:.75rem}.editor-mic-capture .mic-capture-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.editor-mic-capture .mic-capture-title{display:grid;gap:.15rem}.editor-mic-capture .mic-capture-title strong{color:var(--lcd-text);font-size:.82rem}.editor-mic-capture .mic-capture-status{margin:0;color:var(--lcd-text-muted);font-size:.72rem}.editor-mic-capture .mic-capture-controls{display:flex;gap:.5rem;flex-wrap:wrap}.editor-mic-capture .mic-capture-timer{font-size:1.1rem;font-weight:600;color:var(--lcd-text-muted);font-variant-numeric:tabular-nums}.editor-mic-capture .mic-capture-timer.is-live{color:var(--lcd-text)}.editor-chromatic-heading{display:grid;gap:.18rem}.editor-chromatic-heading strong{color:var(--text-strong)}.editor-chromatic-heading span{color:var(--text-muted);font-size:.68rem}.editor-chromatic-octave{display:flex;align-items:center;gap:.45rem}.chromatic-octave-button{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .45rem}.editor-chromatic-octave-readout{display:grid;gap:.12rem;min-width:5.8rem;text-align:center}.editor-chromatic-octave-readout span{color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.editor-chromatic-octave-readout strong{color:var(--text-strong);font-size:.78rem}.editor-chromatic-keyboard{position:relative;min-height:5.2rem;padding-top:.12rem;-webkit-user-select:none;user-select:none;touch-action:none}.editor-chromatic-white-keys{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.16rem;min-height:5.2rem}.editor-chromatic-black-keys{position:absolute;inset:0 0 auto;min-height:3.3rem;pointer-events:none}.editor-chromatic-black-keys .editor-chromatic-key{pointer-events:auto}.editor-chromatic-key{border:1px solid var(--lcd-border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease}.editor-chromatic-key:hover{transform:translateY(-1px)}.editor-chromatic-key.white-key{min-height:5.2rem;padding:.4rem .2rem .34rem;border-radius:.24rem .24rem .65rem .65rem;background:var(--lcd-highlight);box-shadow:inset 0 -2px 0 var(--lcd-border),0 2px 5px #1a2a101a}.editor-chromatic-key.black-key{position:absolute;top:0;width:10%;min-height:3.2rem;padding:.25rem .14rem .32rem;transform:translate(-50%);border-radius:.22rem .22rem .48rem .48rem;background:var(--lcd-text-muted);color:var(--lcd-highlight);box-shadow:inset 0 -2px 0 var(--lcd-text),0 4px 7px #1a2a102e}.editor-chromatic-key.is-active.white-key{background:var(--lcd-text-muted);box-shadow:inset 0 -3px 0 var(--lcd-text),0 5px 12px #1a2a1033;color:var(--lcd-highlight)}.editor-chromatic-key.is-active.black-key{background:var(--lcd-text);box-shadow:inset 0 -2px #0e1a08,0 6px 12px #1a2a1040;color:var(--lcd-highlight)}.editor-chromatic-note-label,.editor-chromatic-keyboard-label{pointer-events:none}.editor-chromatic-note-label{color:inherit;font-size:.56rem;line-height:1.1;text-transform:uppercase;letter-spacing:.05em}.editor-chromatic-keyboard-label{color:var(--lcd-text-muted);font-size:.52rem;line-height:1}.editor-chromatic-key.black-key .editor-chromatic-keyboard-label{color:#cad8a6cc}.editor-chromatic-key.is-active .editor-chromatic-keyboard-label{color:#cad8a6d1}.editor-chromatic-note{margin:0;color:var(--text-muted);font-size:.66rem;line-height:1.35}.workspace{display:grid;grid-template-columns:minmax(20rem,.92fr) minmax(24rem,1.08fr);gap:1rem;align-items:start}.panel{padding:1.15rem}.panel-heading.compact h2{font-size:1.15rem}.panel-heading h2{font-size:clamp(1.45rem,2.6vw,2.2rem)}.playback-mode-group{display:flex;gap:.4rem;flex-wrap:wrap}.playback-mode-button{background:#fff6;color:var(--text-muted);padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;box-shadow:inset 0 0 0 1px #6c615826}.playback-mode-button.is-current{background:var(--lcd-text);color:var(--lcd-highlight);box-shadow:0 1px 2px #1a2a1033,inset 0 1px #ffffff0d}.playback-mode-button:hover:not(.is-current){background:#ffffffa6;color:var(--text-strong)}.playback-mode-button.mixer-action-button{padding:.3rem .5rem;font-size:.72rem;font-weight:500;letter-spacing:.06em;background:#ffffff2e;color:var(--lcd-text-muted);box-shadow:inset 0 0 0 1px #7a8a5a59}.playback-mode-button.mixer-action-button:hover:not(.is-current){background:#ffffff52;color:var(--lcd-text)}.playback-mode-button.mixer-action-button.is-current{background:var(--lcd-text);color:var(--lcd-highlight);box-shadow:0 1px 3px #1a2a1033,inset 0 1px #ffffff0d}.prompt-field{display:grid;gap:.65rem;color:var(--text-strong)}.prompt-field span{font-size:.78rem}.prompt-field textarea{width:100%;resize:vertical;min-height:9rem;padding:1rem;border:none;background:#eae6de;color:var(--text-strong);font-size:.78rem}.prompt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.7rem}.primary-button,.secondary-button,.preset-chip{padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.5;transform:none}.primary-button{background:var(--accent-warm);color:#e0e4ea;box-shadow:0 1px 3px #3d506e4d,inset 0 1px #ffffff14}.primary-button:hover:not(:disabled){background:#4a5f80;box-shadow:0 2px 6px #3d506e59,inset 0 1px #ffffff1a}.secondary-button{background:#d5cfc5;color:var(--text-muted);box-shadow:inset 0 0 0 1px #0000000f}.secondary-button:hover:not(:disabled){background:#ded8ce;color:var(--text-strong)}.preset-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.7rem}.generation-status{margin-top:.7rem;margin-bottom:.7rem}.preset-chip{text-align:left;text-transform:none;color:var(--text-muted);border:none;background:#d5cfc5;box-shadow:inset 0 0 0 1px #0000000f}.preset-chip:hover{background:#ded8ce;color:var(--text-strong)}.preset-chip:active{transform:none}.generation-status{min-height:1.5rem;color:var(--text-muted);font-size:.88rem}.mic-capture-panel{display:grid;gap:.75rem;padding-top:.95rem;border-top:1px solid var(--panel-border);align-content:start}.mic-capture-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mic-capture-title{display:grid;gap:.22rem}.mic-capture-title strong{color:var(--text-strong);font-size:.98rem;letter-spacing:.02em}.mic-capture-timer{min-width:3.5rem;text-align:right;color:var(--text-muted);font-size:.88rem;font-variant-numeric:tabular-nums}.mic-capture-timer.is-live{color:var(--accent-warm)}.mic-capture-status{margin:0;color:var(--text-muted);font-size:.88rem}.mic-capture-controls,.mic-capture-actions{display:grid;gap:.6rem}.mic-capture-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mic-capture-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.mic-capture-control{display:inline-flex;align-items:center;justify-content:center;gap:.42rem}.mic-capture-waveform{position:relative;min-height:6rem;border:1px solid var(--panel-border);background:color-mix(in oklch,var(--panel-bg) 90%,white);overflow:hidden}.mic-capture-player{width:100%}.pads-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}.pads .panel-kicker{margin-bottom:0}.pads-panel-actions{display:flex;gap:.5rem;align-items:center}.pads.panel{background:#c8c2b8;border:none}.midi-toggle-button{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .68rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-self:flex-start;background:#d5cfc5;color:var(--text-muted);box-shadow:inset 0 0 0 1px #0000000f}.midi-toggle-button.is-open{background:#0000000f;box-shadow:0 1px 3px #0000000f,inset 0 0 0 1px #0000001a}.midi-toggle-button.is-live{color:color-mix(in oklch,var(--accent-warm) 68%,black 32%)}.midi-toggle-indicator{width:.46rem;height:.46rem;border-radius:999px;background:#c08080;flex-shrink:0}.pads .bank-switcher{margin-bottom:.7rem}.midi-panel{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.8rem;padding:.6rem .7rem;border:none;border-radius:6px;background:#ffffff4d}.midi-device-select{border:none;background:#d5cfc5;color:var(--text-strong);padding:.28rem .5rem;font-size:.68rem;min-width:8rem}[data-theme=dark] .midi-panel{background:#e0cc701a;color:#c8c0b0}[data-theme=dark] .midi-panel .transport-label,[data-theme=dark] .midi-panel strong{color:var(--dark-yellow)}[data-theme=dark] .midi-device-field select{background:#e0cc701f;color:#e0e4ea}[data-theme=dark] .midi-panel-note{color:#c8c0b0}.midi-panel-header{display:flex;justify-content:space-between;align-items:start;gap:.8rem;flex-wrap:wrap}.midi-panel-title{display:grid;gap:.16rem}.midi-panel-title strong{color:var(--text-strong);font-size:.94rem}.midi-connect-button{white-space:nowrap}.midi-panel-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.midi-device-field{display:grid;gap:.3rem;min-width:0}.midi-device-field select{width:100%;border:none;background:#d5cfc5;color:var(--text-strong);padding:.42rem .52rem}.midi-panel-flags{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.midi-panel-flag{display:inline-flex;align-items:center;padding:.22rem .48rem;border-radius:999px;background:color-mix(in oklch,var(--panel-bg) 84%,white);color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.midi-panel-flag.is-active{background:color-mix(in oklch,var(--accent-warm) 18%,white);color:color-mix(in oklch,var(--accent-warm) 80%,black 20%)}.midi-learn-cancel{padding-inline:.65rem;white-space:nowrap}.midi-panel-note{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.45}.grid-panel{display:grid;gap:.85rem}.bank-switcher{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.bank-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;width:100%}.bank-button{background:#d5cfc5;color:var(--text-muted);padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;box-shadow:inset 0 0 0 1px #0000000f}.bank-button:hover:not(.is-current){background:#ded8ce;color:var(--text-strong)}.bank-button.is-current{background:var(--accent-warm);color:#e0e4ea;box-shadow:0 1px 3px #3d506e59,inset 0 1px #ffffff14}.work-surface .bank-button{background:#ffffff2e;color:var(--lcd-text-muted);box-shadow:inset 0 0 0 1px #7a8a5a59}.work-surface .bank-button:hover:not(.is-current){background:#ffffff52;color:var(--lcd-text)}.work-surface .bank-button.is-current{background:var(--lcd-text);color:var(--lcd-highlight);box-shadow:0 1px 3px #1a2a1033,inset 0 1px #ffffff0d}.grid-status{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem .95rem;border:1px solid var(--panel-border);background:color-mix(in oklch,var(--panel-bg) 88%,white);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.pad-tile{display:grid;gap:.36rem;min-width:0}.pad{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:.32rem;min-height:8.2rem;padding:.8rem;text-align:left;overflow:hidden;background:var(--pad-bg);border:none;transition:transform .18s ease,border-color .18s ease}.pad strong,.pad-sample{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad:hover{transform:translate(-2px,-2px)}.pad.is-selected{background:#9a9490}.pad.is-active{transform:translate(-2px,-2px);background:var(--pad-bg-hover)}.pad.is-midi-learning{box-shadow:0 0 0 2px color-mix(in oklch,var(--accent-gold) 70%,white),0 8px 18px #a974161f}.pad:focus-visible{outline:3px solid color-mix(in oklch,var(--accent-gold) 55%,white);outline-offset:2px}.pad strong{font-size:.82rem;line-height:1;color:var(--pad-text)}.pad-key,.pad-group,.pad-sample{color:var(--pad-text-muted);font-size:.65rem}.pad-sample{align-self:end}.pad-midi-inline{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pad-text-muted);cursor:pointer}.pad-midi-inline.is-learning{color:var(--accent-warm)}.pad-key{position:absolute;top:.45rem;right:.45rem;padding:.12rem .32rem;font-size:.61rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);background:#ffffff80;border-radius:4px}.pad-drums,.pad-textures,.pad-melodic,.pad-fx,.pad-chop{background:var(--pad-bg)}.pad-midi-badge{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.42rem .55rem;border-radius:.7rem;background:color-mix(in oklch,var(--panel-bg) 90%,white);color:var(--text-muted);box-shadow:inset 0 0 0 1px #6c615824}.pad-midi-badge span{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.pad-midi-badge strong{color:var(--text-strong);font-size:.72rem}.pad-midi-badge.is-learning{background:#3d506e26;color:var(--accent-warm);box-shadow:0 6px 14px #aa691b24,inset 0 0 0 1px color-mix(in oklch,var(--accent-warm) 42%,white)}.inspector-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;padding:0 0 1rem;border-bottom:1px solid var(--panel-border)}.parameter-list{display:grid;gap:.75rem}.trim-controls{display:grid;gap:0}.trim-control{display:grid;gap:.45rem;padding:.85rem 0}.trim-control span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.trim-control input{width:100%;margin:0}.trim-slider-root{position:relative;display:flex;align-items:center;width:100%;height:20px;touch-action:none;-webkit-user-select:none;user-select:none}.trim-slider-track{position:relative;flex-grow:1;height:4px;border-radius:2px;background:var(--panel-border)}.trim-slider-range{position:absolute;height:100%;border-radius:2px;background:var(--lcd-text)}.trim-slider-thumb{display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--lcd-text);background:var(--lcd-highlight);cursor:grab;transition:box-shadow .15s}.trim-slider-thumb:hover{box-shadow:0 0 0 4px #1a2a102e}.trim-slider-thumb:focus-visible{outline:none;box-shadow:0 0 0 4px #1a2a1040}.trim-slider-root.vertical{box-sizing:border-box;flex-direction:column;justify-content:center;width:20px;height:8.5rem;padding-block:10px;overflow:hidden}.trim-slider-track[data-orientation=vertical]{width:4px;height:100%}.trim-slider-range[data-orientation=vertical]{left:0;right:0;bottom:0;width:100%}.mixer-strip .trim-slider-root.vertical{width:28px;height:9rem;padding-block:14px}.mixer-strip .trim-slider-track[data-orientation=vertical]{width:6px;border-radius:3px;background:var(--lcd-border);box-shadow:inset 0 1px 3px #1a2a104d}.mixer-strip .trim-slider-range[data-orientation=vertical]{border-radius:3px;background:linear-gradient(to top,var(--lcd-text),var(--lcd-text-muted))}.mixer-strip .trim-slider-thumb{width:24px;height:12px;border-radius:2px;border:1px solid var(--lcd-border);background:var(--lcd-highlight);box-shadow:0 1px 3px #1a2a102e;cursor:grab;transition:box-shadow .12s,background .12s}.mixer-strip .trim-slider-thumb:after{content:"";position:absolute;top:50%;left:5px;right:5px;height:1px;background:var(--lcd-border);transform:translateY(-.5px)}.mixer-strip .trim-slider-thumb:hover{background:#dae6b8;box-shadow:0 1px 4px #1a2a1038,0 0 0 2px #1a2a1026}.mixer-strip .trim-slider-thumb:focus-visible{outline:none;box-shadow:0 1px 4px #1a2a1038,0 0 0 2px #1a2a104d}.mixer-strip .trim-slider-thumb:active{cursor:grabbing}.mixer-master-strip{background:var(--lcd-bg);border:none}.mixer-master-strip .trim-slider-range[data-orientation=vertical]{background:linear-gradient(to top,var(--lcd-text),var(--lcd-text-muted))}.trim-control strong{color:var(--lcd-text)}.parameter-list article{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem}.parameter-list span{color:var(--text-muted)}.sequencer-surface{gap:.75rem}.sequencer-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.sequencer-bank-group{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0}.sequencer-bank-buttons{display:flex;gap:.35rem}.sequencer-bank-buttons .bank-button{padding:.3rem .5rem;font-size:.72rem}.sequencer-length-field{flex-shrink:0}.sequencer-field.sequencer-length-field{display:inline-flex;align-items:center;gap:.4rem}.sequencer-field{display:grid;gap:.3rem}.sequencer-field input,.sequencer-field select{border:none;background:var(--lcd-highlight);color:var(--lcd-text);padding:.42rem .55rem;min-width:6rem}.sequence-selector{display:flex;align-items:center;gap:.6rem;padding:0}.sequence-selector-buttons{display:flex;gap:.35rem;align-items:center}.sequence-index-button{padding:.3rem .5rem;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;background:#ffffff2e;color:var(--lcd-text-muted);box-shadow:inset 0 0 0 1px #7a8a5a59}.sequence-index-button:hover:not(.is-active){background:#ffffff52;color:var(--lcd-text)}.sequence-index-button.is-active{background:var(--lcd-text);color:var(--lcd-highlight);box-shadow:0 1px 3px #1a2a1033,inset 0 1px #ffffff0d}.sequence-add-button{padding:.3rem .5rem;font-size:.72rem;font-weight:500;background:#ffffff1f;color:var(--lcd-text-muted);box-shadow:inset 0 0 0 1px #7a8a5a40}.sequence-add-button:hover{background:#ffffff47;color:var(--lcd-text)}.sequencer-generate-bar{display:flex;gap:.5rem;align-items:center;min-width:0;flex:1 1 0}.sequencer-prompt-inline{display:flex;align-items:center;min-width:0;flex:1 1 0}.sequencer-prompt-inline input{width:100%;min-width:0;border:none;background:var(--lcd-highlight);color:var(--lcd-text);padding:.55rem .7rem}.sequencer-generate-button,.sequencer-randomize-button,.sequencer-clear-button{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;align-self:center;white-space:nowrap}.sequencer-generate-button{background:var(--lcd-text);color:var(--lcd-highlight);box-shadow:0 1px 2px #1a2a1033,inset 0 1px #ffffff0d}.sequencer-generate-button:hover:not(:disabled){background:#2a3a18;color:var(--lcd-highlight);box-shadow:0 2px 6px #1a2a104d,inset 0 1px #ffffff0f}.sequencer-randomize-button svg{flex:none}.sequencer-grid-shell{border:1px solid var(--lcd-border);background:var(--lcd-highlight);height:32rem;overflow:hidden}.sequencer-grid-scroll{width:100%;height:100%;overflow:auto}.sequencer-grid{display:grid;align-items:center;min-width:max-content}.sequencer-corner,.sequencer-step-label,.sequencer-lane-header,.sequencer-step-button{border-right:1px solid var(--lcd-border);border-bottom:1px solid var(--lcd-border)}.sequencer-corner{position:sticky;left:0;z-index:3;display:grid;place-items:center start;padding:.75rem .9rem;background:var(--lcd-bg);color:var(--lcd-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.prompt-panel{background:#c8c2b8;border:none}.prompt-panel .panel-heading{margin-bottom:.7rem}.sequencer-step-label{position:sticky;top:0;z-index:2;display:grid;place-items:center;height:2.5rem;background:var(--lcd-bg);color:var(--lcd-text-muted);font-size:.74rem}.sequencer-step-label.is-accent{color:var(--lcd-text)}.sequencer-step-label.is-current{background:#a2b27e;color:var(--lcd-text)}.sequencer-lane-header{position:sticky;left:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:stretch;padding:.4rem .55rem .4rem .8rem;min-width:0;min-height:3.2rem;background:var(--lcd-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sequencer-lane-label{display:grid;gap:.15rem;align-content:center;min-width:0;text-align:left;background:transparent}.sequencer-lane-label strong{color:var(--text-strong);font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencer-lane-label span{color:var(--text-muted);font-size:.7rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencer-lane-header.is-selected{background:#1a2a101a}.sequencer-pad-mute-button{align-self:center;width:1.4rem;height:1.4rem;padding:0;border-radius:.4rem;background:var(--lcd-highlight);color:var(--lcd-text-muted);font-size:.6rem;font-weight:700;letter-spacing:.06em}.sequencer-pad-mute-button.is-muted{background:color-mix(in oklch,var(--accent-warm) 55%,white);color:var(--text-strong)}.sequencer-pad-mute-button:hover{background:color-mix(in oklch,var(--accent-gold) 22%,white)}.sequencer-pad-mute-button.is-muted:hover{background:color-mix(in oklch,var(--accent-warm) 65%,white)}.sequencer-step-button{display:grid;place-items:center;width:1.65rem;height:1.65rem;margin:0 auto;border-radius:.45rem;align-self:center;background:var(--lcd-highlight)}.sequencer-step-note{font-size:.48rem;line-height:1;font-weight:700;letter-spacing:.02em;color:var(--lcd-text)}.sequencer-step-button.is-accent{background:#c0cc9e}.sequencer-step-button.is-active{background:var(--lcd-text)}.sequencer-step-button.is-current{outline:2px solid var(--lcd-text);outline-offset:-2px}.sequencer-step-button.is-active.is-current{background:var(--lcd-text)}@media(max-width:1080px){.work-area-toolbar{grid-template-columns:auto 1fr;gap:.6rem}.work-area-transport{justify-self:end}.work-area-tabs{grid-column:1 / -1;justify-content:flex-end}.sequencer-toolbar,.sequencer-generate-bar{grid-template-columns:1fr}.work-surface-meta,.work-surface-meta.compact{gap:.6rem 1rem}.editor-loop-meta{grid-template-columns:1fr}.editor-loop-focus{min-width:0}.midi-panel-controls{grid-template-columns:1fr}.midi-panel-flags{justify-content:flex-start}.workspace{grid-template-columns:1fr}.prompt-panel,.grid-panel{order:0}}@media(max-width:885px){.editor-toolbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"tabs tabs" "transform export";gap:.5rem}.editor-source-tabs{grid-area:tabs}.editor-transform-bar{grid-area:transform;min-width:0}.editor-toolbar-actions{grid-area:export}}@media(max-width:830px){.editor-pad-controls.is-chromatic-active{grid-template-columns:1fr;grid-template-areas:"modes" "info" "keys"}.editor-pad-controls.is-chromatic-active .editor-info-knobs{margin-left:0}}@media(max-width:720px){.app-shell{width:min(calc(100% - 1rem),var(--page-max-width))}.sequencer-toolbar{display:flex;flex-wrap:wrap}.sequencer-bank-group{order:0}.sequence-selector{order:1}.sequencer-generate-bar{order:2;flex:1 1 100%}.sequencer-length-field{order:3}.work-surface-meta,.work-surface-meta.compact{gap:.4rem .8rem}.sample-waveform,.sample-waveform__canvas{min-height:6.75rem}.pad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.midi-panel{padding-inline:.75rem}.midi-panel-header{align-items:stretch}.editor-chromatic-white-keys{gap:.14rem;min-height:4.8rem}.editor-chromatic-key.white-key{min-height:4.8rem;padding-inline:.14rem}.editor-chromatic-key.black-key{min-height:2.9rem;width:11%}.effects-grid{gap:.8rem}.effect-control{width:100%}.mixer-section{overflow-x:auto}.mixer-bank-grid,.mixer-pad-grid{min-width:650px}.bank-switcher{align-items:start;flex-direction:column}.bank-buttons,.prompt-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mic-capture-controls,.mic-capture-actions{grid-template-columns:1fr}.grid-status{flex-direction:column}.pad{min-height:7.4rem}.parameter-list article{align-items:start;flex-direction:column}}@media(max-width:630px){.editor-pad-controls:not(.is-chromatic-active) .editor-info-knobs{flex-wrap:wrap}.editor-pad-controls:not(.is-chromatic-active) .editor-info-knobs .editor-pad-meta{width:100%;flex-basis:100%}}@media(max-width:585px){.work-area-toolbar{grid-template-columns:1fr;gap:.5rem}.work-area-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.work-area-transport{justify-self:stretch;justify-content:center;position:relative}.work-area-transport .transport-field-inline{position:absolute;left:0;top:50%;transform:translateY(-50%)}.work-area-tabs{grid-column:1;justify-content:center}}@media(max-width:520px){.mixer-pad-section-heading{flex-direction:column;align-items:flex-start;gap:.4rem}}@media(max-width:495px){.editor-pad-controls.is-chromatic-active{grid-template-columns:minmax(0,1fr)}.editor-chromatic-panel{max-width:100%;min-width:0;overflow:hidden}.editor-playback-mode-group{flex-wrap:wrap}}@media(max-width:465px){.editor-pad-controls.is-chromatic-active .editor-info-knobs{flex-wrap:wrap}.editor-pad-controls.is-chromatic-active .editor-info-knobs .editor-pad-meta{display:flex;gap:.6rem;width:100%;flex-basis:100%}.editor-pad-controls.is-chromatic-active .editor-info-knobs .editor-pad-meta article{display:flex;align-items:baseline;gap:.3rem;width:auto}}@media(max-width:460px){.pad{min-height:5rem;padding:.55rem}}@media(max-width:420px){.sequencer-grid{--seq-pad-col: 6.5rem}}@media(max-width:415px){.work-area-title{flex-direction:column;align-items:center;text-align:center}.work-area-transport{flex-wrap:wrap;justify-content:center}.work-area-transport .transport-field-inline{position:static;transform:none;width:100%;justify-content:center}}[data-theme=dark]{--dark-gold: #b89830;--dark-yellow: #e0cc70;background:#283a58}[data-theme=dark] .pads.panel,[data-theme=dark] .prompt-panel,[data-theme=dark] .work-area-toolbar{background:#1e2d4a}[data-theme=dark] .prompt-panel,[data-theme=dark] .pads.panel{color:#c8c0b0}[data-theme=dark] .prompt-panel .panel-kicker,[data-theme=dark] .pads.panel .panel-kicker{color:var(--dark-gold)}[data-theme=dark] .prompt-field span{color:#c8c0b0}[data-theme=dark] .work-area-title strong{color:var(--dark-gold)}[data-theme=dark] .work-area-toolbar .eyebrow,[data-theme=dark] .work-area-toolbar .transport-label,[data-theme=dark] .transport-field input{color:var(--dark-yellow)}[data-theme=dark] .transport-button.primary-button,[data-theme=dark] .transport-button.secondary-button{box-shadow:inset 0 0 0 1px #e0cc7040;color:var(--dark-yellow)}[data-theme=dark] .transport-button.primary-button:hover:not(:disabled),[data-theme=dark] .transport-button.secondary-button:hover:not(:disabled){background:#e0cc7014;box-shadow:inset 0 0 0 1px #e0cc7066}[data-theme=dark] .transport-button.is-active,[data-theme=dark] .transport-button[aria-pressed=true]{color:#c43535}:root{transition:background .4s ease}.work-area-toolbar,.pads.panel,.prompt-panel,.panel{transition:background .4s ease,border-color .4s ease}