:root{--md-bg: #0b0d12;--md-grid-line: rgba(255, 255, 255, .045);--md-panel: #161a23;--md-panel-2: #1d222d;--md-panel-edge: rgba(255, 255, 255, .08);--md-ink: #e6e9f0;--md-ink-dim: rgba(230, 233, 240, .65);--md-ink-faint: rgba(230, 233, 240, .4);--md-accent: #7aa7ff;--md-audio: #f2a93b;--md-cv: #3fd4c4;--md-event: #ff6fae;--md-danger: #ff6b6b;--md-cat-sources: #f2a93b;--md-cat-sequencing: #ff6fae;--md-cat-modulation: #3fd4c4;--md-cat-effects: #7aa7ff;--md-cat-utility: #a3aab8;--md-cell-w: 196px;--md-cell-h: 156px;--md-gap-x: 28px;--md-gap-y: 12px;--md-round: 10px;--md-shadow: 0 10px 30px rgba(0, 0, 0, .45);--md-bar-h: 52px;--md-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--md-mono: ui-monospace, SFMono-Regular, Menlo, monospace}body.md-page{margin:0;overflow:hidden;background:var(--md-bg);overscroll-behavior:none}body.md-page main{margin:0}.md{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;color:var(--md-ink);font-family:var(--md-font);font-size:13px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.md *{box-sizing:border-box}.md button{font:inherit;color:inherit}.md [hidden]{display:none!important}.md-bar{position:relative;z-index:30;display:flex;align-items:center;gap:8px;height:var(--md-bar-h);padding:0 12px;background:linear-gradient(180deg,#171b25,#12151d);border-bottom:1px solid var(--md-panel-edge);flex-wrap:nowrap}.md-bar__spacer{flex:1}.md-bar__group{display:flex;gap:2px}.md-back{color:var(--md-ink-dim);text-decoration:none;font-size:18px;padding:4px 6px;border-radius:6px}.md-back:hover{background:#ffffff0f;color:var(--md-ink)}.md-logo{margin:0 4px 0 0;font-size:15px;font-weight:700;letter-spacing:.04em}.md-lang{color:var(--md-ink-dim);text-decoration:none;font-size:12px;padding:4px 8px;border:1px solid var(--md-panel-edge);border-radius:6px}.md-lang:hover{color:var(--md-ink)}.md-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--md-panel-edge);border-radius:8px;background:#ffffff0d;color:var(--md-ink);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s}.md-btn:hover{background:#ffffff1a}.md-btn:disabled{opacity:.4;cursor:default}.md-btn--icon{width:32px;padding:0;justify-content:center;font-size:15px}.md-btn--small{height:26px;padding:0 10px;font-size:12px}.md-btn--accent{background:var(--md-accent);border-color:transparent;color:#0b0d12;font-weight:600}.md-btn--accent:hover{background:#93b8ff}.md-btn--ghost{background:transparent}.md-btn--danger{background:#ff6b6b26;border-color:#ff6b6b66;color:#ffb3b3}.md-btn--danger:hover{background:#ff6b6b4d}.md-btn--play{width:40px;height:36px;padding:0;justify-content:center;font-size:15px;background:#7aa7ff26;border-color:#7aa7ff66}.md-btn--play.is-on{background:var(--md-accent);color:#0b0d12}.md-btn--rec i{width:9px;height:9px;border-radius:50%;background:var(--md-danger);display:inline-block}.md-btn--rec.is-on{border-color:#ff6b6b99;color:#ffb3b3;font-family:var(--md-mono)}.md-btn--rec.is-on i{animation:md-blink 1s infinite}@keyframes md-blink{50%{opacity:.2}}.md-btn.is-target,.md-btn--learn.is-target{box-shadow:0 0 0 3px #7aa7ff80;animation:md-pulse 1.4s infinite}@keyframes md-pulse{50%{box-shadow:0 0 0 7px #7aa7ff26}}.md-bpm{display:flex;align-items:center;gap:6px;color:var(--md-ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.md-bpm input{width:56px;height:32px;padding:0 6px;border:1px solid var(--md-panel-edge);border-radius:8px;background:#0000004d;color:var(--md-ink);font:600 14px var(--md-mono);text-align:center;cursor:ns-resize}.md-bpm input::-webkit-inner-spin-button{-webkit-appearance:none}.md-master .md-knob{padding:0}.md-master .md-knob__label{display:none}.md-title{width:200px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--md-ink);font:600 14px var(--md-font)}.md-title:hover,.md-title:focus{border-color:var(--md-panel-edge);background:#00000040;outline:none}.md-share{position:absolute;z-index:35;top:calc(var(--md-bar-h) + 8px);right:12px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;width:min(520px,calc(100vw - 24px));padding:10px 12px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:var(--md-round);box-shadow:var(--md-shadow)}.md-share__label{grid-column:1 / -1;font-size:12px;color:var(--md-ink-dim)}.md-share__input{min-width:0;height:32px;padding:0 10px;border:1px solid var(--md-panel-edge);border-radius:8px;background:#0000004d;color:var(--md-ink);font:13px var(--md-mono)}.md-share small{grid-column:1 / -1;color:var(--md-ink-faint)}.md-viewport{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:default;background:radial-gradient(ellipse at 30% 0%,rgba(122,167,255,.06),transparent 60%),var(--md-bg)}.md-viewport.is-panning{cursor:grabbing}.md-viewport.is-connecting{cursor:crosshair}.md-world{position:absolute;left:0;top:0;width:0;height:0;overflow:visible;transform-origin:0 0;will-change:transform}.md-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--md-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--md-grid-line) 1px,transparent 1px);background-size:var(--md-cell-w) var(--md-cell-h);background-position:-.5px -.5px;pointer-events:none}.md-modules{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.md-cables{position:absolute;left:-40000px;top:-40000px;width:80000px;height:80000px;overflow:visible;pointer-events:none}.md-zoom{position:absolute;right:12px;bottom:104px;display:flex;gap:2px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:8px;padding:2px;z-index:5}.md-zoom button{width:30px;height:28px;border:0;background:transparent;color:var(--md-ink-dim);border-radius:6px;cursor:pointer;font-size:15px}.md-zoom button:hover{background:#ffffff14;color:var(--md-ink)}.md-zoom__layout{width:auto!important;padding:0 10px;font-size:12px!important;border-right:1px solid var(--md-panel-edge)!important;border-radius:6px 0 0 6px!important;margin-right:2px}.md-marquee{position:absolute;border:1px solid rgba(122,167,255,.8);background:#7aa7ff1f;border-radius:4px;pointer-events:none;z-index:20}.md-hint{position:absolute;left:0;right:0;bottom:0;margin:0;padding:6px 12px;text-align:center;font-size:12px;color:var(--md-ink-faint);background:linear-gradient(0deg,rgba(11,13,18,.9),transparent);pointer-events:none;z-index:4}.md-mod{--cat: var(--md-cat-utility);position:absolute;left:calc(var(--x) * var(--md-cell-w) + var(--md-gap-x) / 2);top:calc(var(--y) * var(--md-cell-h) + var(--md-gap-y) / 2);width:calc(var(--w) * var(--md-cell-w) - var(--md-gap-x));height:calc(var(--h) * var(--md-cell-h) - var(--md-gap-y));display:grid;grid-template-columns:18px 1fr 18px;grid-template-rows:22px 1fr;background:linear-gradient(180deg,var(--md-panel-2),var(--md-panel));border:1px solid var(--md-panel-edge);border-top:2px solid var(--cat);border-radius:var(--md-round);box-shadow:0 4px 14px #00000059;transition:box-shadow .15s,transform .05s;outline:none}.md-mod--sources{--cat: var(--md-cat-sources)}.md-mod--sequencing{--cat: var(--md-cat-sequencing)}.md-mod--modulation{--cat: var(--md-cat-modulation)}.md-mod--effects{--cat: var(--md-cat-effects)}.md-mod--utility{--cat: var(--md-cat-utility)}.md-mod.is-selected{box-shadow:0 0 0 2px var(--md-accent),0 6px 18px #00000073}.md-mod.is-dragging{transform:translate(var(--dx, 0),var(--dy, 0));z-index:10;opacity:.9;cursor:grabbing}.md-mod.is-dragging.is-invalid{box-shadow:0 0 0 2px var(--md-danger)}.md-mod.is-target{animation:md-target 1.4s infinite}.md-mod.is-droptarget{box-shadow:0 0 0 2px #ffffff8c,0 6px 18px #00000073}@keyframes md-target{0%,to{box-shadow:0 0 0 3px #7aa7ffb3,0 6px 18px #00000073}50%{box-shadow:0 0 0 8px #7aa7ff26,0 6px 18px #00000073}}.md-ghost{position:absolute;left:calc(var(--x) * var(--md-cell-w) + var(--md-gap-x) / 2);top:calc(var(--y) * var(--md-cell-h) + var(--md-gap-y) / 2);width:calc(var(--w) * var(--md-cell-w) - var(--md-gap-x));height:calc(var(--h) * var(--md-cell-h) - var(--md-gap-y));border:2px dashed rgba(122,167,255,.6);border-radius:var(--md-round);background:#7aa7ff14;pointer-events:none}.md-ghost.is-invalid{border-color:#ff6b6bb3;background:#ff6b6b1a}.md-mod__head{grid-column:1 / -1;display:flex;align-items:center;gap:4px;padding:0 6px 0 10px;cursor:grab;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--cat)}.md-mod__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-mod__btn{width:18px;height:18px;border:0;border-radius:5px;background:transparent;color:var(--md-ink-faint);font-size:12px;font-weight:700;cursor:pointer;line-height:1}.md-mod__btn:hover{background:#ffffff1a;color:var(--md-ink)}.md-mod__btn--remove:hover{color:var(--md-danger)}.md-mod__ports{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-bottom:6px}.md-mod__ports--in{align-items:flex-start}.md-mod__ports--out{align-items:flex-end}.md-portwrap{position:relative;display:flex;align-items:center;height:24px}.md-mod__ports--in .md-portwrap{margin-left:-13px}.md-mod__ports--out .md-portwrap{margin-right:-13px;flex-direction:row-reverse}.md-port{--port: var(--md-ink-faint);position:relative;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:crosshair}.md-port:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--port);border:2px solid var(--md-panel);box-shadow:0 0 0 1px #0006;transition:transform .1s,box-shadow .1s}.md-port--audio{--port: var(--md-audio)}.md-port--cv{--port: var(--md-cv)}.md-port--event{--port: var(--md-event)}.md-port:hover:after,.md-port.is-hover:after{transform:scale(1.35)}.md-port.is-compatible:after{box-shadow:0 0 0 3px #ffffff59;animation:md-port-pulse 1s infinite}.md-port.is-pending:after{transform:scale(1.4);box-shadow:0 0 0 4px #ffffff80}.md-port.is-target:after{animation:md-target 1.2s infinite;transform:scale(1.3)}.is-connecting .md-port:not(.is-compatible):not(.is-pending):after{opacity:.35}@keyframes md-port-pulse{50%{box-shadow:0 0 0 5px #ffffff26}}.md-port__label{font-size:9px;color:var(--md-ink-faint);font-family:var(--md-mono);margin:0 3px;pointer-events:none}.md-mod--w1 .md-port__label{opacity:0;background:var(--md-panel-2);padding:1px 4px;border-radius:4px;color:var(--md-ink);transition:opacity .12s;position:relative;z-index:3}.md-mod--w1:hover .md-port__label,.md-mod--w1.is-selected .md-port__label,.md-mod--w1 .md-port.is-compatible+.md-port__label,.md-mod--w1 .md-port.is-target+.md-port__label{opacity:1}.md-mod__ports{position:relative;z-index:2}.md-mod__body{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px 4px;padding:0 1px 3px;min-width:0;overflow:hidden}.md-knob{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 2px;cursor:ns-resize;border-radius:6px;outline:none;flex:0 0 auto;min-width:0}.md-knob:focus-visible{box-shadow:0 0 0 2px #7aa7ff99}.md-knob.is-target{animation:md-target 1.2s infinite}.md-knob svg{display:block}.md-knob__track{fill:none;stroke:#ffffff1f;stroke-width:3;stroke-linecap:round}.md-knob__fill{fill:none;stroke:var(--cat, var(--md-accent));stroke-width:3;stroke-linecap:round}.md-knob__pointer{stroke:var(--md-ink);stroke-width:2;stroke-linecap:round}.md-knob__value{font:10px var(--md-mono);color:var(--md-ink);white-space:nowrap;margin:-2px -6px 0;max-width:calc(100% + 12px);overflow:hidden;text-overflow:clip}.md-knob__label{font-size:7px;line-height:1.1;text-transform:uppercase;letter-spacing:0;color:var(--md-ink-faint);white-space:nowrap;max-width:calc(100% + 6px);margin:0 -3px;overflow:hidden;text-overflow:ellipsis;text-align:center}.md-knob.is-dragging .md-knob__value{color:var(--cat, var(--md-accent))}.md-knob--compact .md-knob__value{display:none}.md-knob--small .md-knob__value{font-size:9px}.md-knob--small .md-knob__label{font-size:6.5px}.md-select{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;max-width:100%;flex:0 0 auto}.md-select__input{max-width:100%;height:18px;padding:0 14px 0 5px;max-width:120px;text-overflow:ellipsis;border:1px solid var(--md-panel-edge);border-radius:6px;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M0 0h8L4 6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 5px center;color:var(--md-ink);font:11px var(--md-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.md-select__input:focus{outline:none;border-color:var(--md-accent)}.md-select__label{font-size:8px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;color:var(--md-ink-faint)}.md-select.is-target .md-select__input{animation:md-target 1.2s infinite}.md-mod--quantize .md-mod__body,.md-mod--lfo .md-mod__body{flex-direction:column;gap:3px}.md-mod--lfo .md-mod__body{flex-direction:row}.md-steps{display:flex;gap:4px;align-items:flex-end;height:120px;width:100%;padding:4px 6px 0}.md-step{position:relative;flex:1;height:100%;background:#0000004d;border:1px solid var(--md-panel-edge);border-radius:5px;overflow:hidden;cursor:ns-resize}.md-step__fill{position:absolute;left:0;right:0;bottom:0;background:var(--cat);opacity:.8;transition:height .05s}.md-step__value{position:absolute;left:0;right:0;top:3px;text-align:center;font:9px var(--md-mono);color:var(--md-ink)}.md-step.is-off .md-step__fill{opacity:.15}.md-step.is-off .md-step__value{color:var(--md-ink-faint);text-decoration:line-through}.md-step.is-current{border-color:#fff;box-shadow:inset 0 0 0 1px #fff9}.md-mod--sequencer .md-mod__body{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.md-mod--sequencer .md-mod__body>.md-knob{align-self:center}.md-mod--sequencer .md-mod__body{display:grid;grid-template-columns:auto auto;grid-template-rows:auto 1fr;justify-content:center;column-gap:12px}.md-mod--sequencer .md-steps{grid-column:1 / -1}.md-vu{width:100%;height:6px;margin-top:4px;background:#0006;border-radius:3px;overflow:hidden}.md-lufs{font:9px var(--md-mono);color:var(--md-ink-faint);width:100%;text-align:center}.md-lufs.is-hot{color:var(--md-danger)}.md-vu__bar{height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--md-cv),var(--md-audio) 75%,var(--md-danger));transition:transform .05s}.md-scope{width:100%;flex:1;min-height:0;background:#00000059;border-radius:6px}.md-mod--scope .md-mod__body{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:2px 4px 6px}.md-mod--scope .md-select{align-self:center}.md-cable__hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.md-cable__line{fill:none;stroke-width:2.5;stroke-linecap:round;opacity:.85;pointer-events:none;transition:opacity .1s,stroke-width .1s}.md-cable--audio .md-cable__line{stroke:var(--md-audio)}.md-cable--cv .md-cable__line{stroke:var(--md-cv)}.md-cable--event .md-cable__line{stroke:var(--md-event)}.md-cable:hover .md-cable__line,.md-cable.is-selected .md-cable__line,.md-cable.is-tugged .md-cable__line{opacity:1;stroke-width:4}.md-cable--audio:hover .md-cable__line,.md-cable--audio.is-selected .md-cable__line,.md-cable--audio.is-active .md-cable__line,.md-cable--audio.is-tugged .md-cable__line,.md-cable--audio.is-target .md-cable__line{stroke:var(--md-audio)!important}.md-cable--cv:hover .md-cable__line,.md-cable--cv.is-selected .md-cable__line,.md-cable--cv.is-active .md-cable__line,.md-cable--cv.is-tugged .md-cable__line,.md-cable--cv.is-target .md-cable__line{stroke:var(--md-cv)!important}.md-cable--event:hover .md-cable__line,.md-cable--event.is-selected .md-cable__line,.md-cable--event.is-active .md-cable__line,.md-cable--event.is-tugged .md-cable__line,.md-cable--event.is-target .md-cable__line{stroke:var(--md-event)!important}.md-cable__hit{cursor:grab}.md-cable.is-tugged .md-cable__hit{cursor:grabbing}.md-cable.is-selected .md-cable__line{filter:drop-shadow(0 0 4px currentColor)}.md-cable.is-active .md-cable__line{stroke-width:5;opacity:1;filter:drop-shadow(0 0 6px var(--md-event))}.md-cable.is-target .md-cable__line{animation:md-cable-target 1.2s infinite}@keyframes md-cable-target{50%{stroke-width:6;opacity:1}}.md-cable__amount{font:10px var(--md-mono);fill:var(--md-cv);text-anchor:middle;pointer-events:none;opacity:.9}.md-cable__temp{fill:none;stroke-width:2.5;stroke-dasharray:6 4;opacity:.9;pointer-events:none}.md-cable__temp.md-cable--audio{stroke:var(--md-audio)}.md-cable__temp.md-cable--cv{stroke:var(--md-cv)}.md-cable__temp.md-cable--event{stroke:var(--md-event)}.md-popover{position:absolute;z-index:8;display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:8px;box-shadow:var(--md-shadow)}.md-popover__amount{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--md-ink-dim)}.md-popover__amount input{width:120px;accent-color:var(--md-cv)}.md-popover__amount output{font:11px var(--md-mono);color:var(--md-cv);min-width:38px;text-align:right}.md-start{position:absolute;inset:var(--md-bar-h) 0 0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0b0d128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.md-start__btn{height:64px;padding:0 36px;border:0;border-radius:32px;background:var(--md-accent);color:#0b0d12;font:700 20px var(--md-font);cursor:pointer;box-shadow:0 10px 40px #7aa7ff59;transition:transform .1s}.md-start__btn:hover{transform:scale(1.04)}.md-start__hint{margin:0;color:var(--md-ink-dim);font-size:13px;text-align:center;max-width:380px;padding:0 16px}.md-palette{position:absolute;z-index:25;top:calc(var(--md-bar-h) + 8px);right:12px;bottom:12px;width:min(360px,calc(100vw - 24px));display:flex;flex-direction:column;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:var(--md-round);box-shadow:var(--md-shadow);overflow:hidden}.md-palette__head{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--md-panel-edge)}.md-palette__head h2{margin:0;font-size:14px}.md-palette__search{min-width:0;height:30px;padding:0 10px;border:1px solid var(--md-panel-edge);border-radius:8px;background:#0000004d;color:var(--md-ink);font:13px var(--md-font)}.md-palette__search:focus{outline:none;border-color:var(--md-accent)}.md-palette__list{overflow-y:auto;padding:6px 8px 12px}.md-palette__group h3{margin:10px 6px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--md-ink-faint)}.md-palette__item{--cat: var(--md-cat-utility);display:grid;grid-template-columns:1fr auto;gap:0 8px;width:100%;padding:7px 10px;border:1px solid transparent;border-left:3px solid var(--cat);border-radius:8px;background:transparent;text-align:left;cursor:pointer}.md-palette__item--sources{--cat: var(--md-cat-sources)}.md-palette__item--sequencing{--cat: var(--md-cat-sequencing)}.md-palette__item--modulation{--cat: var(--md-cat-modulation)}.md-palette__item--effects{--cat: var(--md-cat-effects)}.md-palette__item:hover{background:#ffffff0f}.md-palette__item.is-target{border-color:var(--md-accent);animation:md-pulse 1.4s infinite}.md-palette__item strong{font-size:13px}.md-palette__item span{grid-column:1 / -1;font-size:12px;color:var(--md-ink-dim)}.md-palette__ports{display:flex;gap:3px;align-items:center}.md-palette__empty{color:var(--md-ink-faint);text-align:center;padding:20px}.md-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--md-ink-faint);margin-right:4px}.md-dot--audio{background:var(--md-audio)}.md-dot--cv{background:var(--md-cv)}.md-dot--event{background:var(--md-event)}.md-menu{position:absolute;z-index:32;width:320px;max-height:calc(100vh - var(--md-bar-h) - 24px);overflow-y:auto;padding:6px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:var(--md-round);box-shadow:var(--md-shadow)}.md-menu h3{margin:8px 8px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--md-ink-faint)}.md-menu__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.md-menu__item:hover{background:#ffffff0f}.md-menu__item.is-current{background:#7aa7ff1f}.md-menu__item strong{font-size:13px}.md-menu__item span{font-size:12px;color:var(--md-ink-dim)}.md-menu__saved{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:5px 10px;border-radius:8px}.md-menu__saved:hover{background:#ffffff0d}.md-menu__saved a{color:var(--md-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-menu__saved a:hover{color:var(--md-accent)}.md-menu__saved small{color:var(--md-ink-faint)}.md-menu__empty,.md-menu__hint{margin:4px 10px 8px;font-size:12px;color:var(--md-ink-faint)}.md-menu__link{display:block;margin:6px 10px 8px;color:var(--md-accent);text-decoration:none;font-size:13px}.md-tutorial{position:absolute;z-index:26;left:12px;bottom:36px;width:min(380px,calc(100vw - 24px));padding:12px 14px 10px;background:var(--md-panel);border:1px solid rgba(122,167,255,.4);border-radius:var(--md-round);box-shadow:var(--md-shadow),0 0 0 1px #7aa7ff1a}.md-tutorial__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.md-tutorial__labels{display:flex;flex-direction:column;gap:2px}.md-tutorial__lesson{font-size:11px;color:var(--md-ink-dim)}.md-tutorial__step{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--md-accent)}.md-tutorial h3{margin:0 0 6px;font-size:15px}.md-tutorial__text{margin:0 0 8px;font-size:13px;line-height:1.45}.md-tutorial__why{margin:0 0 10px;padding:8px 10px;font-size:12px;line-height:1.45;color:var(--md-ink-dim);background:#7aa7ff14;border-left:3px solid var(--md-accent);border-radius:6px}.md-tutorial__why:empty{display:none}.md-tutorial__actions{display:flex;gap:8px;justify-content:flex-end}.md-tutorial__progress{height:3px;margin-top:10px;background:#ffffff14;border-radius:2px;overflow:hidden}.md-tutorial__progress div{height:100%;width:0;background:var(--md-accent);transition:width .3s}.md-banner{position:absolute;z-index:21;left:50%;top:calc(var(--md-bar-h) + 12px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;background:var(--md-panel);border:1px solid rgba(122,167,255,.4);border-radius:999px;box-shadow:var(--md-shadow);font-size:13px;max-width:calc(100vw - 24px)}.md-toast{position:absolute;z-index:40;left:50%;bottom:40px;transform:translate(-50%,10px);padding:8px 14px;background:#161a23f2;border:1px solid var(--md-panel-edge);border-radius:8px;font-size:13px;box-shadow:var(--md-shadow);opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100vw - 24px);pointer-events:none}.md-toast.is-visible{opacity:1;transform:translate(-50%)}.md-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#05060ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.md-modal__box{--cat: var(--md-accent);position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:24px 28px 28px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-top:3px solid var(--cat);border-radius:14px;box-shadow:var(--md-shadow);-webkit-user-select:text;user-select:text;line-height:1.5}.md-modal--sources{--cat: var(--md-cat-sources)}.md-modal--sequencing{--cat: var(--md-cat-sequencing)}.md-modal--modulation{--cat: var(--md-cat-modulation)}.md-modal--effects{--cat: var(--md-cat-effects)}.md-modal--utility{--cat: var(--md-cat-utility)}.md-modal__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--md-ink-dim);font-size:20px;cursor:pointer}.md-modal__close:hover{background:#ffffff14;color:var(--md-ink)}.md-modal__kicker{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cat)}.md-modal__box h2{margin:4px 0 10px;font-size:22px}.md-modal__box h3{margin:18px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--md-ink-faint)}.md-modal__box h4{margin:12px 0 4px;font-size:13px;color:var(--md-ink-dim)}.md-modal__box p{margin:0 0 10px;font-size:14px}.md-modal__lead{font-size:15px!important}.md-modal__box a{color:var(--md-accent)}.md-ports{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}.md-ports dt{display:flex;align-items:center;gap:4px;white-space:nowrap}.md-ports dt code{font:12px var(--md-mono);color:var(--md-ink)}.md-ports dt small{color:var(--md-ink-faint);font-size:10px;text-transform:uppercase}.md-ports dd{margin:0;color:var(--md-ink-dim)}.md-params,.md-tips,.md-keys,.md-legend,.md-modlist{margin:0;padding-left:18px;font-size:13px}.md-params li,.md-tips li,.md-keys li,.md-legend li,.md-modlist li{margin-bottom:4px}.md-legend{list-style:none;padding:0}.md-keys{font-family:var(--md-mono);font-size:12px}.md-course{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.md-course__lesson{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid var(--md-panel-edge);border-radius:10px}.md-course__lesson.is-done{border-color:#3fd4c459}.md-course__num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7aa7ff26;color:var(--md-accent);font-weight:700}.md-course__lesson.is-done .md-course__num{background:#3fd4c42e;color:var(--md-cv)}.md-course__body h3{margin:4px 0;font-size:15px;text-transform:none;letter-spacing:0;color:var(--md-ink)}.md-course__body p{margin:0 0 8px;font-size:13px;color:var(--md-ink-dim)}.md-course__meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px!important}.md-chip{--cat: var(--md-cat-utility);display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid var(--cat);color:var(--cat);font-size:11px;line-height:1.5}.md-chip--sources{--cat: var(--md-cat-sources)}.md-chip--sequencing{--cat: var(--md-cat-sequencing)}.md-chip--modulation{--cat: var(--md-cat-modulation)}.md-chip--effects{--cat: var(--md-cat-effects)}.md-seo{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}@media (max-width: 1100px){.md-title{width:130px}.md-btn--learn,.md-btn[data-md-presets] span,.md-btn[data-md-add] span{font-size:12px}}@media (max-width: 799px){:root{--md-bar-h: 92px}.md-bar{flex-wrap:wrap;gap:6px;padding:6px 8px;height:auto;min-height:var(--md-bar-h)}.md-logo{font-size:14px}.md-title{width:110px;flex:1}.md-bar__spacer{display:none}.md-btn{height:30px;padding:0 9px;font-size:12px}.md-btn--learn{display:none}.md-bar__group{order:5}.md-palette{top:auto;right:0;left:0;bottom:0;width:100%;height:70vh;border-radius:14px 14px 0 0}.md-tutorial{left:8px;right:8px;width:auto;bottom:28px}.md-share{left:8px;right:8px;width:auto}.md-hint{font-size:11px}.md-zoom__layout span{display:none}.md-start{top:0;right:0;bottom:0;left:0}.md-modal__box{padding:20px 18px 24px}}.md-extras{width:100%;display:flex;flex-direction:column;gap:4px;min-width:0}.md-extras__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.md-extras__status{font-size:10px;color:var(--md-ink-dim);font-family:var(--md-mono)}.md-extras__hint{font-size:9px;color:var(--md-ink-faint)}.md-extras__warn{font-size:10px;color:#ffd166;background:#ffd1661a;border-radius:6px;padding:3px 6px}.md-extras__select{max-width:100%}.md-extras .md-btn--small{height:24px;padding:0 8px;font-size:11px}.md-extras .md-btn.is-on{background:var(--md-accent);color:#0b0d12;border-color:transparent}.md-extras .md-btn--rec.is-on{background:var(--md-danger)}.md-led{width:8px;height:8px;border-radius:50%;background:var(--md-ink-faint);display:inline-block;flex:0 0 auto}.md-led--ready,.md-led--live{background:var(--md-cv)}.md-led--connecting{background:var(--md-audio);animation:md-blink 1s infinite}.md-led--denied,.md-led--unsupported,.md-led--nodevice{background:var(--md-danger)}.md-led.is-active{box-shadow:0 0 0 3px #3fd4c459}.md-progress{height:4px;background:#0006;border-radius:2px;overflow:hidden}.md-progress div{height:100%;width:0;background:var(--md-audio)}.md-mod--keyboard .md-mod__body,.md-mod--sampler .md-mod__body,.md-mod--looper .md-mod__body,.md-mod--midi-in .md-mod__body,.md-mod--audio-in .md-mod__body{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:2px 4px;padding:2px 6px 4px}.md-mod--keyboard .md-extras,.md-mod--sampler .md-extras,.md-mod--looper .md-extras,.md-mod--midi-in .md-extras,.md-mod--audio-in .md-extras{flex-basis:100%}.md-mod--audio-in .md-mod__body{align-content:center}.md-extras .md-btn--icon{width:26px;height:24px;font-size:12px}.md-piano{position:relative;height:46px;-webkit-user-select:none;user-select:none;touch-action:none}.md-piano__whites{display:flex;height:100%;gap:1px}.md-piano__key{border-radius:0 0 3px 3px;cursor:pointer}.md-piano__key--white{flex:1;background:#e6e9f0;position:relative}.md-piano__key--white.is-down{background:var(--md-accent)}.md-piano__label{position:absolute;bottom:2px;left:0;right:0;text-align:center;font:8px var(--md-mono);color:#555;pointer-events:none}.md-piano__blacks{position:absolute;top:0;right:0;bottom:40%;left:0;pointer-events:none}.md-piano__key--black{position:absolute;top:0;width:7%;height:100%;margin-left:-3.5%;background:#1a1d26;border:1px solid #000;pointer-events:auto;z-index:2}.md-piano__key--black.is-down{background:var(--md-accent)}.md-piano__hint{font-size:8px;line-height:1.1;color:var(--md-ink-faint);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-extras--keyboard.is-hold .md-piano__whites{outline:1px solid var(--md-cv);border-radius:4px}.md-wave{width:100%;height:48px;background:#00000059;border-radius:6px;cursor:col-resize;touch-action:none}.md-ring{position:relative;width:56px;height:56px;margin:0 auto}.md-ring__dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffff26}.md-ring__dot.is-hit{background:var(--md-event)}.md-ring__dot.is-current{box-shadow:0 0 0 2px #fffc}.md-mod--euclid .md-mod__body{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px}.md-mod--euclid .md-extras--euclid{width:auto;flex:0 0 auto}.md-ring{width:64px;height:64px}.md-palette__item--inputs,.md-mod--inputs,.md-modal--inputs,.md-chip--inputs{--cat: var(--md-cat-inputs)}:root{--md-cat-inputs: #c084fc}.md-share__public{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--md-ink-dim)}.md-share__public input{accent-color:var(--md-accent)}.md-recmode{height:32px!important;width:auto;max-width:96px!important}.md-scenes{position:absolute;z-index:34;top:calc(var(--md-bar-h) + 8px);right:12px;width:min(420px,calc(100vw - 24px));padding:12px 14px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:var(--md-round);box-shadow:var(--md-shadow)}.md-scenes__head{display:flex;justify-content:space-between;align-items:center}.md-scenes__head h3{margin:0;font-size:14px}.md-scenes__hint{margin:6px 0 10px;font-size:12px;color:var(--md-ink-dim)}.md-scenes__slots{display:flex;flex-direction:column;gap:6px}.md-scene{display:grid;grid-template-columns:22px 1fr auto auto auto;gap:6px;align-items:center;padding:4px 6px;background:#ffffff08;border-radius:8px}.md-scene strong{color:var(--md-accent)}.md-scene.is-empty .md-scene__name{color:var(--md-ink-faint)}.md-scenes__morph{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:12px}.md-scenes__sel{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--md-ink-dim)}.md-scenes__range{width:100%;accent-color:var(--md-accent)}.md-scenes__go{grid-column:1 / -1;display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;color:var(--md-ink-dim)}.md-scenes__seconds{width:56px;height:26px;padding:0 6px;border:1px solid var(--md-panel-edge);border-radius:6px;background:#0000004d;color:var(--md-ink);font:12px var(--md-mono)}.md-search{position:absolute;z-index:34;top:calc(var(--md-bar-h) + 8px);left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 24px));padding:8px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:var(--md-round);box-shadow:var(--md-shadow)}.md-search input{width:100%;height:34px;padding:0 10px;border:1px solid var(--md-panel-edge);border-radius:8px;background:#0000004d;color:var(--md-ink);font:14px var(--md-font)}.md-search__list{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-height:300px;overflow-y:auto}.md-search__item{text-align:left;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--md-ink);cursor:pointer;font-size:13px}.md-search__item:hover{background:#ffffff14}.md-minimap{position:absolute;left:12px;bottom:36px;z-index:5;background:#161a23d9;border:1px solid var(--md-panel-edge);border-radius:8px;cursor:pointer}.md-perform{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;background:var(--md-bg);color:var(--md-ink)}.md-perform__head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--md-panel-edge)}.md-perform__head h2{flex:1;margin:0;font-size:18px}.md-perform__play{width:56px;height:48px;font-size:20px}.md-perform__body{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:16px;padding:20px;align-content:flex-start;justify-content:center}.md-perform__card{padding:16px;background:var(--md-panel);border:1px solid var(--md-panel-edge);border-radius:14px}.md-perform__card .md-knob__value{font-size:16px}.md-perform__card .md-knob__label{font-size:12px}.md-perform__card--wide{flex-basis:100%}.md-perform__card--wide .md-piano{height:140px}.md-perform__card--wide .md-piano__label{font-size:12px}.md-perform__empty{color:var(--md-ink-dim);text-align:center;width:100%;padding:40px 20px}body.md-performing .md-bar,body.md-performing .md-viewport{visibility:hidden}.md-note{width:100%;height:100%;min-height:80px;resize:none;padding:6px 8px;border:0;border-radius:6px;background:#ffd1661f;color:#ffe9a8;font:12px/1.35 var(--md-font)}.md-note:focus{outline:1px solid rgba(255,209,102,.6)}.md-mod--note{--cat: #ffd166}.md-mod--note .md-mod__body{padding:4px 6px 6px}.md-mod--timeline .md-mod__body,.md-mod--progression .md-mod__body{justify-content:center}.md-mod--progression .md-mod__body{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:2px 4px}.md-mod--progression .md-steps{flex-basis:100%;height:88px}.md-mod--midi-in .md-portwrap{height:21px}.md-mod--midi-in .md-mod__ports{gap:0;padding-bottom:2px}@media (max-width: 799px){.md-minimap,.md-recmode{display:none}}.md-btn--like.is-on{background:#ff6fae33;border-color:#ff6fae99;color:#ffb3d1}.md-share__embed{grid-column:1 / -1;font-size:12px;color:var(--md-ink-dim)}.md-share__embed textarea{width:100%;margin-top:6px;padding:6px 8px;border:1px solid var(--md-panel-edge);border-radius:6px;background:#0000004d;color:var(--md-ink);font:11px var(--md-mono);resize:none}body.md-embed .md-bar>:not([data-md-play]):not(.md-logo):not(.md-embed-badge):not([data-md-like]):not(.md-master):not(.md-bpm){display:none!important}body.md-embed .md-bar{gap:10px}.md-embed-badge{margin-left:auto;color:var(--md-accent);text-decoration:none;font-size:13px}body.md-embed .md-hint,body.md-embed .md-minimap,body.md-embed .md-zoom__layout,body.md-embed .md-banner{display:none!important}.md-mod--w2 .md-mod__body,.md-mod--w3 .md-mod__body,.md-mod--w4 .md-mod__body{padding-left:34px;padding-right:34px}.md-mod--w2 .md-mod__ports--in .md-port__label,.md-mod--w3 .md-mod__ports--in .md-port__label,.md-mod--w4 .md-mod__ports--in .md-port__label{position:relative;z-index:3}.md-mod--keyboard .md-mod__body{padding-left:14px;padding-right:40px}.md-take{position:absolute;z-index:36;right:12px;bottom:44px;width:min(440px,calc(100vw - 24px));padding:10px 12px;background:var(--md-panel);border:1px solid rgba(255,107,107,.4);border-radius:var(--md-round);box-shadow:var(--md-shadow);display:flex;flex-direction:column;gap:8px}.md-take__head{display:flex;align-items:center;gap:10px}.md-take__head strong{flex:1;font-size:13px}.md-take__meta{font:11px var(--md-mono);color:var(--md-ink-dim)}.md-take__audio{width:100%;height:36px;filter:invert(1) hue-rotate(180deg) brightness(.9)}.md-take__row{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--md-ink-faint)}.md-take__row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-mod__btn--presets{font-size:13px}.md-menu__preset{display:flex;align-items:center;gap:4px}.md-menu__preset .md-menu__item{flex:1;padding:6px 10px}.md-menu__item--action strong{color:var(--md-accent);font-weight:500}.md-palette__group--blocks h3{display:flex;align-items:center;justify-content:space-between;gap:8px}.md-palette__save-block{text-transform:none;letter-spacing:0;font-size:11px}.md-palette__blockrow{display:flex;align-items:center;gap:4px}.md-palette__blockrow .md-palette__item{flex:1}.md-palette__item--block{--cat: var(--md-accent);background:#7aa7ff0d}.md-posts{position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;overflow:visible;pointer-events:none}.md-post{position:absolute;width:max(28px,calc(32px / var(--md-zoom, 1)));height:max(32px,calc(32px / var(--md-zoom, 1)));padding:0;transform:translate(-50%,-50%);border:0;background:none;cursor:grab;pointer-events:auto;touch-action:none}.md-post:before{content:"";position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 6px);border-radius:50%;background:#171e2a;box-shadow:0 4px 7px #0009,0 0 0 1px #020408}.md-post:after{content:"";position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 10px);border-radius:50%;border:1px solid #a0b1c6;box-sizing:border-box;background:radial-gradient(circle at 34% 25%,#d6e2ef 0,#8c9bae 25%,#465267 60%,#273143);box-shadow:inset 0 1px 2px #fff9,0 3px #303b4d,0 4px 1px #111823}.md-post:hover:after,.md-post.is-selected:after{border-color:var(--md-accent);box-shadow:0 0 0 3px #7aa7ff33,0 3px #303b4d}.md-post:focus-visible{outline:2px solid var(--md-accent);outline-offset:3px;border-radius:50%}.md-post--ghost{opacity:.55;pointer-events:none}.is-placing-post,.is-placing-post *{cursor:crosshair!important}.md-cable__line{stroke-linejoin:round}.md-cable.is-tugged .md-cable__line{filter:drop-shadow(0 3px 2px #0008)}.md-cables--lifted{pointer-events:none}.md-cable__lift{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(2px var(--md-lift, 9px) 3px #000b)}