.mm-studio{--mm-ink:#294b40;--mm-muted:#797b69;--mm-paper:#f5f2e8;--mm-line:#d9dacb;--mm-orange:#c85940;background:var(--mm-paper);min-height:100svh;color:var(--mm-ink);-webkit-font-smoothing:antialiased;padding:0 clamp(20px,4.4vw,76px) 22px;font-family:DM Sans Variable,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.mm-studio button,.mm-studio a,.mm-studio input,.mm-studio select{-webkit-tap-highlight-color:transparent}.mm-studio button{cursor:pointer}.mm-studio button:disabled{opacity:.3;cursor:default}.mm-studio button,.mm-studio a,.mm-studio select{touch-action:manipulation}.mm-studio button:focus-visible,.mm-studio a:focus-visible,.mm-studio select:focus-visible,.mm-studio input:focus-visible{outline:2px solid var(--mm-orange);outline-offset:4px}.mm-studio button{font-family:inherit}.mm-header{border-bottom:1px solid var(--mm-line);justify-content:space-between;align-items:center;max-width:1520px;height:70px;margin:auto;display:flex}.mm-brand{letter-spacing:-1.5px;color:var(--mm-ink);font-size:23px;font-weight:750;text-decoration:none}.mm-brand span{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:10px}.mm-header-mid{letter-spacing:2px;color:#6e7868;font-size:10px}.mm-header-actions{align-items:center;gap:24px;display:flex}.mm-header-actions a{color:inherit;font-size:12px;font-weight:600;text-decoration:none}.mm-icon-button{color:inherit;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:32px;height:34px;padding:5px;display:inline-flex}.mm-icon-button:hover:not(:disabled){background:#85917920}.mm-intro{justify-content:space-between;align-items:end;max-width:1520px;margin:auto;padding:31px 0 27px;display:flex}.mm-eyebrow{letter-spacing:2.8px;color:#84917b;margin:0 0 12px;font-size:9px;font-weight:600}.mm-intro h1{letter-spacing:-2.5px;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(35px,4.2vw,66px);font-weight:400;line-height:1.08}.mm-studio[lang=zh-CN] .mm-intro h1{letter-spacing:2px;font-size:clamp(34px,3.5vw,52px);font-weight:600}.mm-title-dot{color:var(--mm-orange)}.mm-subtitle{color:#7f8170;letter-spacing:.6px;margin:13px 0 0;font-size:13px}.mm-share{color:var(--mm-ink);background:0 0;border:1px solid #bac2b1;border-radius:5px;align-items:center;gap:11px;padding:12px 17px;font-size:12px;transition:background .2s,transform .2s;display:flex}.mm-share>span{margin-left:18px;font-size:16px}.mm-share:hover{background:#e6e8da;transform:translateY(-2px)}.mm-workshop{grid-template-columns:210px minmax(0,1fr);align-items:stretch;gap:28px;max-width:1520px;margin:auto;display:grid}.mm-sidebar{flex-direction:column;padding-top:16px;display:flex}.mm-preset-label,.mm-tool-heading{letter-spacing:.7px;color:#798370;font-size:10px;font-weight:600}.mm-presets{flex-direction:column;gap:3px;margin-top:13px;display:flex}.mm-presets button{text-align:left;color:#6c7966;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;padding:13px 10px;font-size:12px;transition:background .2s;display:flex}.mm-preset-number{color:#98a18d;font-variant-numeric:tabular-nums;font-size:10px}.mm-presets button.is-active{color:#2e513f;background:#e2e6d6;font-weight:600}.mm-preset-arrow{opacity:.4;margin-left:auto;font-size:16px}.mm-tool-heading{justify-content:space-between;align-items:center;margin:29px 0 15px;display:flex}.mm-tool-heading>span:last-child{letter-spacing:0;color:#98a18d;font-size:10px;font-weight:400}.mm-tools{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mm-tool{color:#526b59;user-select:none;background:#eeeddf;border:1px solid #dfe1d3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:90px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.mm-tool:hover{background:#e7e8d8;transform:translateY(-2px)}.mm-tool.is-active{background:#e1e6d6;border-color:#718976;box-shadow:inset 0 0 0 1px #71897640}.mm-tool small{color:#8b9980;font-size:12px;position:absolute;top:6px;right:8px}.mm-tool-glyph{width:74px;height:45px;overflow:visible}.mm-tool-instruction{color:#939681;max-width:190px;margin:14px 0 0;font-size:10px;line-height:1.8}.mm-sidebar-bottom{flex-direction:column;align-items:start;margin-top:auto;padding-top:30px;display:flex}.mm-brass-disc{background:linear-gradient(125deg,#eedba0,#b59e5a);border:1px solid #b9a571;border-radius:50%;place-items:center;width:55px;height:55px;display:grid;position:relative;box-shadow:0 2px 4px #5a563a15}.mm-brass-disc:after{content:"";border:1px solid #a7905355;border-radius:50%;position:absolute;inset:5px}.mm-brass-disc span{letter-spacing:-2px;color:#7c703e;font-family:Georgia,serif;font-size:17px;font-style:italic}.mm-brass-disc i{background:#877848;border-radius:50%;width:2px;height:2px;position:absolute;bottom:10px}.mm-sidebar-bottom p{color:#9a9d89;max-width:170px;margin:15px 0;font-family:Georgia,Songti SC,serif;font-size:13px;font-style:italic;line-height:1.7}.mm-file-actions{gap:4px;margin-left:-8px;display:flex}.mm-file-actions button{color:#8b9782;background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.mm-file-actions button:hover{color:#365441;background:#e0e5d5}.mm-machine{background:#2c4d40;border:1px solid #28483a;border-radius:11px;min-width:0;padding:0 8px 8px;overflow:hidden;box-shadow:0 12px 24px -16px #2c493c55,0 3px #1f3b31}.mm-board-top{color:#d8e0c8;justify-content:space-between;align-items:center;height:43px;padding:0 9px;display:flex}.mm-board-name{letter-spacing:.5px;align-items:center;gap:9px;font-size:11px;display:flex}.mm-board-name i{background:#d4b573;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #d4b57316}.mm-board-top>div{align-items:center;gap:3px;display:flex}.mm-board-top .mm-icon-button{color:#c4ceb6;height:30px}.mm-autosave{color:#92a58d;align-items:center;gap:4px;margin-right:13px;font-size:9px;display:flex}.mm-board{aspect-ratio:3/2;isolation:isolate;border-radius:3px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 4px #122a24}.mm-board-svg{touch-action:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.mm-board-svg text{pointer-events:none}.mm-board-stamp{letter-spacing:3px;fill:#a3a890;font-size:13px;font-weight:650}.mm-board-serial{letter-spacing:1.5px;fill:#a0a78e;font-size:7px}.mm-part-note{pointer-events:none;font-family:DM Sans Variable,sans-serif;font-size:12px;font-weight:600}.mm-piece{cursor:grab;outline:none}.mm-piece:active,.mm-emitter:active{cursor:grabbing}.mm-piece:focus-visible .mm-piece-hitbox{stroke:#c85940;stroke-width:2px;stroke-dasharray:4 4}.mm-emitter{cursor:ew-resize;outline:none}.mm-emitter:focus-visible>rect:first-of-type{stroke:#c85940;stroke-width:2px}.mm-ball-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mm-board.is-placing,.mm-board.is-placing .mm-board-svg{cursor:crosshair}.mm-board-hint{pointer-events:none;text-align:center;color:#939b7f;letter-spacing:.25px;justify-content:center;align-items:center;gap:6px;width:100%;font-size:10px;display:flex;position:absolute;bottom:15px;left:0}.mm-hint-dot{background:var(--mm-orange);border-radius:50%;width:5px;height:5px}.mm-empty-text{fill:#9da58b;font-size:17px}.mm-inspector{color:#b6c4aa;align-items:center;gap:13px;height:45px;padding:0 14px;display:flex;overflow:hidden}.mm-live-indicator{white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.mm-live-indicator i{background:#879d7f;border-radius:50%;width:5px;height:5px}.mm-live-indicator[data-active=true] i{background:#d4b779;animation:1.3s ease-in-out infinite mm-breathe}.mm-note-history{font-variant-numeric:tabular-nums;justify-content:end;gap:12px;max-width:50%;margin-left:auto;font-size:12px;display:flex;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 25%)}.mm-note-history span{filter:brightness(1.5);font-weight:600;animation:.4s ease-out mm-note}.mm-marble-count{color:#849b7a;letter-spacing:2px;white-space:nowrap;margin-left:5px;font-size:10px}.mm-inspector-title{color:#e0e6d0;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.mm-inspector-title>span{border-radius:2px;width:6px;height:6px}.mm-inspector label{white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.mm-inspector select{color:#d9e2c9;background:0 0;border:0;border-bottom:1px solid #74876e;padding:4px 10px 4px 4px;font-size:12px}.mm-inspector option{color:#294b40;background:#eeeada}.mm-inspector input{accent-color:#c6b77b;width:100px}.mm-inspector output{font-variant-numeric:tabular-nums;width:28px;font-size:10px}.mm-inspector-actions{align-items:center;gap:0;margin-left:auto;display:flex}.mm-transport{background:#e9ecde;border-radius:4px;justify-content:space-between;align-items:center;gap:15px;min-height:86px;padding:15px 18px;display:flex}.mm-play-controls{align-items:center;gap:8px;display:flex}.mm-play{white-space:nowrap;color:#fff4e0;background:#c65940;border:1px solid #b64f38;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:13px 21px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 2px #a34832}.mm-play:hover{background:#b34e37;transform:translateY(-1px)}.mm-play.is-playing{background:#345b48;border-color:#345b48;box-shadow:0 2px #254233}.mm-secondary-control{color:#657960;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-width:30px;height:42px;padding:5px;display:flex}.mm-secondary-control:hover{background:#d9dfcc}.mm-drop{white-space:nowrap;gap:7px;font-size:11px}.mm-music-controls{align-items:center;gap:20px;display:flex}.mm-tempo>span{color:#71816a;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.mm-tempo output{color:#3c5945;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.mm-tempo small{color:#8c967f;margin-left:3px;font-size:8px;font-weight:400}.mm-tempo input{accent-color:#6b8667;cursor:pointer;width:100%;height:13px;margin-top:6px;display:block}.mm-scale{flex-direction:column;gap:7px;min-width:88px;display:flex}.mm-scale>span{color:#869279;font-size:9px}.mm-scale select{color:#405c45;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b7c0a9;border-radius:0;padding:1px 0 4px;font-size:11px}.mm-volume{align-items:center;gap:4px;display:flex}.mm-volume input{accent-color:#6b8667;cursor:pointer;width:45px}.mm-footer{color:#8c947f;letter-spacing:.8px;justify-content:space-between;align-items:center;max-width:1520px;margin:22px auto 0;font-size:10px;display:flex}.mm-footer>span:first-child{letter-spacing:1.5px;align-items:center;gap:10px;font-size:9px;display:flex}.mm-small-star{color:#a4ab91;font-size:20px}.mm-footer button{color:#6d8067;background:0 0;border:0;font-size:10px}.mm-footer-separator{color:#b8beab;margin:0 14px}.mm-toast{color:#f1eedb;opacity:0;pointer-events:none;z-index:30;text-align:center;background:#294b40;border-radius:6px;max-width:calc(100vw - 30px);padding:12px 22px;font-size:12px;transition:transform .2s,opacity .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 25px #243e3230}.mm-toast.is-visible{opacity:1;transform:translate(-50%)}.mm-dialog{color:#294b40;background:#f5f2e8;border:1px solid #d4d6c3;border-radius:10px;width:min(500px,100vw - 32px);max-height:calc(100svh - 40px);padding:38px;font-family:inherit;box-shadow:0 35px 80px #15291c40}.mm-dialog::backdrop{backdrop-filter:blur(5px);background:#243b30aa}.mm-dialog-close{position:absolute;top:12px;right:12px}.mm-dialog-eyebrow{letter-spacing:2px;color:#839077;font-size:8px}.mm-dialog h2{letter-spacing:-.5px;margin:18px 0;font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500}.mm-dialog p{color:#7d8872;font-size:13px;line-height:1.8}.mm-dialog ol{margin:22px 0;padding-left:24px}.mm-dialog li{color:#65765e;padding:0 0 14px 8px;font-size:13px;line-height:1.8}.mm-dialog li::marker{color:#c65940;font-size:11px}.mm-dialog .mm-shortcuts{border-top:1px solid #dce0cf;margin-bottom:24px;padding-top:15px;font-size:10px;line-height:2}.mm-dialog-actions{justify-content:flex-end;gap:18px;margin-top:25px;display:flex}.mm-dialog-secondary{color:#667960;background:0 0;border:0;font-size:12px}.mm-dialog .mm-dialog-note{color:#949d87;font-size:11px}.mm-share-label{color:#7c8972;flex-direction:column;gap:8px;margin:25px 0 20px;font-size:9px;display:flex}.mm-share-label input{color:#59714e;background:#ecefe2;border:1px solid #c9d1bb;border-radius:4px;width:100%;padding:12px;font-size:11px}@keyframes mm-breathe{50%{box-shadow:0 0 0 4px #d4b77920}}@keyframes mm-note{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=1650px){.mm-workshop{grid-template-columns:230px minmax(0,1fr);gap:35px}.mm-board-svg{aspect-ratio:3/2;width:100%;height:100%;position:relative}.mm-board{aspect-ratio:3/2;min-height:0;max-height:none}.mm-transport{padding:18px 25px}}@media (width<=1200px){.mm-studio{padding-left:28px;padding-right:28px}.mm-workshop{grid-template-columns:170px minmax(0,1fr);gap:20px}.mm-tool{height:78px}.mm-tools{gap:6px}.mm-tool-heading{margin-top:23px}.mm-presets button{padding:11px 6px;font-size:11px}.mm-preset-number{font-size:9px}.mm-transport{flex-wrap:wrap;gap:10px;padding:12px}.mm-play{padding:12px 15px}.mm-music-controls{gap:15px}.mm-volume input{display:none}.mm-tempo{width:120px;min-width:105px}.mm-drop span{display:none}.mm-brass-disc{width:44px;height:44px}.mm-sidebar-bottom{padding-top:15px}.mm-sidebar-bottom p{font-size:11px}.mm-board-hint{font-size:9px;bottom:12px}.mm-inspector{gap:9px;padding:0 8px}.mm-inspector input{width:75px}}@media (width<=900px){.mm-studio{padding:0 20px 20px}.mm-header{height:58px}.mm-header-mid{letter-spacing:1px;font-size:8px}.mm-intro{padding:26px 0 22px}.mm-eyebrow{letter-spacing:1.5px;font-size:8px}.mm-workshop{grid-template-columns:1fr;gap:16px}.mm-sidebar{display:contents}.mm-preset-label,.mm-tool-heading,.mm-tool-instruction,.mm-sidebar-bottom{display:none}.mm-presets{flex-direction:row;grid-row:1;gap:8px;margin:0}.mm-presets button{border:1px solid #e0e2d3;flex:1;justify-content:center;width:auto;min-height:40px;font-size:11px}.mm-preset-arrow{display:none}.mm-tools{grid-row:3;grid-template-columns:repeat(6,1fr);gap:8px}.mm-tool{height:82px}.mm-tool-glyph{height:42px}.mm-machine{grid-row:2}.mm-transport{flex-wrap:nowrap;min-height:78px;padding:12px 17px}.mm-drop span{display:inline}.mm-tempo{width:135px}.mm-play{min-width:122px}.mm-board-hint{font-size:10px;bottom:14px}.mm-inspector input{width:120px}.mm-footer{margin-top:17px}}@media (width<=580px){.mm-studio{padding:0 12px 16px}.mm-header{height:52px}.mm-brand{font-size:21px}.mm-header-mid{display:none}.mm-header-actions{gap:17px}.mm-intro{align-items:center;padding:23px 2px 20px}.mm-intro h1{letter-spacing:-1.5px;font-size:35px}.mm-studio[lang=zh-CN] .mm-intro h1{letter-spacing:1px;font-size:32px}.mm-subtitle{letter-spacing:0;margin-top:9px;font-size:11px}.mm-eyebrow{letter-spacing:1.2px;margin-bottom:9px;font-size:6px}.mm-share{gap:0;min-height:40px;padding:10px;font-size:0}.mm-share>span{display:none}.mm-share>svg{width:19px;height:19px}.mm-presets{gap:5px}.mm-presets button{gap:6px;padding:9px 4px;font-size:10px}.mm-preset-number{font-size:8px}.mm-workshop{gap:12px}.mm-machine{border-radius:8px;padding:0 4px 4px}.mm-board-top{height:35px;padding:0 5px}.mm-board-name{gap:6px;font-size:9px}.mm-autosave{display:none}.mm-board-top .mm-icon-button{width:28px}.mm-board-hint{letter-spacing:0;font-size:7px;bottom:8px}.mm-board{aspect-ratio:3/2}.mm-inspector{gap:7px;height:41px;padding:0 6px}.mm-live-indicator{gap:5px;font-size:8px}.mm-note-history{gap:7px;font-size:10px}.mm-marble-count{font-size:8px}.mm-transport{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.mm-play-controls{justify-content:center;gap:9px}.mm-play{min-width:155px;min-height:43px;padding:11px 15px;font-size:12px}.mm-drop span{font-size:11px;display:inline}.mm-secondary-control{min-width:34px}.mm-music-controls{border-top:1px solid #d6ddc8;justify-content:space-between;gap:12px;padding-top:10px}.mm-tempo{width:42%;min-width:110px;max-width:170px}.mm-scale{gap:4px;min-width:88px}.mm-scale>span{font-size:8px}.mm-tempo>span{font-size:9px}.mm-volume{margin-left:0}.mm-tools{gap:5px}.mm-tool{border-radius:4px;gap:0;height:66px}.mm-tool-glyph{width:52px;height:36px}.mm-tool-move>svg{width:22px;height:35px}.mm-tool span{font-size:9px}.mm-tool small{font-size:10px;top:2px;right:4px}.mm-inspector-title{font-size:9px}.mm-inspector label{gap:5px;font-size:9px}.mm-inspector select{padding-right:2px;font-size:10px}.mm-inspector input{width:58px}.mm-inspector output{width:24px;font-size:9px}.mm-inspector-actions .mm-icon-button{width:27px;padding:5px}.mm-inspector-actions{gap:0}.mm-footer{letter-spacing:0;gap:8px;margin:13px 2px 0;font-size:8px}.mm-footer>span:first-child{letter-spacing:.7px;gap:5px;font-size:6px}.mm-small-star{font-size:15px}.mm-footer-separator{margin:0 7px}.mm-footer button{font-size:9px}.mm-dialog{padding:30px 23px}.mm-dialog h2{font-size:25px}.mm-dialog .mm-play{min-width:0}.mm-dialog ol{padding-left:18px}.mm-empty-text{font-size:22px}}@media (prefers-reduced-motion:reduce){.mm-studio *{transition:none!important;animation:none!important}}.mm-part-note{font-size:15px}.mm-board-hint{bottom:5.5%}.mm-tool-instruction{color:#79866e;font-size:11px}.mm-footer{color:#79866e}@media (width<=580px){.mm-tool span{font-size:9px}.mm-board-hint{font-size:7px;bottom:5%}.mm-footer>span:last-child{font-size:8px}}@media (width<=900px){.mm-sidebar-bottom{grid-row:4;margin:0;padding:0;display:block}.mm-sidebar-bottom .mm-brass-disc,.mm-sidebar-bottom p{display:none}.mm-file-actions{justify-content:flex-end;gap:9px;margin:0}.mm-workshop{row-gap:12px}}@media (width<=380px){.mm-inspector.has-selection{flex-wrap:wrap;height:auto;min-height:41px;padding:6px;overflow:visible}.mm-inspector.has-selection .mm-inspector-actions{margin-left:auto}.mm-inspector.has-selection .mm-angle input{width:60px}.mm-play-controls{gap:5px}.mm-play-controls .mm-play{min-width:128px}.mm-play-controls .mm-secondary-control{min-width:28px}.mm-drop>svg{flex-shrink:0;width:18px}.mm-drop span{font-size:10px}}.mm-route-toggle{color:#c5cfb5;white-space:nowrap;background:0 0;border:1px solid #71866f;border-radius:4px;margin-right:10px;padding:5px 8px;font-size:10px}.mm-route-toggle:hover,.mm-route-toggle[aria-pressed=true]{color:#f4e4bf;background:#d4b77918;border-color:#c3ae74}@media (width<=580px){.mm-route-toggle{margin-right:3px;padding:5px 6px;font-size:9px}.mm-board-top .mm-board-name{white-space:nowrap;text-overflow:ellipsis;max-width:42%;overflow:hidden}}.mm-volume{gap:0;position:relative}.mm-volume-settings summary{cursor:pointer;color:#657960;border-radius:4px;justify-content:center;align-items:center;width:22px;height:34px;font-size:16px;list-style:none;display:flex}.mm-volume-settings summary::-webkit-details-marker{display:none}.mm-volume-settings summary:focus-visible{outline-offset:2px;outline:2px solid #c85940}.mm-volume-settings[open] summary{background:#d9dfcc}.mm-volume-settings label{z-index:5;color:#405c45;background:#f5f2e8;border:1px solid #bec7af;border-radius:6px;grid-template-columns:1fr auto;gap:10px;width:170px;padding:14px;font-size:11px;display:grid;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 6px 20px #203d3526}.mm-volume-settings input{grid-area:2/1/auto/-1;width:100%;margin:0;display:block}.mm-volume-settings output{font-variant-numeric:tabular-nums;grid-area:1/2}.mm-studio{--mm-width:min(1600px,max(780px,calc((100svh - 260px)*1.5 + 118px)));padding:0 24px 12px}.mm-header,.mm-intro,.mm-workshop,.mm-footer{max-width:var(--mm-width)}.mm-header{height:40px}.mm-brand{font-size:20px}.mm-header-mid{font-size:8px}.mm-intro{align-items:center;min-height:54px;padding:10px 0 12px}.mm-intro>div{align-items:baseline;gap:18px;display:flex}.mm-eyebrow{display:none}.mm-intro h1,.mm-studio[lang=zh-CN] .mm-intro h1{letter-spacing:0;font-size:28px;line-height:1.1}.mm-subtitle{letter-spacing:0;margin:0;font-size:11px}.mm-share{gap:8px;min-height:34px;padding:7px 12px;font-size:11px}.mm-share>span{margin-left:4px}.mm-workshop{grid-template-columns:86px minmax(0,1fr);align-items:stretch;gap:14px}.mm-sidebar{min-width:0;padding:0;display:flex}.mm-tool-heading{letter-spacing:0;flex-direction:column;justify-content:center;gap:6px;margin:10px 0 12px;font-size:10px}.mm-tools{grid-template-columns:1fr;gap:6px}.mm-tool{background:0 0;border-color:#0000;height:67px}.mm-tool-glyph{width:68px;height:38px}.mm-tool-move>svg{height:38px}.mm-tool span{font-size:11px}.mm-tool small{right:6px}.mm-tool-instruction{margin-top:10px;font-size:10px;line-height:1.7}.mm-sidebar-bottom{margin-top:auto;padding-top:12px;display:block}.mm-sidebar-bottom .mm-brass-disc,.mm-sidebar-bottom p{display:none}.mm-file-actions{flex-wrap:wrap;justify-content:center;gap:2px;margin:0}.mm-file-actions button{width:27px;height:34px}.mm-machine{grid-row:auto;padding:0 8px 8px}.mm-board{aspect-ratio:3/2;min-height:0;max-height:none}.mm-board-svg{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.mm-board-top{gap:8px;height:40px;padding:0 3px}.mm-presets{flex-direction:row;gap:2px;min-width:0;margin:0}.mm-presets button{color:#b4c4ad;white-space:nowrap;background:0 0;border:0;flex:0 auto;gap:7px;width:auto;min-height:30px;padding:7px 10px;font-size:11px}.mm-presets button.is-active{color:#f2e3b9;background:#ffffff0d;border-radius:3px 3px 0 0;box-shadow:inset 0 -2px #c6ae72}.mm-presets button:hover{background:#ffffff12}.mm-preset-number{color:#849c80;font-size:9px}.mm-preset-arrow,.mm-preset-select{display:none}.mm-board-top>div:last-child{flex-shrink:0;gap:2px}.mm-autosave{display:none}.mm-route-toggle{margin-right:4px}.mm-focus-toggle{color:#c5cfb5;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:5px 7px;font-size:10px;display:flex}.mm-focus-toggle:hover,.mm-focus-toggle[aria-pressed=true]{color:#f4e4bf;background:#ffffff12}.mm-inspector{gap:10px;height:34px;padding:0 10px}.mm-live-indicator{font-size:10px}.mm-inspector input{width:120px}.mm-transport{flex-wrap:nowrap;gap:12px;min-height:62px;padding:8px 14px}.mm-play{padding:10px 17px}.mm-play-controls{gap:10px}.mm-drop span{display:inline}.mm-music-controls{gap:20px}.mm-tempo{width:150px;min-width:120px;max-width:150px}.mm-volume input{display:none}.mm-volume-settings input{display:block}.mm-footer{min-height:18px;margin:10px auto 0}.mm-footer>span:first-child{font-size:8px}.mm-studio.is-focused{--mm-width:min(1800px,max(780px,calc((100svh - 164px)*1.5 + 118px)));padding-top:8px}.mm-studio.is-focused .mm-header,.mm-studio.is-focused .mm-intro,.mm-studio.is-focused .mm-footer{display:none}@media (width>=901px) and (height<=780px){.mm-tool{height:57px}.mm-tool-glyph,.mm-tool-move>svg{height:30px}.mm-tool-instruction{display:none}}@media (width<=1100px){.mm-presets button{padding:7px;font-size:10px}.mm-preset-number,.mm-focus-toggle span{display:none}.mm-focus-toggle{width:30px}.mm-music-controls{gap:12px}.mm-drop span{display:none}}@media (width<=900px){.mm-studio{--mm-width:100%;padding:0 12px 12px}.mm-studio.is-focused{--mm-width:100%}.mm-workshop{grid-template-columns:1fr;gap:8px}.mm-sidebar{display:contents}.mm-tool-heading,.mm-tool-instruction{display:none}.mm-machine{grid-row:1}.mm-tools{grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.mm-tool{background:#eeeddf;border:1px solid #dfe1d3;height:62px}.mm-sidebar-bottom{grid-row:3;margin:0;padding:0}.mm-file-actions{justify-content:flex-end}.mm-file-actions button{width:34px}.mm-preset-select{color:#dfdfbd;width:135px;min-width:0;font:inherit;background:#2c4d40;border:0;border-bottom:1px solid #71866f;padding:7px 2px;font-size:11px;display:block}.mm-board-top .mm-presets{display:none}.mm-intro>div{gap:12px}.mm-intro h1,.mm-studio[lang=zh-CN] .mm-intro h1{font-size:25px}.mm-focus-toggle span{display:inline}.mm-focus-toggle{width:auto}.mm-drop span{display:inline}}@media (width<=580px){.mm-studio{padding:0 6px 10px}.mm-header,.mm-intro,.mm-footer{margin-left:6px;margin-right:6px}.mm-header{height:38px}.mm-header-actions{gap:12px}.mm-intro{min-height:60px;padding:9px 0}.mm-intro>div{display:block}.mm-intro h1,.mm-studio[lang=zh-CN] .mm-intro h1{font-size:24px}.mm-subtitle{margin-top:5px;font-size:10px}.mm-share{gap:0;padding:8px;font-size:0}.mm-share>span{display:none}.mm-machine{border-radius:7px;padding:0 3px 4px}.mm-board-top{gap:4px;height:38px;padding:0 2px}.mm-board-top .mm-icon-button{width:27px}.mm-preset-select{width:110px;font-size:10px}.mm-focus-toggle{width:28px;padding:5px}.mm-focus-toggle span{display:none}.mm-route-toggle{margin-right:0;padding:5px;font-size:9px}.mm-inspector{gap:6px;height:34px;padding:0 6px}.mm-inspector input{width:58px}.mm-live-indicator{font-size:8px}.mm-transport{flex-direction:column;align-items:stretch;gap:9px;padding:9px 12px}.mm-play-controls{gap:9px}.mm-play{min-width:145px;min-height:43px}.mm-music-controls{gap:10px;padding-top:8px}.mm-tempo{width:42%;min-width:105px;max-width:160px}.mm-tool{height:58px}.mm-tool-glyph{width:48px;height:32px}.mm-tool-move>svg{height:32px}.mm-tool span{font-size:9px}.mm-footer{margin-top:5px}.mm-studio.is-focused{padding-top:4px}}@media (width<=380px){.mm-inspector.has-selection{height:auto;min-height:38px;padding:4px 6px}.mm-play-controls .mm-play{min-width:128px}.mm-preset-select{width:100px}.mm-play-controls{gap:5px}}@media (width>=901px){.mm-footer{display:none}.mm-studio.is-focused{padding-bottom:8px}}@media (width>=1200px) and (height>=760px){.mm-autosave{margin:0 8px;font-size:9px;display:flex}}