.music-desk .studio-parameter-knob{position:relative;display:inline-flex;width:44px;height:44px;min-width:44px;flex-shrink:0;vertical-align:middle;border-radius:50%;touch-action:none;user-select:none;cursor:ns-resize}.studio-parameter-knob svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.knob-track,.knob-amount{fill:none;stroke-width:2.5;stroke-linecap:round}.knob-track{stroke:#79846b55}.knob-amount{stroke:var(--knob-accent)}.knob-face{fill:#3e4b3c;stroke:#859173;stroke-width:1}.knob-pointer{stroke:#f2e5c5;stroke-width:2.5;stroke-linecap:round}.studio-parameter-knob:focus-within{outline:2px solid var(--knob-accent);outline-offset:2px}.studio-parameter-knob:hover .knob-face{fill:#4a5845}.studio-parameter-knob[data-disabled]{opacity:.4;cursor:default}.music-desk .desk-mixer-knobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;margin-top:12px}.music-desk .desk-mixer-knobs>div{flex-direction:column;gap:4px!important}.music-desk .desk-mixer-knobs>div>span{width:auto!important;min-width:0!important;text-align:center!important}.music-desk .studio-parameter-knob>input.studio-knob-range{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:inherit;touch-action:none}.music-desk .studio-parameter-knob>input.studio-knob-exact{position:absolute;z-index:5;top:0;left:50%;transform:translate(-50%);width:84px;min-height:40px;margin:0;padding:6px;color:#26392e;background:#fff8e5;border:2px solid #bb985d;border-radius:5px;user-select:text}.manual-demo{--ms-ink: #ede7d9;--ms-muted: #b3b1a4;--ms-amber: #e6af69;--ms-surface: #292b29;--ms-raised: #3b3e38;--ms-line: #595c52;--ms-note: #e6af69;--ms-ghost: #8d9a86;--ms-hit: #d9835f;--ms-paper: #f3eddf;--ms-paper-ink: #3e382d;--ms-accent: #696e48;position:relative;border-radius:14px;overflow:hidden;background:#1f1d1a;box-shadow:0 18px 40px #2a211a38,0 2px #fff4 inset;outline:none}.manual-demo:focus-visible{outline:3px solid var(--ms-accent);outline-offset:4px}.manual-stage-frame{min-height:420px;container-type:inline-size}.ms{position:relative;font:12px/1.45 Inter,system-ui,sans-serif;color:var(--ms-ink);padding:0 14px 16px;min-height:420px;background:radial-gradient(ellipse at 28% 0,#a7805350,transparent 60%),linear-gradient(110deg,#48382d,#66503e 50%,#392e28)}.ms *{box-sizing:border-box}.ms small{color:var(--ms-muted);font-size:10px;letter-spacing:.06em}.ms-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid #66695e;border-radius:5px;background:var(--ms-raised);white-space:nowrap;transition:background .25s,color .25s}.ms-btn.on{background:var(--ms-amber);color:#2c2419;border-color:var(--ms-amber)}.ms-btn.accent{background:#a8653f;border-color:#c98158}.ms-btn.ms-text{background:none;border-color:transparent;color:var(--ms-amber);padding-inline:0}.ms kbd{font:inherit;font-size:10px;color:var(--ms-muted);border:1px solid var(--ms-line);border-radius:3px;padding:0 4px}.ms-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.ms-small .ms-btn{padding:3px 7px;font-size:11px}.ms-seg{display:inline-flex;align-items:center;gap:2px}.ms-seg>small{margin-right:4px}.ms-hint{color:var(--ms-muted);font-size:11px;margin:6px 0}.ms-mast{display:flex;align-items:center;gap:10px;height:52px}.ms-wordmark{font:17px/1.1 Georgia,serif;margin-right:auto;color:#f3e9d7}.ms-wordmark small{display:block;font:9px Inter,system-ui,sans-serif;letter-spacing:.2em}.ms-projectbar,.ms-transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;background:#2c2e2bee;border:1px solid #4b4d45;border-radius:8px;margin-bottom:8px}.ms-title{display:flex;flex-direction:column;margin-right:auto;font-weight:600}.ms-session{display:inline-flex;align-items:center;gap:6px}.ms-session>i{width:7px;height:7px;border-radius:50%;background:#8fae78}.ms-play{background:#4f5a3e;border-color:#7c8b63}.ms-play.playing{background:#a8653f}.ms-tempo{font-size:15px;font-variant-numeric:tabular-nums;padding:2px 8px;border:1px solid var(--ms-line);border-radius:5px;background:#222622}.ms-pos{display:flex;flex-direction:column;font-size:11px;font-weight:600;margin-right:auto}.ms-body{display:grid;grid-template-columns:170px 1fr;gap:10px}.ms-shelf{background:#2c2e2bcc;border:1px solid #4b4d45;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px;align-self:start}.ms-shelf-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 0;font-size:9px;letter-spacing:.12em;color:var(--ms-muted)}.ms-pattern,.ms-part{display:flex;gap:7px;align-items:center;padding:5px 7px;border-radius:6px;border:1px solid transparent;background:#3a3c37}.ms-part{flex-direction:column;align-items:flex-start;gap:0}.ms-pattern>b{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:#5a4a36}.ms-pattern>span{display:flex;flex-direction:column}.ms-pattern.on,.ms-part.on{border-color:var(--ms-amber);background:#4a4234}.ms-bench{min-width:0}.ms-track{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--ms-paper);color:var(--ms-paper-ink);margin-bottom:8px}.ms-track>span:first-child{display:flex;flex-direction:column;font-weight:600;font-size:11px}.ms-track small{color:#7d735f}.ms-track .ms-btn{background:#e3d8c2;border-color:#c9b996;color:var(--ms-paper-ink)}.ms-clips{display:flex;flex:1;gap:2px;min-width:40px}.ms-clips i{font-style:normal;font-size:10px;background:#cdb58a;border-radius:3px;padding:1px 4px;text-align:center}.ms-tools{display:flex;gap:3px;overflow:hidden}.ms-tool{flex:1;min-width:0;padding:5px 4px;text-align:center;border-radius:7px 7px 0 0;background:#353731;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-tool small{display:block}.ms-tool.on{background:var(--ms-surface);color:var(--ms-amber)}.ms-box{background:var(--ms-surface);border-radius:0 0 8px 8px;padding:10px 12px 12px;min-height:250px}.ms-box>header{margin-bottom:6px}.ms-box h4{font:18px/1.2 Georgia,serif;margin:0}.ms-box header p{margin:0;color:var(--ms-muted)}.ms-master{border-radius:8px}.ms-entry{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;padding:26px 10px 8px}.ms-entry h4{font:30px/1.1 Georgia,serif;margin:6px 0 10px}.ms-entry h4 em{color:var(--ms-amber)}.ms-entry p{color:var(--ms-muted);max-width:34ch}.ms-machine{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:12px;background:linear-gradient(160deg,#6e7564,#505748);border:1px solid #8b917c}.ms-machine>span{font:18px Georgia,serif}.ms-machine-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d0cab4;color:#3a4032}.ms-entry-foot{grid-column:1 / -1;display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.14em;color:var(--ms-muted)}.ms-roll-head{margin:8px 0 4px;font-size:10px;letter-spacing:.1em;color:var(--ms-muted)}.ms-roll-wrap{border-radius:6px}.ms-roll{--key: 34px;position:relative;display:grid;grid-template-columns:var(--key) repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),13px);background:#232522;border:1px solid #44463f;border-radius:6px;overflow:hidden}.ms-roll-row{grid-column:1 / -1;border-bottom:1px solid #2f312d;display:flex;align-items:center}.ms-roll-row b{width:var(--key);font-size:8px;font-weight:400;color:var(--ms-muted);padding-left:3px;background:#d9d2c0;color:#3a372f;height:100%;display:flex;align-items:center}.ms-roll-row.sharp b{background:#3b3a35}.ms-roll-row.sharp{background:#1f211e}.ms-roll-row.out{opacity:.35}.ms-roll-row.root{background:#3a3526}.ms-roll-beat{grid-row:1 / -1;border-left:1px solid #34362f}.ms-roll-beat.bar{border-left-color:#5b5d52}.ms-note{position:relative;z-index:1;margin:1px 0;border-radius:2px;background:var(--ms-note);box-shadow:0 0 0 1px #0004;animation:ms-pop .35s ease-out}.ms-note.ghost{background:var(--ms-ghost);opacity:.35;animation:none;z-index:0}.ms-note.acc{background:#f2cf8f}.ms-cursor{z-index:2;border:2px solid #9fd0ff;border-radius:2px}.ms-head{position:absolute;top:0;bottom:0;width:2px;background:#fff6;box-shadow:0 0 8px #fff8;z-index:3;pointer-events:none}.ms-vel{display:grid;grid-template-columns:repeat(var(--cols),1fr);align-items:end;height:34px;margin-top:4px;padding-left:34px}.ms-vel i{background:var(--ms-amber);border-radius:2px 2px 0 0;width:70%}@keyframes ms-pop{0%{transform:scale(.4);opacity:0}}.ms-voices{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.ms-voice{display:flex;flex-direction:column;padding:6px;border-radius:6px;background:#3a3c37;border:1px solid transparent}.ms-voice.on{border-color:var(--ms-amber);background:#4a4234}.ms-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin:8px 0 4px}.ms-steps i,.ms-grid-row i{font-style:normal;font-size:9px;text-align:center;color:var(--ms-muted);aspect-ratio:1;display:grid;place-items:center;border-radius:5px;background:#3a3c37;border:1px solid #4d4f47;transition:background .2s}.ms-steps i.beat,.ms-grid-row i.beat{background:#44463f}.ms-steps i.hit,.ms-grid-row i.hit{background:var(--ms-hit);color:#2c2419;border-color:#f0a37f;animation:ms-pop .3s ease-out}.ms-steps i.now,.ms-grid-row i.now{box-shadow:0 0 0 2px #fff9}.ms-grid{display:flex;flex-direction:column;gap:3px;margin:8px 0}.ms-grid-row{display:grid;grid-template-columns:52px repeat(16,1fr);gap:3px;align-items:center}.ms-grid-row b{font-size:9px;letter-spacing:.08em}.ms-grid-row i{aspect-ratio:auto;height:16px}.ms-knob{display:inline-flex;flex-direction:column;align-items:center;min-width:54px;max-width:76px;font-size:10px;border-radius:6px}.ms-knob svg{width:34px;height:34px}.ms-knob-body{fill:#3b3e38;stroke:#6b6e62}.ms-knob-track{fill:none;stroke:#55584d;stroke-width:2}.ms-knob-mark{stroke:var(--ms-amber);stroke-width:3;stroke-linecap:round;transition:transform .6s ease}.ms-knob b{font-weight:600;text-align:center;line-height:1.15}.ms-pick,.ms-field,.ms-slider{display:inline-flex;flex-direction:column;padding:3px 8px;border:1px solid var(--ms-line);border-radius:5px;background:#222622;min-width:70px}.ms-field em{color:var(--ms-muted)}.ms-slider{position:relative;min-width:120px}.ms-slider i{display:block;height:4px;margin:4px 0 2px;border-radius:2px;background:var(--ms-amber);transition:width .5s ease}.ms-knobs{display:flex;flex-wrap:wrap;gap:8px}.ms-knobs fieldset{display:flex;gap:2px;margin:0;padding:4px 6px 6px;border:1px solid #4b4d45;border-radius:6px}.ms-knobs legend{font-size:9px;letter-spacing:.1em;color:var(--ms-muted);padding:0 4px}.ms-presets .ms-btn{font-size:10px}.ms-keys-wrap{margin-top:10px}.ms-keys-wrap p{margin:0}.ms-keys{position:relative;display:flex;height:58px;margin:6px 0 4px}.ms-keys .w{position:relative;flex:1;background:#eee9dc;border:1px solid #8e8878;border-radius:0 0 4px 4px}.ms-keys .b{position:absolute;z-index:1;right:-30%;width:60%;height:60%;background:#262622;border-radius:0 0 3px 3px}.ms-keys .down{background:var(--ms-amber)}.ms-sample{margin:6px 0}.ms-wave{position:relative;height:64px;border-radius:6px;background:#1e201d;border:1px solid #44463f;margin:6px 0}.ms-wave svg{width:100%;height:100%}.ms-wave path{stroke:#8fae78;stroke-width:1.2}.ms-wave .ms-btn{position:absolute;right:6px;bottom:6px}.ms-handle{position:absolute;top:0;bottom:0;border-left:2px solid var(--ms-amber);font-style:normal;font-size:9px;padding-left:3px;transition:left .6s ease}.ms-rec{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border-radius:6px;background:#3a2622}.ms-meter{width:120px;height:8px;border-radius:4px;background:#1e201d;overflow:hidden}.ms-meter i{display:block;height:100%;background:linear-gradient(90deg,#8fae78,#e6af69,#d9835f)}.ms-ideas>p small{display:block}.ms-directions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0}.ms-direction{display:flex;flex-direction:column;padding:6px;border-radius:6px;background:#3a3c37;border:1px solid transparent;font-size:11px}.ms-direction.on{border-color:var(--ms-amber);background:#4a4234}.ms-candidate{margin-top:8px;padding:10px;border-radius:8px;background:var(--ms-paper);color:var(--ms-paper-ink);animation:ms-pop .4s ease-out}.ms-candidate p{display:flex;flex-direction:column;margin:0 0 6px}.ms-candidate small{color:#7d735f}.ms-candidate .ms-btn{background:#e3d8c2;border-color:#c9b996;color:var(--ms-paper-ink)}.ms-candidate .ms-btn.accent{background:#a8653f;border-color:#c98158;color:#fbf4e8}.ms-timeline{--key: 96px;position:relative;display:flex;flex-direction:column;gap:3px;margin:8px 0}.ms-ruler,.ms-lane{display:grid;grid-template-columns:var(--key) repeat(var(--bars),1fr);gap:0;align-items:stretch}.ms-ruler i{font-style:normal;font-size:9px;color:var(--ms-muted);border-left:1px solid #44463f;padding-left:3px}.ms-lane{min-height:30px;background:#232522;border-radius:5px}.ms-lane>b{display:flex;flex-direction:column;justify-content:center;padding:0 6px;font-size:11px;grid-row:1;grid-column:1}.ms-clip{grid-row:1;font-style:normal;font-size:10px;margin:3px 1px;padding:2px 6px;border-radius:4px;background:#b98a5c;color:#231c14;overflow:hidden;white-space:nowrap;display:flex;flex-direction:column;animation:ms-pop .35s ease-out}.ms-clip small{color:#3b2f22}.ms-clip.on{box-shadow:0 0 0 2px var(--ms-amber)}.ms-clip.muted{opacity:.4}.ms-lane-box{margin:6px 0}.ms-lane-box b{font-size:11px}.ms-lane-box svg{display:block;width:100%;height:70px;background:#232522;border-radius:6px;border:1px solid #44463f}.ms-lane-box polyline{fill:none;stroke:var(--ms-amber);stroke-width:1.5;vector-effect:non-scaling-stroke}.ms-lane-box circle{fill:var(--ms-amber)}.ms-lane-box line{stroke:#fff9;vector-effect:non-scaling-stroke}.ms-strips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ms-strip{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:start;gap:2px;padding:6px 4px;border-radius:6px;background:#33352f}.ms-strip>b,.ms-strip>.ms-row,.ms-strip>.ms-fader{grid-column:1 / -1}.ms-strip>b{font-size:10px;letter-spacing:.08em}.ms-fader{position:relative;width:24px;height:70px;border-radius:4px;background:#1e201d;display:flex;align-items:flex-end;margin:4px 0 14px}.ms-fader i{width:100%;border-radius:3px;background:linear-gradient(#e6af69,#8fae78);transition:height .6s ease}.ms-fader small{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);white-space:nowrap}.ms-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0007;z-index:5;padding:14px}.ms-overlay-card{display:flex;flex-direction:column;gap:6px;width:min(460px,100%);padding:14px;border-radius:10px;background:#2c2e2b;border:1px solid #5a5c53;box-shadow:0 20px 40px #0008;animation:ms-pop .3s ease-out}.ms-movement .ms-overlay-card{width:100%;margin-top:8px}.ms-drop{padding:16px;border:1px dashed var(--ms-line);border-radius:6px;text-align:center;font-size:11px;color:var(--ms-muted)}.ms-palette-row,.ms-kbd-row{display:flex;gap:8px;align-items:baseline;padding:3px 6px;border-radius:5px}.ms-kbd-row kbd{min-width:110px}.ms-pointer{position:absolute;top:0;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid #fff;background:#fff3;box-shadow:0 2px 10px #0008;z-index:10;pointer-events:none;transition:transform .7s cubic-bezier(.3,.7,.2,1)}.ms-pointer[hidden]{display:none}@container (max-width: 760px){.ms-body{grid-template-columns:1fr}.ms-shelf,.ms-track,.ms-wide,.ms-pos,.ms-mast .ms-btn:not([data-focus=manual-link]){display:none}.ms-entry{grid-template-columns:1fr}.ms-voices,.ms-directions{grid-template-columns:repeat(3,1fr)}.ms-strips{grid-template-columns:repeat(2,1fr)}.ms-tool small{display:none}}@container (max-width: 460px){.ms{padding-inline:8px}.ms-tools{flex-wrap:wrap}.ms-tool{flex:1 0 22%;border-radius:6px}.ms-steps{grid-template-columns:repeat(8,1fr)}.ms-directions,.ms-voices{grid-template-columns:repeat(2,1fr)}.ms-projectbar .ms-session,.ms-projectbar [data-focus=project]{display:none}.ms-timeline{--key: 64px}}.manual-demo-start,.manual-caption{padding:16px 20px 18px;background:var(--ms-paper);color:var(--ms-paper-ink);border-top:1px solid #d8ccb4}.manual-demo-start{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.manual-demo-start p{flex:1 1 260px;margin:0;font-size:16px}.manual-demo-start small{color:#6b6252}.manual-demo button{font:inherit;cursor:pointer;color:var(--ms-paper-ink);background:#e3d8c2;border:1px solid #c3b28f;border-radius:999px;padding:8px 14px;min-height:40px}.manual-demo button:hover:not(:disabled){background:#d8caae}.manual-demo button:disabled{opacity:.45;cursor:default}.manual-demo button:focus-visible{outline:2px solid var(--ms-accent);outline-offset:3px}.manual-demo .manual-play{background:var(--ms-accent);border-color:var(--ms-accent);color:#fbf8f0;font-weight:600}.manual-demo .manual-play:hover:not(:disabled){background:#575c3a}.manual-count{margin:0;font-size:12px;letter-spacing:.04em;color:#6b6252}.manual-caption h3{margin:4px 0 2px;font:500 22px / 1.25 var(--serif, Georgia, serif)}.manual-caption>p:not(.manual-count){margin:0 0 10px;font-size:16px;max-width:62ch;min-height:3em}.manual-progress{display:flex;gap:4px;margin:0 0 12px}.manual-progress i{flex:1;height:4px;border-radius:2px;background:#d8ccb4}.manual-progress i.sound{background:#cdb58a}.manual-progress i.done{background:#9aa07a}.manual-progress i.now{background:var(--ms-accent)}.manual-controls{display:flex;flex-wrap:wrap;gap:8px}.manual-sound{margin-left:auto}.manual-demo-note{display:block;margin-top:8px;color:#6b6252;font-size:13px}@media(prefers-color-scheme:dark){.manual-demo-start,.manual-caption{--ms-paper: #2b2822;--ms-paper-ink: #ece4d3;border-top-color:#4a4336}.manual-demo button{background:#3a352c;border-color:#5a5242;color:var(--ms-paper-ink)}.manual-demo button:hover:not(:disabled){background:#474034}.manual-count,.manual-demo-start small,.manual-demo-note{color:#b5ab96}.manual-progress i{background:#4a4336}.manual-demo .manual-play{background:#8b925f;border-color:#8b925f;color:#1d1b16}}@media(prefers-reduced-motion:reduce){.manual-demo *,.manual-demo *:before{animation:none!important;transition:none!important}}@media(max-width:520px){.manual-demo-start,.manual-caption{padding:14px}.manual-controls button{padding:8px 11px}.manual-sound{margin-left:0}}