.dm-algo{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.dm-algo-select{border:1px solid var(--border-control);background:var(--surface-recessed);width:116px;height:26px;color:var(--color-text-primary);border-radius:5px;padding:0 6px;font-family:Inter,Helvetica Neue,sans-serif;font-size:11px;box-shadow:inset 0 1px 2px #0009}.dm-algo-select:focus-visible,.dm-algo-btn:focus-visible,.dm-euclid input:focus-visible,.dm-euclid select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-euclid{position:relative}.dm-euclid>summary{-webkit-user-select:none;user-select:none;align-items:center;list-style:none;display:flex}.dm-euclid>summary::-webkit-details-marker{display:none}.dm-euclid-panel{z-index:20;background:linear-gradient(145deg,#30303d,#1b1b27);border:1px solid #000c;border-radius:7px;grid-template-columns:100px 58px 66px auto;align-items:end;gap:8px;width:max-content;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 20px #000000a6}.dm-euclid-panel label{color:#dcd2becc;letter-spacing:.08em;gap:4px;font-size:9px;font-weight:600;display:grid}.dm-euclid-panel select,.dm-euclid-panel input{box-sizing:border-box;border:1px solid var(--border-control);width:100%;height:26px;color:var(--color-text-primary);background:#0a0a10;border-radius:4px;font:11px Inter,sans-serif}.dm-history{gap:3px;display:flex}.dm-history-btn{letter-spacing:0;width:27px;padding:0;font-size:16px}.dm-algo-btn{outline:1px solid var(--outline-control);background:var(--surface-control);height:26px;color:var(--color-text-control);letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff1a, 0 2px 4px var(--shadow-control);border:none;border-radius:5px;padding:0 12px;font-family:Inter,Helvetica Neue,sans-serif;font-size:10px;font-weight:600;transition:background .12s,box-shadow .12s}.dm-algo-btn:hover:not(:disabled){background:var(--surface-control-hover)}.dm-algo-btn:active:not(:disabled){background:var(--surface-control-active);box-shadow:inset 0 2px 4px #0009}.dm-algo-btn:disabled,.dm-algo-select:disabled{opacity:.45;cursor:default}.dm-algo-btn-warn{color:#f0b4aaeb}.dm-algo-share{min-width:72px;margin-left:auto}@media (width<=620px){.dm-algo{gap:6px}.dm-algo-select{width:94px}.dm-algo-btn{padding-inline:8px}.dm-algo-share{min-width:58px}}@media (prefers-reduced-motion:reduce){.dm-algo-btn{transition:none!important}}.dm-banks{color:var(--dm-text);letter-spacing:.07em;flex-wrap:wrap;align-items:center;gap:7px;margin:-8px 0 18px;font-size:10px;font-weight:600;display:flex;position:relative}.dm-bank-buttons{gap:4px;display:flex}.dm-bank-btn,.dm-bank-tool,.dm-bank-menu button,.dm-chain-panel button{background:linear-gradient(180deg, var(--color-control), #20202b);color:#e0d7c4f0;min-height:28px;font:inherit;cursor:pointer;border:1px solid #000000b8;border-radius:5px}.dm-bank-btn{width:38px}.dm-bank-btn[aria-pressed=true]{outline-offset:1px;outline:2px solid #829ee2}.dm-bank-btn[data-active]{color:#fff2d8;background:linear-gradient(#9a622b,#593315);box-shadow:0 0 8px #c8782880}.dm-bank-btn[data-queued]:after{content:"•";color:#ffd08a;margin-left:3px}.dm-bank-tool{-webkit-user-select:none;user-select:none;align-items:center;padding:0 10px;list-style:none;display:flex}.dm-bank-tool::-webkit-details-marker{display:none}.dm-bank-copy,.dm-chain-editor{position:relative}.dm-bank-menu,.dm-chain-panel{z-index:30;background:linear-gradient(145deg,#30303d,#171722);border:1px solid #000000d1;border-radius:7px;gap:6px;padding:9px;display:grid;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 20px #000000a6}.dm-bank-menu{grid-template-columns:repeat(2,minmax(54px,1fr));width:132px}.dm-bank-menu button,.dm-chain-panel button{padding:0 8px}.dm-chain-toggle{align-items:center;gap:5px;display:flex}.dm-chain-panel{width:188px;max-height:min(420px,70vh);left:0;overflow:auto}.dm-chain-panel ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dm-chain-panel li{border-radius:4px;grid-template-columns:22px 1fr 30px;align-items:center;gap:5px;padding:3px;display:grid}.dm-chain-panel li[data-active]{background:#c8782838}.dm-chain-panel select{color:#ded2ba;background:#09090f;border:1px solid #000000b8;border-radius:4px;min-height:28px}.dm-bank-status{color:#d4c9b4c7;letter-spacing:.03em;margin-left:auto}.dm-bank-btn:focus-visible,.dm-bank-tool:focus-visible,.dm-bank-menu button:focus-visible,.dm-chain-panel button:focus-visible,.dm-chain-panel select:focus-visible,.dm-chain-toggle input:focus-visible{outline:2px solid var(--color-focus-ring-strong);outline-offset:2px}.dm-bank-btn:disabled,.dm-bank-menu button:disabled,.dm-chain-panel button:disabled,.dm-chain-panel select:disabled,.dm-chain-toggle input:disabled{opacity:.45;cursor:default}@media (width<=620px){.dm-bank-status{flex-basis:100%;margin-left:0}}.dm-shortcuts-open{outline:1px solid var(--outline-control);background:var(--surface-control);width:26px;height:26px;color:var(--color-text-control);cursor:pointer;border:0;border-radius:50%;flex:none;padding:0;font-size:13px;font-weight:700}.dm-shortcuts-open:hover{background:var(--surface-control-hover)}.dm-shortcuts-open:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-shortcuts{border:1px solid var(--border-panel);background:var(--surface-panel);width:min(92vw,720px);max-height:min(86vh,680px);color:var(--color-text-body);border-radius:14px;padding:0;font-family:Inter,Helvetica Neue,sans-serif;overflow:auto;box-shadow:0 18px 60px #000000d9}.dm-shortcuts::backdrop{background:#020207c7}.dm-shortcuts-panel{padding:22px}.dm-shortcuts header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.dm-shortcuts h2,.dm-shortcuts h3{color:var(--color-text-strong);margin:0}.dm-shortcuts h2{font-size:19px}.dm-shortcuts h3{letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.dm-shortcuts header button{background:var(--surface-control);width:32px;height:32px;color:var(--color-text-strong);cursor:pointer;border:0;border-radius:6px;flex:none;font-size:20px}.dm-shortcuts header button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-shortcuts-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.dm-shortcuts dl,.dm-shortcuts dd{margin:0}.dm-shortcuts dl{gap:10px;display:grid}.dm-shortcuts dl>div{gap:5px;display:grid}.dm-shortcuts kbd{background:var(--surface-recessed);color:#f1d7ac;border:1px solid #ffffff2e;border-radius:4px;padding:3px 6px;font:11px SFMono-Regular,Menlo,monospace;display:inline-block;box-shadow:inset 0 -1px #ffffff14}.dm-shortcuts dd{font-size:12px;line-height:1.4}@media (width<=620px){.dm-shortcuts-columns{grid-template-columns:1fr}}@media (pointer:coarse){.dm-shortcuts-open,.dm-shortcuts header button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.dm-shortcuts,.dm-shortcuts *{scroll-behavior:auto!important}}.knob{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.knob svg{cursor:ns-resize;border-radius:50%;outline:none}.knob svg:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.knob-label{color:var(--color-text-knob);letter-spacing:.09em;white-space:nowrap;font-family:Inter,Helvetica Neue,sans-serif;font-size:9px;font-weight:500}.knob-readout{color:var(--color-text-primary);white-space:nowrap;pointer-events:none;z-index:10;background:#08080eeb;border:1px solid #c88c3c66;border-radius:5px;padding:2px 7px;font-family:Inter,monospace;font-size:10px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.knob:not(:focus-within) .knob-readout{display:none}.dm-voice{background:var(--surface-panel);width:min(94vw,560px);max-height:min(86vh,660px);color:var(--dm-text);border:1px solid #000c;border-radius:16px;margin:auto;padding:0;font-family:Inter,Helvetica Neue,sans-serif;overflow-y:auto;box-shadow:0 20px 60px #000000e6,inset 0 2px 2px #ffffff1f,inset 0 -3px 6px #0000008c}.dm-voice::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04040ab8}.dm-voice-head{border-bottom:1px solid #0000008c;align-items:center;gap:12px;padding:14px 14px 10px 18px;display:flex;box-shadow:0 1px #ffffff0a}.dm-voice-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-primary);flex:1;margin:0;font-size:13px;font-weight:600}.dm-voice-close{width:26px;height:26px;color:var(--color-text-knob);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0;font-size:18px;line-height:1}.dm-voice-close:hover{background:#ffffff0f}.dm-voice-model{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 18px 0;padding:0;display:grid;position:relative}.dm-voice-model legend{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-knob);grid-column:1/-1;margin-bottom:2px;font-size:10px;font-weight:600}.dm-voice-model label{cursor:pointer;position:relative}.dm-voice-model input{opacity:0;pointer-events:none;position:absolute}.dm-voice-model span{color:#cec5b2cc;background:#08080e8c;border:1px solid #000000b3;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 10px;font-size:11px;display:flex;box-shadow:inset 0 1px #ffffff0a}.dm-voice-model small{letter-spacing:.08em;color:#d99b53;font-size:7px}.dm-voice-model input:checked+span{color:#f0dcc0;background:#c8782824;border-color:#c88c3cb3}.dm-voice-model input:focus-visible+span{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-voice-model-help{z-index:3;position:absolute;top:-2px;right:0}.dm-voice-model-help>button{color:#9bb9df;cursor:help;background:#19263a8c;border:1px solid #6d95c873;border-radius:50%;width:18px;height:18px;padding:0;font:600 11px/1 Inter,Helvetica Neue,sans-serif}.dm-voice-model-help>button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-voice-model-tooltip{color:#cec5b2e6;opacity:0;visibility:hidden;pointer-events:none;background:#161f2d;border:1px solid #6d95c861;border-radius:7px;width:min(250px,92vw - 64px);padding:10px 12px;font-size:10px;line-height:1.5;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:24px;right:0;transform:translateY(-3px);box-shadow:0 8px 22px #000000a6}.dm-voice-model-tooltip strong{color:#9bb9df;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.dm-voice-model-help:hover .dm-voice-model-tooltip,.dm-voice-model-help:focus-within .dm-voice-model-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.dm-voice-knobs{grid-template-columns:repeat(auto-fit,96px);justify-content:center;justify-items:center;gap:22px 10px;padding:18px 18px 16px;display:grid}.dm-voice-knobs[data-params="6"]{grid-template-columns:repeat(3,96px)}.dm-voice-param{flex-direction:column;align-items:center;gap:3px;display:flex}.dm-voice-value{font-variant-numeric:tabular-nums;color:var(--color-text-knob);white-space:nowrap;font-size:10px}.dm-voice-hint{color:#b2aa9bcc;margin:0;padding:0 18px 12px;font-size:10px;line-height:1.5}.dm-voice-foot{border-top:1px solid #0000008c;align-items:center;gap:10px;padding:12px 16px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.dm-voice-foot-spacer{flex:1}.dm-voice-audition{align-items:center;gap:6px;display:inline-flex}.dm-voice-notice{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dm-voice:focus-visible,.dm-voice-close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (width<=620px){.dm-voice{width:94vw}.dm-voice-knobs,.dm-voice-knobs[data-params="6"]{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:20px 8px;padding:16px 12px 12px}.dm-voice-foot{flex-wrap:wrap}}.dm-voice-preset{letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a;align-items:center;gap:8px;margin:0 0 10px;font-size:10px;display:flex}.dm-voice-preset select{min-width:0;font:inherit;text-transform:none;letter-spacing:normal;color:#ddd;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:3px;flex:auto;padding:4px 6px}.dm-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dm-machine{--dm-led:var(--color-accent);--dm-led-dim:#8c5a1e2e;--dm-text:var(--color-text-machine);background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:22px;width:min(100%,1000px);padding:14px 14px 18px;font-family:Inter,Helvetica Neue,sans-serif;box-shadow:0 14px 44px #000000d9,0 4px 12px #0009,inset 0 2px 2px #ffffff24,inset 2px 0 2px #ffffff0d,inset 0 -3px 5px #0000008c,inset -3px 0 4px #0000004d}.dm-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}.dm-header .dm-algo{flex-wrap:wrap;flex-basis:100%}.dm-title{letter-spacing:.01em;flex:none;margin:0;font-size:18px;font-weight:600}.dm-title-algo{color:#8888a8}.dm-title-drum{color:#6f92e0}.dm-status{background:radial-gradient(circle at 35% 30%,#4a3418,#201204);border:1px solid #0009;border-radius:50%;flex:none;width:9px;height:9px;animation:1.1s ease-in-out infinite dm-status-pulse}.dm-status-ready{background:radial-gradient(circle at 35% 30%, #ffcf8a, var(--dm-led));animation:none;box-shadow:0 0 8px #c88c28b3}@keyframes dm-status-pulse{50%{background:radial-gradient(circle at 35% 30%,#8a6430,#3a2408)}}.dm-board{overscroll-behavior-inline:contain;scrollbar-color:#c88c28b3 #08080eb3;scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-template-columns:max-content repeat(16,minmax(34px,1fr)) 12px max-content;grid-auto-rows:min-content;align-items:center;column-gap:2px;max-width:100%;display:grid;position:relative;overflow-x:auto}.dm-screen{background:var(--color-screen);border:1px solid #000000e6;border-radius:12px;grid-area:1/2/8/18;place-self:stretch stretch;margin:-10px;box-shadow:inset 0 14px 18px -8px #000000bf,inset 10px 0 14px -8px #00000073,inset 0 -5px 8px -4px #ffffff0a,0 2px 10px #000000a6}.dm-track-label{letter-spacing:.04em;color:var(--dm-text);text-align:right;z-index:1;justify-content:flex-end;align-items:center;gap:4px;padding-right:10px;font-size:9px;font-weight:500;display:flex;position:relative}.dm-row-actions-open{border:1px solid var(--border-control);background:var(--surface-control);width:22px;height:22px;color:var(--color-text-strong);cursor:pointer;border-radius:5px;flex:none;padding:0;font:700 14px/1 Inter,sans-serif}.dm-row-actions-open:hover:not(:disabled){background:var(--surface-control-hover)}.dm-row-actions-open:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-row-actions-open:disabled{opacity:.45;cursor:default}.dm-cell{z-index:1;aspect-ratio:41/37;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;position:relative}.dm-cell:before{content:"";background:#06060c;border-radius:5px;position:absolute;inset:3px;box-shadow:inset 0 8px 10px -5px #000000b3,inset 6px 0 8px -5px #0006,inset 0 -4px 6px -4px #ffffff0d}.dm-cell[data-bar-start]:not([data-first-step]):after{content:"";background:#6e6556;width:2px;position:absolute;top:8%;bottom:8%;left:-2px}.dm-cell[data-bar-odd]{box-shadow:inset 0 2px #6e6556,inset 0 -2px #6e6556}.dm-cell[data-beyond],.dm-step-number[data-beyond]{opacity:.4}.dm-cell:focus-visible{outline:none}.dm-cell:focus-visible:before{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-led{aspect-ratio:1;background:radial-gradient(circle at 42% 38%, var(--dm-led-dim), #3c260c1f);border-radius:50%;width:42%;transition:width 90ms,border-radius 90ms,box-shadow 90ms,background 90ms;position:relative}.dm-cell[data-active] .dm-led{background:radial-gradient(circle at 38% 32%, #ffffffeb, var(--dm-led) 34%, #c8782840 100%);filter:brightness(calc(.55 + var(--dm-velocity) * .45));box-shadow:0 0 10px 2px #c882288c,0 0 26px 4px #c8822833}.dm-cell[data-accent] .dm-led{background:radial-gradient(circle at 38% 32%,#fff,#ffb050 30%,#ffa53766 100%);border-radius:28%;width:56%;box-shadow:0 0 13px 3px #ffaa3ccc,0 0 32px 7px #eb962d52}.dm-row-actions{z-index:1200;border:1px solid var(--border-panel);background:var(--surface-panel);width:min(360px,100vw - 16px);color:var(--color-text-strong);border-radius:9px;margin:0;padding:14px;font:11px Inter,sans-serif;position:fixed;box-shadow:0 12px 30px #000000b8,inset 0 1px #ffffff1a}.dm-row-actions-title{color:var(--color-text-strong);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.dm-row-actions-buttons,.dm-row-copy{align-items:flex-end;gap:7px;display:flex}.dm-row-copy{border-top:1px solid var(--border-control);margin-top:10px;padding-top:10px}.dm-row-actions label{color:var(--color-text-body);flex-direction:column;flex:1;gap:4px;display:flex}.dm-row-actions button,.dm-row-actions select{border:1px solid var(--border-control);background:var(--surface-control);min-height:32px;color:var(--color-text-strong);border-radius:5px;font:11px Inter,sans-serif}.dm-row-actions button{cursor:pointer;padding:0 9px}.dm-row-actions select{padding:0 6px}.dm-row-actions button:hover:not(:disabled){background:var(--surface-control-hover)}.dm-row-actions button:disabled{opacity:.45;cursor:default}.dm-row-actions :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-cell[data-playhead]{background:#7b571e}.dm-cell[data-playhead]:before{box-shadow:inset 0 8px 10px -5px #000000b3, inset 6px 0 8px -5px #0006, inset 0 -4px 6px -4px #ffffff0d, inset 0 3px 0 var(--color-accent)}.dm-cell[data-playhead][data-active] .dm-led{box-shadow:0 0 12px 3px #eba53ccc,0 0 30px 6px #c882284d}.dm-step-number{text-align:center;color:#c0b298b8;z-index:1;padding-top:16px;font-family:Inter,monospace;font-size:10px}.dm-step-number[data-playhead]{color:#e6be78cc}.dm-track-controls{align-items:center;gap:4px;padding-left:2px;display:flex}.dm-track-length-label{margin-bottom:13px}.dm-track-length{border:1px solid var(--border-control);background:var(--color-input);width:27px;height:26px;color:var(--dm-text);border-radius:5px;padding:0 2px;font:10px Inter,sans-serif}.dm-track-length:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-cell-inspector{min-height:34px;color:var(--dm-text);letter-spacing:.05em;background:#08080eb8;border:1px solid #000000a6;border-radius:7px;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 4px -8px;padding:8px 38px 8px 12px;font-size:10px;display:flex;position:relative}.dm-cell-inspector label{align-items:center;gap:7px;display:flex}.dm-cell-inspector input{width:120px;accent-color:var(--dm-led)}.dm-cell-inspector select{border:1px solid var(--border-control);background:var(--color-input);height:26px;color:var(--dm-text);border-radius:4px}.dm-cell-inspector>button{width:24px;height:24px;color:var(--dm-text);cursor:pointer;background:#292936;border:0;border-radius:4px;position:absolute;right:8px}.dm-mute{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:13px;padding:0;display:flex}.dm-mute:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.dm-mute-led{background:radial-gradient(circle at 35% 30%,#3a1010,#1a0505);border:1px solid #0009;border-radius:50%;width:11px;height:11px;transition:background .1s,box-shadow .1s;box-shadow:inset 0 1px #ffffff0a}.dm-mute[aria-pressed=true] .dm-mute-led{background:radial-gradient(circle at 35% 30%,#ff7070,#cc1010);box-shadow:0 0 7px #d21414bf,inset 0 1px #ffc8c840}.dm-voice-open{outline:1px solid var(--outline-control);background:var(--surface-control);width:24px;height:24px;color:var(--color-text-knob);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff1a, 0 2px 4px var(--shadow-control);border:none;border-radius:5px;justify-content:center;align-items:center;margin-bottom:13px;padding:0;transition:background .12s,box-shadow .12s;display:flex}.dm-voice-open:hover:not(:disabled){background:var(--surface-control-hover)}.dm-voice-open:active:not(:disabled){background:var(--surface-control-active);box-shadow:inset 0 2px 4px #0009}.dm-voice-open:disabled{opacity:.45;cursor:default}.dm-voice-open:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-transport{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-top:28px;padding:0 4px;display:flex}.dm-transport-spacer{flex:1}.dm-tempo-group{flex-direction:column;align-items:center;gap:6px;display:flex}.dm-tap{outline:1px solid var(--outline-control);background:var(--surface-control);min-height:27px;color:var(--color-text-control);letter-spacing:.1em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff1a, 0 2px 4px var(--shadow-control);border:none;border-radius:5px;padding:3px 10px;font-family:Inter,Helvetica Neue,sans-serif;font-size:9px;font-weight:600;transition:background .12s}.dm-tap:hover:not(:disabled){background:var(--surface-control-hover)}.dm-tap:active:not(:disabled){background:var(--surface-control-active);box-shadow:inset 0 2px 4px #0009}.dm-tap:disabled{opacity:.45;cursor:default}.dm-tap:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dm-transport-buttons{align-items:center;gap:7px;margin-top:3px;display:flex}.dm-play{cursor:pointer;background:linear-gradient(145deg,#1a9a66,#0d6644);border:none;border-radius:50%;outline:1.5px solid #00c87859;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 0 14px #00b46459,0 4px 10px #0009,inset 0 1px #ffffff26}.dm-play:disabled{filter:grayscale(.8)brightness(.6);cursor:default}.dm-play:focus-visible{outline-offset:3px;outline:2px solid #ffffffb3}.dm-play-active{background:linear-gradient(145deg,#e03333,#911);outline-color:#ff505073;box-shadow:0 0 18px #dc323280,0 4px 10px #0009,inset 0 1px #ffffff26}.dm-stop{cursor:pointer;background:linear-gradient(145deg,#33333d,#1d1d25);border:1px solid #ffffff29;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 3px 8px #00000073}.dm-stop span{background:#dadade;border-radius:2px;width:10px;height:10px}.dm-stop:disabled{opacity:.35;cursor:default}.dm-stop:focus-visible{outline-offset:3px;outline:2px solid #ffffffb3}.dm-fill,.dm-metronome{height:28px;color:var(--dm-text);cursor:pointer;background:linear-gradient(145deg,#33333d,#1d1d25);border:1px solid #ffffff29;border-radius:7px;align-self:center;padding:0 7px;font-size:9px;font-weight:700}.dm-fill[aria-pressed=true],.dm-metronome[aria-pressed=true]{color:#ffd49d;border-color:#ffa537cc;box-shadow:0 0 10px #eb962d6b}.dm-fill:disabled,.dm-metronome:disabled,.dm-count-in select:disabled{opacity:.45;cursor:default}.dm-count-in{color:var(--dm-text);letter-spacing:.06em;align-self:center;gap:2px;font-size:8px;font-weight:700;display:grid}.dm-count-in select{border:1px solid var(--border-control);background:var(--color-input);height:28px;color:var(--dm-text);border-radius:5px;padding:0 4px;font:9px Inter,sans-serif}.dm-fill:focus-visible,.dm-metronome:focus-visible,.dm-count-in select:focus-visible,.dm-cell-inspector :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (width>=621px){.dm-machine{padding:20px 28px 26px}.dm-header{flex-wrap:nowrap;gap:10px}.dm-header .dm-algo{flex-wrap:nowrap;flex-basis:auto}.dm-title{font-size:21px}.dm-board{grid-template-columns:max-content repeat(16,minmax(30px,1fr)) 26px max-content}.dm-cell:before{border-radius:7px;inset:7px}.dm-track-label{padding-right:20px;font-size:11px}.dm-track-controls{gap:8px}.dm-track-length{width:30px}.dm-voice-open{width:26px;height:26px}.dm-transport{flex-wrap:nowrap;gap:20px}}@media (pointer:coarse){.dm-board{grid-template-columns:max-content repeat(16,minmax(44px,1fr)) 12px max-content}.dm-cell{aspect-ratio:1;min-width:44px;min-height:44px}.dm-machine :where(button,select,summary),.dm-machine input:not([type=range]),.dm-machine input[type=range],.dm-machine .knob svg{min-width:44px;min-height:44px}.dm-header .dm-algo{flex-wrap:wrap}.dm-row-actions button,.dm-row-actions select{min-height:44px}}.dm-skip-link{z-index:1000;border:2px solid var(--color-accent);background:var(--color-screen);color:#f2e6cf;border-radius:6px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 10px))}.dm-skip-link:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){.dm-machine *,.dm-machine :before{transition:none!important;animation:none!important}}.fault-panel{text-align:center;background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:16px;width:min(100%,460px);margin:0 auto;padding:26px 28px 24px;font-family:Inter,Helvetica Neue,sans-serif;box-shadow:0 14px 44px #000000d9,inset 0 2px 2px #ffffff1f,inset 0 -3px 5px #0000008c}.fault-badge{color:#ffcf8a;background:radial-gradient(circle at 38% 32%,#7a4a1a,#341c06);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:24px;font-weight:700;display:flex;box-shadow:0 0 14px #c8782873,inset 0 1px #ffffff1f}.fault-title{color:var(--color-text-strong);margin:0 0 10px;font-size:18px;font-weight:600}.fault-text{color:var(--color-text-body);margin:0 0 16px;font-size:14px;line-height:1.5}.fault-detail{text-align:left;white-space:pre-wrap;word-break:break-word;background:var(--surface-recessed);color:#e58e8e;border:1px solid #000000b3;border-radius:6px;margin:0 0 18px;padding:8px 10px;font-family:SFMono-Regular,Menlo,monospace;font-size:12px;overflow-x:auto;box-shadow:inset 0 1px 2px #0009}.fault-btn{outline:1px solid var(--outline-control);background:var(--surface-control);min-width:120px;height:34px;color:var(--color-text-strong);letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff1a, 0 2px 4px var(--shadow-control);border:none;border-radius:6px;padding:0 18px;font-family:Inter,Helvetica Neue,sans-serif;font-size:12px;font-weight:600;transition:background .12s,box-shadow .12s}.fault-btn:hover{background:var(--surface-control-hover)}.fault-btn:active{background:var(--surface-control-active);box-shadow:inset 0 2px 4px #0009}.fault-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fault-btn{transition:none}}.app{background:radial-gradient(120% 90% at 46% 40%, var(--color-page-highlight) 0%, var(--color-page-mid) 55%, var(--color-page) 100%) var(--color-page);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.app-loading{border:1px solid var(--border-panel);background:var(--surface-panel);width:min(100%,360px);color:var(--color-text-strong);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-family:Inter,Helvetica Neue,sans-serif;display:flex;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff1a}.app-loading-indicator{border:2px solid #c88c2859;border-top-color:var(--color-accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite app-loading-spin}.app-loading strong,.app-loading small{display:block}.app-loading strong{letter-spacing:.03em;font-size:13px;font-weight:600}.app-loading small{color:var(--color-text-body);margin-top:3px;font-size:11px}@keyframes app-loading-spin{to{transform:rotate(1turn)}}.app-machine .dm-status{background:0 0;border:0;border-radius:0;align-items:center;gap:6px;width:auto;height:auto;animation:none;display:inline-flex}.app-machine .dm-status:before{content:"";background:radial-gradient(circle at 35% 30%,#4a3418,#201204);border:1px solid #0009;border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite dm-status-pulse}.app-machine .dm-status:after{content:"ENGINE LOADING";color:var(--color-text-machine);letter-spacing:.08em;white-space:nowrap;font-size:9px;font-weight:600}.app-machine .dm-status-ready:before{background:radial-gradient(circle at 35% 30%, #ffcf8a, var(--color-accent));animation:none;box-shadow:0 0 8px #c88c28b3}.app-machine .dm-status-ready:after{content:"ENGINE READY"}.app-machine{justify-content:center;width:min(100%,1200px);display:flex;container-type:inline-size}.app-machine .dm-machine{--dm-scale:1;box-sizing:border-box;zoom:var(--dm-scale)}@container (width<=620px){.app-machine .dm-machine{--dm-scale:.9}}@container (width>=1100px) and (width<=1199px){.app-machine .dm-machine{--dm-scale:1.1}}@container (width>=1200px){.app-machine .dm-machine{--dm-scale:1.2}}@media (pointer:coarse){.app-machine .dm-machine{--dm-scale:1;width:min(100%,1000px)}}.app-machine[hidden]{display:none}.app-fault{text-align:center;background:var(--surface-panel);border:1px solid var(--border-panel);border-radius:16px;width:min(100%,460px);margin-bottom:20px;padding:26px 28px 24px;font-family:Inter,Helvetica Neue,sans-serif;box-shadow:0 14px 44px #000000d9,inset 0 2px 2px #ffffff1f,inset 0 -3px 5px #0000008c}.app-fault-badge{color:#ffcf8a;background:radial-gradient(circle at 38% 32%,#7a4a1a,#341c06);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:22px;display:flex;box-shadow:0 0 14px #c8782873,inset 0 1px #ffffff1f}.app-fault-title{color:var(--color-text-strong);margin:0 0 10px;font-size:18px;font-weight:600}.app-fault-text{color:var(--color-text-body);margin:0 0 16px;font-size:14px;line-height:1.5}.app-fault-detail{text-align:left;white-space:pre-wrap;word-break:break-word;background:var(--surface-recessed);color:#e58e8e;border:1px solid #000000b3;border-radius:6px;margin:0 0 18px;padding:8px 10px;font-family:SFMono-Regular,Menlo,monospace;font-size:12px;overflow-x:auto;box-shadow:inset 0 1px 2px #0009}.app-fault-btn{outline:1px solid var(--outline-control);background:var(--surface-control);min-width:120px;height:34px;color:var(--color-text-strong);letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff1a, 0 2px 4px var(--shadow-control);border:none;border-radius:6px;padding:0 18px;font-family:Inter,Helvetica Neue,sans-serif;font-size:12px;font-weight:600;transition:background .12s,box-shadow .12s}.app-fault-btn:hover{background:var(--surface-control-hover)}.app-fault-btn:active{background:var(--surface-control-active);box-shadow:inset 0 2px 4px #0009}.app-fault-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.app-loading-indicator,.app-machine .dm-status:before{animation:none}.app-fault-btn{transition:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#05050a;--color-page-mid:#111118;--color-page-highlight:#252535;--color-panel-highlight:#2e2e3c;--color-panel-mid:#212130;--color-panel-deep:#141420;--color-screen:#08080e;--color-input:#11111a;--color-control:#3a3a48;--color-control-low:#23232e;--color-control-hover:#45454f;--color-control-hover-low:#2b2b36;--color-control-active-low:#1a1a24;--color-accent:#c87828;--color-accent-blue:#6d95c8;--color-focus-ring:#c88c3cd9;--color-focus-ring-strong:#c88c3ce6;--color-text-primary:#d8c9a8;--color-text-strong:#f0e7d4;--color-text-body:#cdc3ad;--color-text-control:#dcd2beeb;--color-text-machine:#d0c7b4db;--color-text-knob:#cec5b2d9;--border-panel:#000000bf;--border-control:#000000b3;--outline-control:#0000008c;--shadow-control:#00000073;--surface-panel:linear-gradient(135deg, var(--color-panel-highlight) 0%, var(--color-panel-mid) 32%, var(--color-panel-deep) 100%);--surface-recessed:linear-gradient(180deg, #0c0c12, var(--color-page));--surface-control:linear-gradient(180deg, var(--color-control), var(--color-control-low));--surface-control-hover:linear-gradient(180deg, var(--color-control-hover), var(--color-control-hover-low));--surface-control-active:linear-gradient(180deg, var(--color-control-low), var(--color-control-active-low))}body{background:var(--color-page)}