.synth-lab{background:linear-gradient(140deg,var(--tone-1f2930,#1f2930),var(--tone-171d27,#171d27));border:1px solid var(--tone-506064,#506064);border-radius:12px;padding:16px;margin:16px 0;color:var(--tone-d8e3e5,#d8e3e5)}
.synth-lab-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.synth-lab-head h3,.synth-lab-head h4{margin:0;font-size:13px;letter-spacing:.1em}
.synth-lab-head span{font-size:10px;color:var(--tone-a6d8c7,#a6d8c7)}
.synth-lab-wave,.synth-lab-mini-wave,.synth-lab-slope,.synth-lab-envelope-plot{background-color:var(--tone-111c24,#111c24);background-repeat:no-repeat;background-size:100% 100%;border:1px solid var(--tone-3f5058,#3f5058);border-radius:7px}
.synth-lab-wave{height:90px;margin:12px 0}
.synth-lab-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.synth-lab-source span{font-size:10px;letter-spacing:.12em;color:var(--tone-edbd82,#edbd82)}
.synth-lab-mini-wave{height:60px;margin-top:6px}
.synth-lab-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.synth-lab-filters button[aria-pressed=true]{border-color:var(--tone-edbd82,#edbd82);background:var(--tone-edbd821c,#edbd821c);color:var(--tone-edbd82,#edbd82)}
.synth-lab-envelope{border-top:1px solid var(--tone-465259,#465259);margin:16px 0;padding-top:12px}
.synth-lab-envelope>span{font-size:10px;color:var(--tone-8acbd9,#8acbd9)}
.synth-lab-envelope-plot{height:100px;position:relative;margin:10px 0}
.synth-lab-envelope-cursor{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--tone-dcfff3,#dcfff3);box-shadow:0 0 14px var(--tone-a6d8c7,#a6d8c7);transform:translate(-50%,-50%);pointer-events:none}
.synth-lab-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.synth-lab-phase{border:1px solid var(--tone-405059,#405059);border-radius:8px;padding:10px;transition:border-color .08s,background .08s}
.synth-lab-phase>strong{color:var(--tone-8acbd9,#8acbd9);font-size:13px}
.synth-lab-phase.phase-active{border-color:var(--tone-a6d8c7,#a6d8c7);background:var(--tone-a6d8c714,#a6d8c714);box-shadow:inset 0 0 18px var(--tone-a6d8c710,#a6d8c710)}
.synth-lab-slope{height:32px;margin:6px 0}
.synth-lab-phase label{display:block;font-size:10px;min-width:0}
.synth-lab-phase input{width:100%}
.synth-lab-matrix{border-top:1px solid var(--tone-465259,#465259);padding-top:12px}
.synth-lab-route{display:grid;grid-template-columns:20px 1fr 1fr 1fr 5px;gap:12px;align-items:center;margin-top:10px;padding:10px;background:var(--tone-121d25,#121d25);border-radius:8px}
.synth-lab-route label{min-width:0;font-size:10px}
.synth-lab-route select,.synth-lab-route input{width:100%;max-width:100%}
.synth-lab-route-meter{height:44px;background:linear-gradient(to top,var(--tone-a6d8c7,#a6d8c7) var(--mod-activity,0%),var(--tone-405059,#405059) var(--mod-activity,0%));border-radius:3px}
@media(max-width:640px){.synth-lab-sources,.synth-lab-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.synth-lab-route{grid-template-columns:14px 1fr 1fr;gap:8px}.synth-lab-route>label:last-of-type{grid-column:2/4}.synth-lab-route-meter{display:none}}