:root{--bg:#14120d;--btn:#eae4da17;--bright:#eae4da;--dim:#e1e0d699;--tabActive:#eae4da;--tabActiveText:#14120d;--pad:#eae4da14;--downbeat:#eae4da29;--timeline:#14120d80;--ring:#eae4da;--thumbBg:#eae4da0d;--line:#eae4da1a;--rec:#d65c5c;--surf:#1f1c15;--tick:#14120d8c;--colWash:#eae4da4d;--ddTopLight:#ffffff0d}[data-theme=light]{--bg:#eae4da;--btn:#13110c1a;--bright:#13110c;--dim:#13110c80;--tabActive:#13110c;--tabActiveText:#eae4da;--pad:#13110c1a;--downbeat:#13110c33;--timeline:#13110c0f;--ring:#13110c;--thumbBg:#13110c0a;--line:#13110c1a;--rec:#d65c5c;--surf:#e1dbce;--tick:#13110c80;--colWash:#13110c33;--ddTopLight:#ffffff8c}:root{--track-kick:#c63f3e;--track-snare:#eac119;--track-hat:#9ed6df;--track-bass:#245e55;--track-chords:#808bc5;--track-lead:#ed773c;--track-spareBlue:#4978b1;--track-spareGreen:#427f48;--space-gutter:16px;--space-gap:8px;--space-gapSection:16px;--space-filmstripGap:4px;--radius-micro:1px;--radius-leaf:3px;--radius-cell:5px;--radius-container:8px;--radius-control:10px;--radius-containerLg:12px;--radius-sheetTop:14px;--radius-sheet:20px;--size-touchMin:44px;--size-buttonLarge:56px;--size-navRow:64px;--size-modeBar:50px;--size-segmentedBar:44px;--size-stepperArrow:40px;--size-sheetButton:40px;--size-gripWidth:40px;--size-launchGlyph:40px;--size-performChip:40px;--size-knob:48px;--size-knobDot:8px;--size-knobDotInset:6px;--size-colorDot:10px;--size-sceneMiniGridWidth:104px;--size-padMiniStripHeight:12px;--size-trackPreviewStripHeight:8px;--size-addButtonMinHeight:52px;--size-fxSliderHeight:12px;--size-envelopeBoxHeight:56px;--size-renameRingWidth:2px;--size-activeRingWidth:2px;--size-pianoNoteLabelWidth:32px;--dur-press:.12s;--dur-crossfade:.15s;--dur-wash:.12s;--dur-sheet:.2s;--dur-closing:.18s;--dur-settle:.3s;--dur-momentum:.42s;--dur-secRise:.32s;--dur-secRiseStep:70ms;--dur-recHalo:1.7s;--dur-queuePulse:1s;--dur-padFlashIn:20ms;--dur-padFlashOut:.2s;--dur-toggleSlide:.15s;--dur-fxBarGrow:.12s;--dur-transportFade:.18s;--dur-ringFade:.2s;--curve-settle:cubic-bezier(.22,.61,.36,1);--curve-press:cubic-bezier(.2,0,0,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--app-background,#14120d);min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;margin:0}button,input,select{font-family:inherit}.app-screen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-x:none}.app-screen *{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.app-screen input,.app-screen textarea,.app-screen [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.app-screen img,.app-screen svg{-webkit-user-drag:none}button{transition:transform .12s cubic-bezier(.2,0,0,1)}button:active{transform:scale(.96)}button[data-step-idx]:active,button[data-pat-idx]:active,button[data-pat-plus]:active,button[data-live-pad]:active{transform:none}@keyframes pxRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes patSlide{0%{opacity:.35;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0}to{opacity:1}}@keyframes ddIn{0%{opacity:0}to{opacity:1}}@keyframes recHalo{0%,to{box-shadow:0 0 6px 1px #d65c5c6b}50%{box-shadow:0 0 0 4px #d65c5c1a,0 0 13px 4px #d65c5cc7}}@keyframes queuePulse{0%,to{box-shadow:inset 0 0 0 1.5px var(--qline)}50%{box-shadow:inset 0 0 0 2.5px var(--qring)}}@keyframes patternPlayingPulse{0%,to{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.mrow:active{transform:none;background:#9696962e!important}@media (prefers-reduced-motion:reduce){[data-rec-dot],[data-play-pulse]{opacity:1!important;animation:none!important;transform:none!important}*{animation-duration:1ms!important;animation-delay:0s!important}button:active{transform:none!important}}@keyframes pxOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes secRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-stagger]>*{animation:.32s cubic-bezier(.2,0,0,1) backwards secRise}[data-stagger]>:first-child{animation-delay:50ms}[data-stagger]>:nth-child(2){animation-delay:.12s}[data-stagger]>:nth-child(3){animation-delay:.19s}[data-stagger]>:nth-child(4){animation-delay:.26s}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.prototype-loading,.prototype-error{background:var(--app-background,#14120d);color:#eae4da;text-align:center;place-items:center;min-height:100vh;margin:0;padding:24px;font:600 14px/1.45 Archivo,system-ui,sans-serif;display:grid}.prototype-error{white-space:pre-wrap}@media (max-width:600px){html,body{height:100dvh!important;min-height:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.app-viewport{background:var(--app-background,#14120d)!important;align-items:stretch!important;height:100dvh!important;min-height:0!important;padding:0!important;position:fixed!important;inset:0!important}.device-frame{width:100%!important;height:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.device-island{display:none}.prototype-status-bar{display:none!important}.app-screen{padding-top:env(safe-area-inset-top)!important;border-radius:0!important}}