.app{zoom:1!important;max-width:1200px;padding:24px 22px 40px;gap:18px}.head{padding-bottom:14px;gap:8px}.head .eyebrow{display:none}.head h1{font-size:clamp(25px,3vw,35px);color:#76aee8}.head .sub{font-size:13px;max-width:none}.headtop{justify-content:flex-end}.grid{grid-template-columns:240px minmax(0,1fr);gap:18px}.panel{padding:18px;border-radius:15px;border-top:4px solid var(--lab-accent,#3579c8);gap:12px}.panel h2{font-size:23px;color:var(--lab-accent,#3579c8)}
.lab-compact-menu{padding:10px;gap:7px;border-radius:14px}.lab-compact-menu .grp{gap:5px;min-width:0}.lab-compact-menu .grp-label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--category-color) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--category-color) 12%,var(--surface));color:var(--ink);font:600 12px var(--sans);letter-spacing:0;cursor:pointer}
.lab-compact-menu .grp-label svg{width:20px;height:20px;fill:none;stroke:var(--category-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.lab-compact-menu .grp-label::after{content:'+';margin-inline-start:auto;font-size:16px;opacity:.8}.lab-compact-menu .lab-open>.grp-label::after{content:'−';transform:none}.lab-compact-menu .grp>:not(.grp-label){display:none!important}.lab-compact-menu .grp.lab-open>:not(.grp-label){display:flex!important}.lab-compact-menu .grp.lab-open>.lab-import{display:block!important}
.lab-compact-menu .item{min-height:36px;padding:8px 10px;font-size:13px;border:1px solid var(--line-soft);border-inline-start:3px solid var(--category-color);background:color-mix(in srgb,var(--category-color) 5%,var(--surface));border-radius:7px}.lab-compact-menu .item .hint{display:none}.lab-compact-menu .item[aria-current="true"]{background:var(--category-color);color:#fff;border-color:var(--category-color);font-weight:700}.lab-compact-menu .grp[data-category="files"].lab-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lab-compact-menu .grp[data-category="files"]>.grp-label,.lab-import{grid-column:1/-1}
.lab-import summary{padding:7px;font-size:11px;color:var(--ink-2);cursor:pointer}.lab-import .drop{padding:9px}.lab-import .drop small{font-size:11px;letter-spacing:0;font-family:var(--sans)}.grp-label:focus-visible{outline:2px solid var(--category-color);outline-offset:2px}
.lab-brief{font-size:13px;color:var(--ink-2);margin:6px 0 0;line-height:1.6}.scope{aspect-ratio:3/1;min-height:165px;border-radius:10px}.transport{padding-top:10px;gap:10px}.panel .play{min-width:120px;padding:10px 18px;border-radius:9px;background:var(--lab-accent,#3579c8)!important;color:#fff!important}.panel .play[data-on="true"]{background:#475569!important}.vol label{letter-spacing:0;font-family:var(--sans);font-size:12px}.vol input{accent-color:var(--lab-accent)}
#ctrls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 18px}#ctrls>.ctrl{min-width:0;margin:0;gap:8px;flex-wrap:wrap}#ctrls .lbl{font-size:12px;min-width:0;letter-spacing:0}#ctrls .val{font-size:11px;min-width:0!important}#ctrls input[type="range"]{accent-color:var(--lab-accent);max-width:100%}#ctrls .seg button{padding:6px 10px;font-size:12px}#ctrls .seg button[aria-pressed="true"],#ctrls .solo button[aria-pressed="true"]{background:var(--lab-accent);color:#fff}
.lab-options{width:100%;border-top:1px solid var(--line-soft);padding-top:8px}.lab-options>summary,.lab-explanation>summary{font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;padding:4px 0}.lab-extra-settings{display:flex;flex-direction:column;gap:12px;padding:10px 0 0}.lab-extra-settings input[type="text"]{max-width:100%;min-width:0}.lab-extra-settings .ctrl{flex-wrap:wrap}.lab-explanation{border-top:1px solid var(--line-soft);padding-top:6px}.lab-explanation .desc,.lab-explanation .note{font-size:13px;line-height:1.8;max-width:none;margin:10px 0 0}.lab-explanation .note{display:block}.lab-explanation[hidden]{display:none!important}.panel>.mms-note-toggle{display:none!important}.lab-extra-settings .status.mms-draghelp{display:block!important}.foot{display:none}
.voice-lab .vl-main{background:var(--lab-accent)!important}.voice-lab .vl-btn[data-voice="a"]{border-color:#c45a43}.voice-lab .vl-btn[data-voice="b"]{border-color:#198d83}
.panel #main-transport[hidden],.panel #main-scope[hidden],#ctrls[hidden]{display:none!important}
.voice-lab .vl-btn[data-voice="a"]{color:#f39b83}.voice-lab .vl-btn[data-voice="b"]{color:#50c5bf}.voice-lab .vl-btn.active{color:#fff}
:root[data-theme="light"] .voice-lab .vl-btn[data-voice="a"]{color:#a6412c}:root[data-theme="light"] .voice-lab .vl-btn[data-voice="b"]{color:#096b67}
:root[data-theme="light"] .head h1{color:#25569a}
@media(max-width:820px){.app{padding:16px 12px 30px}.grid{grid-template-columns:1fr;gap:12px}.lab-compact-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lab-compact-menu .grp.lab-open{grid-column:1/-1}.headtop{padding-inline:42px;align-items:center}.head .sub{font-size:12px}.panel{padding:14px}.scope{min-height:155px;aspect-ratio:2.8/1}#ctrls .ctrl{justify-content:flex-start}.transport .vol{margin-inline-start:auto}.panel h2{font-size:21px}}
@media(max-width:450px){.lab-compact-menu .grp-label{font-size:11px;padding:7px}.transport{gap:8px}.transport .vol{width:100%;margin:0}.transport .vol input{flex:1}.lab-extra-settings .ctrl{gap:7px}.lab-extra-settings input[type="range"]{width:120px!important}.lab-extra-settings .field{width:100%}.scope-tag{font-size:9px}}