#composer-sound-panel[data-mms-sound-designer="ready"]{width:min(100%,80rem)!important;padding:18px!important;gap:16px!important}
#composer-sound-panel[data-mms-sound-designer="ready"]>.mms-original-sound-row,#composer-sound-panel[data-mms-sound-designer="ready"]>.mms-original-octave-row{display:none!important}
.mms-sound-designer{display:grid;width:100%;gap:12px;padding:15px;border:1px solid rgba(99,102,241,.3);border-radius:17px;background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(30,27,75,.58));box-shadow:0 16px 34px rgba(2,6,23,.22);color:#f8fafc}
.mms-sound-title{font:950 17px/1.2 system-ui;color:#eef2ff}.mms-sound-subtitle{color:#c7d2fe;font:900 12px/1.2 system-ui;letter-spacing:.02em}.mms-sound-subtitle.layers{padding-top:4px;color:#a7f3d0}
.mms-main-instruments{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.mms-instrument-card,.mms-layer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid rgba(100,116,139,.4);border-radius:13px;background:rgba(3,7,18,.76);overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.mms-instrument-card:hover,.mms-layer-card:hover{border-color:rgba(129,140,248,.76);transform:translateY(-1px)}.mms-instrument-card.active{border-color:#818cf8;background:linear-gradient(135deg,rgba(49,46,129,.82),rgba(30,41,59,.94));box-shadow:0 0 0 2px rgba(99,102,241,.16),0 10px 24px rgba(49,46,129,.18)}
.mms-instrument-select,.mms-layer-select{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;align-content:center!important;column-gap:9px!important;min-height:70px!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f8fafc!important;text-align:start!important;box-shadow:none!important;cursor:pointer}.mms-instrument-icon,.mms-layer-select>span{grid-row:1/3;align-self:center;font-size:22px}.mms-instrument-select strong,.mms-layer-select strong{font:900 12px system-ui}.mms-instrument-select small{color:#818cf8;font:800 9px system-ui}.mms-instrument-card.active .mms-instrument-select small{color:#c7d2fe}
.mms-compact-octave{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:auto 28px;align-content:center;place-items:center;gap:3px;padding:7px 8px;border-inline-start:1px solid rgba(100,116,139,.3);background:rgba(2,6,23,.58)}.mms-compact-octave>span{grid-column:1/-1;color:#94a3b8;font:800 8px system-ui}.mms-compact-octave button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid rgba(129,140,248,.35);border-radius:7px;background:#111827;color:#c7d2fe;cursor:pointer;font:900 13px system-ui}.mms-compact-octave button:hover{background:#312e81;color:#fff}.mms-compact-octave output{color:#fff;font:900 11px ui-monospace,monospace}
.mms-sound-routing{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.mms-sound-routing label{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:5px 12px;padding:10px 12px;border:1px solid rgba(56,189,248,.22);border-radius:12px;background:rgba(2,6,23,.58);color:#bae6fd;font:900 10px system-ui}.mms-sound-routing select{min-width:0;height:38px;border:1px solid rgba(56,189,248,.32);border-radius:9px;background:#071426;color:#e0f2fe;padding:6px 10px;font:800 11px system-ui;outline:none}.mms-sound-routing small{grid-column:1/-1;color:#94a3b8;font:700 9px/1.5 system-ui}
.mms-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.mms-layer-card{--mms-layer-rgb:52,211,153}.mms-layer-card[data-layer-kind="pad"]{--mms-layer-rgb:56,189,248}.mms-layer-card.muted{border-color:rgba(100,116,139,.3);background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(2,6,23,.94))}.mms-layer-card.active{border-color:rgba(var(--mms-layer-rgb),.86);background:linear-gradient(135deg,rgba(var(--mms-layer-rgb),.24),rgba(15,23,42,.94));box-shadow:0 0 0 2px rgba(var(--mms-layer-rgb),.12),0 10px 24px rgba(var(--mms-layer-rgb),.08)}.mms-layer-select>span{filter:grayscale(1);opacity:.58;transition:.18s}.mms-layer-card.active .mms-layer-select>span{filter:none;opacity:1;text-shadow:0 0 14px rgba(var(--mms-layer-rgb),.78)}.mms-layer-select small{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(100,116,139,.18);color:#94a3b8;font:800 8px system-ui}.mms-layer-select small:before{content:'';width:6px;height:6px;border-radius:50%;background:#64748b}.mms-layer-card.active .mms-layer-select small{background:rgba(var(--mms-layer-rgb),.16);color:rgb(var(--mms-layer-rgb))}.mms-layer-card.active .mms-layer-select small:before{background:rgb(var(--mms-layer-rgb));box-shadow:0 0 8px rgb(var(--mms-layer-rgb))}
.mms-vertical-mixer{display:grid!important;grid-template-columns:auto repeat(4,minmax(76px,1fr))!important;align-items:end!important;justify-content:center!important;gap:12px!important;width:100%!important;padding:14px!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.78))!important}.mms-vertical-mixer>:scope>span,.mms-vertical-mixer>span{align-self:start;color:#cbd5e1!important;font:900 12px system-ui!important}.mms-channel-strip{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;min-width:70px!important;padding:10px 7px!important;border:1px solid rgba(100,116,139,.24);border-radius:12px;background:rgba(15,23,42,.76)}.mms-channel-strip>div{display:flex!important;flex-direction:column!important;gap:3px!important;text-align:center}.mms-channel-strip>div span:first-child{color:#cbd5e1!important;font-size:10px!important}.mms-channel-strip>div span:last-child{color:#a5b4fc!important;font:900 10px ui-monospace,monospace!important}.mms-channel-strip input[type="range"]{width:28px!important;height:132px!important;margin:0!important;padding:0!important;writing-mode:vertical-lr!important;direction:rtl!important;appearance:slider-vertical!important}
@media(max-width:900px){.mms-main-instruments{grid-template-columns:repeat(2,minmax(150px,1fr))}.mms-sound-routing{grid-template-columns:1fr}.mms-vertical-mixer{grid-template-columns:repeat(4,minmax(62px,1fr))!important}.mms-vertical-mixer>:scope>span{grid-column:1/-1}}
@media(max-width:620px){#composer-sound-panel[data-mms-sound-designer="ready"]{padding:10px!important}.mms-sound-designer{padding:10px}.mms-main-instruments,.mms-layer-grid{grid-template-columns:1fr}.mms-sound-routing label{grid-template-columns:1fr}.mms-sound-routing small{grid-column:auto}.mms-vertical-mixer{gap:6px!important;padding:9px!important}.mms-channel-strip{min-width:0!important;padding:8px 3px!important}.mms-channel-strip input[type="range"]{height:112px!important}}
.mms-sound-routing.mms-drums-channel{grid-template-columns:1fr}
.mms-open-studio{justify-self:start;max-width:100%;padding:11px 16px;border:1px solid #fbbf24;border-radius:12px;background:rgba(251,191,36,.14);color:#fde68a;font:800 14px/1.5 system-ui;cursor:pointer;text-align:start}.mms-open-studio:hover{background:rgba(251,191,36,.24)}.mms-open-studio:focus-visible{outline:3px solid #fde68a;outline-offset:3px}
.mms-channel-color{border-color:var(--mms-channel-color)!important}.mms-instrument-card.mms-channel-color,.mms-layer-card.mms-channel-color,.mms-drums-controls.mms-channel-color{border-inline-start:5px solid var(--mms-channel-color)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mms-channel-color) 14%,#0f172a),#020617)!important}.mms-channel-color strong,.mms-channel-color>span,.mms-sound-subtitle.mms-channel-color{color:var(--mms-channel-color)!important}.mms-layer-card.mms-channel-color.active,.mms-instrument-card.mms-channel-color.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mms-channel-color) 30%,#0f172a),#0f172a)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--mms-channel-color) 25%,transparent)!important}
.mms-sound-designer .mms-layer-grid{grid-template-columns:1fr}.mms-sound-routing:not(.mms-drums-channel){grid-template-columns:minmax(0,440px);justify-content:start}.mms-sound-routing:not(.mms-drums-channel) label{padding:8px 10px;grid-template-columns:auto minmax(130px,1fr)}.mms-sound-routing:not(.mms-drums-channel) select{height:32px;padding:4px 8px}.mms-sound-routing:not(.mms-drums-channel) small{font-size:9px}@media(max-width:620px){.mms-sound-routing:not(.mms-drums-channel){grid-template-columns:1fr}.mms-sound-routing:not(.mms-drums-channel) label{grid-template-columns:1fr}}
.mms-sound-designer .mms-instrument-select,.mms-sound-designer .mms-layer-select{grid-template-columns:22px 30px minmax(0,1fr)!important;column-gap:8px!important}.mms-sound-designer .mms-channel-number{grid-column:1!important;grid-row:1/3!important;align-self:center;text-align:center;font:900 15px/1 system-ui!important;filter:none!important;opacity:1!important;font-variant-numeric:tabular-nums;color:var(--mms-channel-color,#e0e7ff)}.mms-sound-designer .mms-instrument-icon,.mms-sound-designer .mms-channel-icon{grid-column:2!important;grid-row:1/3!important;width:30px;text-align:center;align-self:center;font-size:22px}.mms-sound-designer .mms-instrument-select strong,.mms-sound-designer .mms-layer-select strong,.mms-sound-designer .mms-instrument-select small,.mms-sound-designer .mms-layer-select small{grid-column:3!important}.mms-sound-designer .mms-drums-label{display:grid;grid-template-columns:22px 30px minmax(0,1fr);gap:8px;align-items:center}.mms-sound-designer .mms-drums-label strong{grid-column:3;font-size:12px}.mms-sound-designer .mms-drums-controls{padding-inline:12px}
.mms-vertical-mixer.mms-mixer-replaced{display:none!important}.mms-sound-designer>.mms-sound-subtitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.mms-sound-designer .mms-layer-card{grid-template-columns:minmax(0,1fr) auto auto}.mms-sound-designer .mms-drums-controls{grid-template-columns:minmax(0,1fr) minmax(100px,1fr) auto}.mms-volume-control{display:grid;justify-items:center;align-content:center;gap:4px;padding:8px 10px;min-width:90px;color:#e2e8f0}.mms-volume-label{font:700 10px/1.2 system-ui}.mms-volume-knob{position:relative;width:48px;height:48px;border-radius:50%;border:2px solid var(--mms-volume-color,#818cf8);background:radial-gradient(circle at 35% 25%,#475569,#0f172a 75%);box-shadow:0 3px 8px #0008;touch-action:none;cursor:ns-resize}.mms-volume-knob:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff20;border-radius:50%}.mms-volume-knob:after{content:'';position:absolute;width:3px;height:13px;left:calc(50% - 1.5px);top:5px;border-radius:3px;background:var(--mms-volume-color,#818cf8);transform-origin:50% 19px;transform:rotate(var(--mms-volume-angle,0deg));pointer-events:none}.mms-volume-knob input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ns-resize;touch-action:none}.mms-volume-knob:focus-within{outline:3px solid #fde68a;outline-offset:3px}.mms-volume-step{display:flex;align-items:center;gap:5px;direction:ltr}.mms-volume-step button{width:26px;height:26px;padding:0;border:1px solid #64748b;border-radius:7px;background:#0f172a;color:white;cursor:pointer;font:800 16px system-ui}.mms-volume-step output{min-width:34px;text-align:center;font:800 11px ui-monospace,monospace;color:#e2e8f0}@media(max-width:620px){.mms-sound-designer .mms-drums-controls{grid-template-columns:minmax(0,1fr) auto}.mms-drums-channel select{grid-column:1;grid-row:2}.mms-drums-channel .mms-volume-control{grid-column:2;grid-row:1/3}.mms-volume-control{min-width:76px;padding:8px 5px}.mms-sound-designer .mms-layer-card{grid-template-columns:minmax(0,1fr) auto}.mms-layer-card .mms-compact-octave{grid-column:1;grid-row:2;border-inline-start:0}.mms-layer-card .mms-volume-control{grid-column:2;grid-row:1/3}}
.mms-sound-designer .mms-main-instruments{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch}.mms-main-instruments>.mms-volume-control{border:1px solid #818cf8;border-radius:13px;background:#0f172a}@media(max-width:900px){.mms-sound-designer .mms-main-instruments{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.mms-main-instruments .mms-instrument-card{grid-template-columns:1fr}.mms-main-instruments .mms-instrument-select{padding:8px!important;grid-template-columns:18px 24px minmax(0,1fr)!important;column-gap:4px!important}.mms-main-instruments .mms-instrument-select strong{font-size:10px}.mms-main-instruments .mms-compact-octave{border-inline-start:0}}@media(max-width:620px){.mms-sound-designer .mms-main-instruments{grid-template-columns:minmax(0,1fr) auto}.mms-main-instruments>.mms-instrument-card{grid-column:1;grid-template-columns:minmax(0,1fr) auto}.mms-main-instruments>.mms-volume-control{grid-column:2;grid-row:1/4}}
.mms-sound-designer .mms-new-sound-choice{display:flex;flex-direction:row;align-items:center;gap:4px;margin:0;padding:3px 8px;color:#e2e8f0;font-size:11px;grid-column:1/-1;min-width:0;max-width:100%}
.mms-sound-designer .mms-new-sound-choice>span{display:none}
.mms-sound-designer .mms-new-sound-choice select{width:100%;min-width:0;background:#152033;color:#f1f5f9;border:1px solid var(--mms-channel-color,#64748b);border-radius:6px;padding:3px 5px;font:inherit;height:28px;text-overflow:ellipsis}
.mms-sound-designer .mms-new-sound-choice>small:empty{display:none!important}
.mms-sound-designer .mms-layer-card>.mms-new-sound-choice{grid-column:1;grid-row:2;padding:0 8px 4px}
.mms-sound-designer .mms-layer-card>.mms-compact-octave{grid-column:2;grid-row:1/3}
.mms-sound-designer .mms-layer-card>.mms-volume-control{grid-column:3;grid-row:1/3}
.mms-sound-designer .mms-layer-select{min-height:44px!important;padding:5px 8px!important}
.mms-sound-designer .mms-sound-routing>.mms-new-sound-choice{padding:3px 8px;min-height:0}
@media(max-width:620px){.mms-sound-designer .mms-layer-card{grid-template-columns:minmax(0,1fr) 78px 68px}.mms-sound-designer .mms-layer-card>.mms-compact-octave{grid-column:2;grid-row:1/3;padding:3px}.mms-sound-designer .mms-layer-card>.mms-volume-control{grid-column:3;grid-row:1/3;min-width:0;padding:3px}.mms-sound-designer .mms-layer-card>.mms-layer-select{grid-column:1;grid-row:1}}
.mms-relocated-control{display:none!important}
.mms-studio-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.mms-studio-toolbar .mms-open-studio{padding:8px 12px;font-size:12px}
.mms-studio-toolbar label{display:flex;align-items:center;gap:8px;color:#cbd5e1;font:700 12px system-ui}
.mms-studio-toolbar label:has(input){display:grid;gap:5px;min-width:140px}
.mms-studio-toolbar output{color:#a5b4fc;margin-inline-start:8px}
.mms-studio-toolbar input{width:150px;accent-color:#818cf8}
.mms-studio-toolbar select{padding:6px 10px;border:1px solid #64748b;border-radius:8px;background:#1e293b;color:#fff;font:700 13px system-ui}
.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:8px 14px;padding:10px 12px;border-color:#fb923c;color:#fdba74}
.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice>span{display:block;font-size:13px;font-weight:800}
.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice select{height:40px;font-size:13px;padding:7px 10px;border-color:#fb923c}
.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice>small{grid-column:1/-1}
@media(max-width:620px){.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice{grid-template-columns:minmax(0,1fr);gap:6px}.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice>span{grid-column:1}}

.mms-sound-designer [data-main-card]>.mms-new-sound-choice{grid-column:1/-1;align-self:end;padding:6px 8px;border-top:1px solid rgba(129,140,248,.25);background:rgba(2,6,23,.35)}

.mms-instrument-rhythm{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 8px;background:rgba(2,6,23,.35);border-top:1px solid rgba(129,140,248,.25);font:700 10px system-ui;color:#c7d2fe}.mms-instrument-rhythm select{flex:1;min-width:0;max-width:100%;background:#152033;color:#f1f5f9;border:1px solid #6366f1;border-radius:6px;padding:4px;font:inherit}.mms-drums-controls>.mms-new-sound-choice{grid-column:1/-1}

.mms-sound-designer .mms-bass-role{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:7px 10px;border:0;border-top:1px solid rgba(244,114,182,.25);border-radius:0;background:rgba(2,6,23,.35)}.mms-bass-role h3{margin:0;font:800 11px system-ui;color:#f472b6}.mms-bass-role label{margin:0;font-size:11px}.mms-bass-role select{padding:4px 6px;font-size:11px;min-height:28px;max-width:100%}.mms-bass-role .st-swing-control{display:flex;align-items:center;gap:6px}.mms-bass-role input[type=range]{width:85px;accent-color:#f472b6}

.mms-sound-designer .mms-bass-options{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:5px 8px;min-width:0}
.mms-sound-designer .mms-bass-options>.mms-new-sound-choice{flex:1 1 180px;padding:0;margin:0;min-width:0}
.mms-sound-designer .mms-bass-options>.mms-bass-role{display:flex;flex:0 1 auto;align-items:center;gap:6px 10px;padding:0;border:0;background:transparent;min-width:0}
.mms-bass-options .mms-bass-role h3{font-size:10px}
.mms-bass-options .mms-bass-role .st-swing-control{padding:0;border:0;background:transparent;min-height:0}
@media(max-width:620px){.mms-sound-designer .mms-bass-options{grid-column:1/-1;grid-row:3}.mms-bass-options>.mms-bass-role{flex:1 1 100%}}

.mms-sound-designer .mms-drums-controls{display:grid;align-items:center;gap:6px 12px;border:1px solid var(--mms-channel-color,#fb923c);border-radius:13px;overflow:hidden;padding:6px 10px;grid-template-columns:minmax(0,1fr) minmax(120px,1fr) auto}
.mms-drums-controls>.mms-drums-label{grid-column:1;grid-row:1}
.mms-drums-controls>#mms-main-drums{grid-column:2;grid-row:1;min-width:0}
.mms-sound-designer .mms-drums-controls>.mms-volume-control{grid-column:3;grid-row:1/3;border-inline-start:1px solid rgba(100,116,139,.3);align-self:stretch}
.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice{grid-column:1/3;grid-row:2;padding:4px 0;gap:6px}
.mms-drums-controls>.mms-new-sound-choice select{grid-column:auto;grid-row:auto}
@media(max-width:620px){.mms-sound-designer .mms-drums-controls{grid-template-columns:minmax(0,1fr) 68px}.mms-drums-controls>.mms-drums-label{grid-column:1;grid-row:1}.mms-drums-controls>#mms-main-drums{grid-column:1;grid-row:2}.mms-sound-designer .mms-drums-controls>.mms-volume-control{grid-column:2;grid-row:1/4;min-width:0;padding:3px}.mms-sound-designer .mms-drums-controls>.mms-new-sound-choice{grid-column:1;grid-row:3}}

/* Keep all channel knobs on the same axis, including the drum channel. */
.mms-sound-designer{--mms-volume-width:110px}
.mms-sound-designer .mms-main-instruments{grid-template-columns:repeat(3,minmax(0,1fr)) var(--mms-volume-width)}
.mms-sound-designer .mms-layer-card{grid-template-columns:minmax(0,1fr) auto var(--mms-volume-width)}
.mms-sound-designer .mms-drums-controls{grid-template-columns:minmax(0,1fr) minmax(120px,1fr) var(--mms-volume-width);padding-inline-end:0}
.mms-sound-designer .mms-volume-control{box-sizing:border-box;width:var(--mms-volume-width);min-width:0;padding-inline:5px;margin:0;justify-self:stretch}
@media(max-width:900px){.mms-sound-designer .mms-main-instruments{grid-template-columns:repeat(3,minmax(0,1fr)) var(--mms-volume-width)}}
@media(max-width:620px){.mms-sound-designer{--mms-volume-width:76px}.mms-sound-designer .mms-main-instruments{grid-template-columns:minmax(0,1fr) var(--mms-volume-width)}.mms-sound-designer .mms-layer-card{grid-template-columns:minmax(0,1fr) 78px var(--mms-volume-width)}.mms-sound-designer .mms-drums-controls{grid-template-columns:minmax(0,1fr) var(--mms-volume-width)}}

.mms-sound-designer .mms-volume-control{grid-template-columns:minmax(0,1fr);justify-items:center}.mms-sound-designer .mms-volume-control>*{grid-column:1}

#scales-theremin-sound-studio.mms-inline-editor:not([open]){display:none}#scales-theremin-sound-studio.mms-inline-editor>summary{display:none}.mms-close-editor{display:block;margin:0 0 12px auto;border:1px solid #818cf8;border-radius:8px;padding:6px 10px;background:#1e293b;color:#c7d2fe;cursor:pointer;font:700 12px system-ui}

.mms-sound-designer .mms-instrument-card.mms-channel-color:not(.active){background:#080f1d!important;border-color:#334155!important;box-shadow:none;opacity:.72}
.mms-sound-designer .mms-instrument-card.mms-channel-color.active{background:linear-gradient(135deg,#4338ca,#252364)!important;border-color:#c4b5fd!important;box-shadow:inset 0 0 0 2px #a78bfa,0 0 16px rgba(129,140,248,.25)!important;opacity:1}
.mms-sound-designer .mms-instrument-card.active .mms-instrument-select small{color:#fff!important;font-weight:950}
.mms-instrument-icon svg{display:block;margin:auto}