.speaker-instrument{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:18px;min-width:0;padding:12px 0;display:flex}.speaker-heading{text-align:center;flex-shrink:0}.speaker-eyebrow{color:#707961;letter-spacing:2px;font-size:9px}.speaker-heading h2{letter-spacing:-2px;margin:12px 0 8px;font-size:clamp(32px,8vw,58px);font-weight:500;line-height:1.1}.speaker-heading p{color:#65725a;font-size:12px}.speaker-channels{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,440px);display:grid}.speaker-channel{color:#536746;background:#edf0e5;border:1px solid #c6cfb9;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:clamp(125px,23svh,220px);padding:14px;display:flex}.speaker-channel svg{color:#7b8d6b}.speaker-channel strong{letter-spacing:-3px;font-size:clamp(58px,14vw,96px);font-weight:500;line-height:1}.speaker-channel>span{font-size:12px}.speaker-channel:hover:enabled{background:#e5ebda;border-color:#82976b}.speaker-both{color:#4c5e40;background:0 0;border:1px solid #c6cfb9;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:9px 12px;font-size:12px;display:flex}.speaker-both>span{font-size:12px;font-weight:600}.speaker-both:hover:enabled{background:#edf0e5}.speaker-channel[aria-pressed=true],.speaker-both[aria-pressed=true]{color:#faf9f6;background:#34462a;border-color:#34462a;box-shadow:inset 0 0 0 2px #faf9f6}.speaker-channel[aria-pressed=true] svg{color:#d4dfc7}.speaker-instrument[data-channel=both] .speaker-channel{background:#dde7d2;border-color:#526c40}.speaker-controls{flex-shrink:0;width:min(100%,440px)}.speaker-status{text-align:center;color:#5f6b53;max-width:350px;min-height:34px;margin:0 auto 12px;font-size:11px;line-height:1.45}.speaker-stop{color:#faf9f6;background:#303a28;border:1px solid #303a28;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-size:13px;display:flex}.speaker-stop:disabled{color:#7a836d;cursor:default;background:#e6e9de;border-color:#d4dac9}.speaker-stop:enabled:hover{background:#46553a}.speaker-settings{grid-template-columns:minmax(0,1fr) minmax(115px,.8fr);align-items:start;gap:22px;margin-top:15px;display:grid}.speaker-volume label,.speaker-tone{color:#647057;font-size:10px}.speaker-volume label{justify-content:space-between;align-items:center;gap:10px;display:flex}.speaker-volume output{font-variant-numeric:tabular-nums}.speaker-volume input{accent-color:#526f3c;width:100%;min-height:44px;margin:0;display:block}.speaker-tone{flex-direction:column;gap:0;display:flex}.speaker-tone select{color:#36482b;background:0 0;border:0;border-bottom:1px solid #cbd3be;border-radius:0;width:100%;min-width:0;min-height:44px;margin:0;padding:5px 8px;font-family:inherit;font-size:11px}.speaker-instrument button:disabled{cursor:default}body:has(.speaker-instrument) .instrument-shell{height:auto;min-height:100dvh}body:has(.speaker-instrument) .instrument-workspace{min-height:min-content}@media (height<=700px) and (orientation:portrait){.speaker-instrument{gap:10px;padding-block:7px}.speaker-heading h2{margin-block:8px 5px;font-size:34px}.speaker-heading p{font-size:11px}.speaker-channel{border-radius:18px;gap:3px;min-height:128px;padding:10px}.speaker-channel svg{width:25px;height:25px}.speaker-channel strong{font-size:58px}.speaker-both,.speaker-stop{min-height:44px}.speaker-channels{gap:8px}.speaker-status{min-height:32px;margin-bottom:8px;font-size:10px}.speaker-settings{margin-top:10px}}@media (width<=350px){.speaker-settings{gap:14px}.speaker-heading h2{font-size:32px}}@media (orientation:landscape) and (height<=500px){.speaker-instrument{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:8px 28px;max-width:900px;margin-inline:auto;padding-block:5px;display:grid}.speaker-heading{grid-area:1/1}.speaker-eyebrow{font-size:8px}.speaker-heading h2{margin:5px 0;font-size:30px}.speaker-heading p{font-size:10px}.speaker-channels{grid-area:2/1;gap:6px}.speaker-channel{border-radius:14px;gap:2px;min-height:90px;padding:8px}.speaker-channel svg{display:none}.speaker-channel strong{font-size:48px}.speaker-channel>span{font-size:10px}.speaker-both{min-height:44px;font-size:11px}.speaker-controls{grid-area:1/2/3}.speaker-status{min-height:32px;margin-bottom:8px;font-size:10px}.speaker-stop{min-height:44px}.speaker-settings{grid-template-columns:1fr;gap:4px;margin-top:12px}.speaker-tone{flex-direction:row;align-items:center;gap:12px}.speaker-tone select{flex:1}}