.mixer-launch{display:flex;justify-content:flex-end;margin:10px 0 0}.mixer-launch .btn{padding:8px 12px;font-size:11px}.mixer-card{width:min(720px,calc(100% - 24px));max-height:82vh;overflow:auto;background:#16191b;border:1px solid #30383d;border-radius:16px;padding:16px;box-sizing:border-box}.mixer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mixer-head b{font-size:18px}.mixer-strips{display:grid;grid-template-columns:repeat(9,minmax(52px,1fr));gap:6px;align-items:stretch}.mixer-strip{background:#0f1214;border:1px solid #252b2f;border-radius:12px;padding:10px 6px;display:grid;grid-template-rows:auto auto 150px auto;gap:9px;align-items:center;justify-items:center;min-width:0}.mixer-label{font-size:9px;font-weight:900;letter-spacing:.06em;color:#e5e8ea;text-align:center;white-space:nowrap}.mixer-mute{width:30px;height:30px;border-radius:7px;border:1px solid #364047;background:#171b1d;color:#8f9aa1;font-size:10px;font-weight:900}.mixer-mute.on{background:#e9e9e9;color:#111;border-color:#e9e9e9}.mixer-fader{writing-mode:vertical-lr;direction:rtl;width:24px;height:150px;accent-color:#d7d7d7;cursor:pointer}.mixer-value{font-size:10px;color:#d2d7da}.layer-strip{border-color:#4a5156}.mixer-note{margin-top:12px;text-align:center}#mixerModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.68);z-index:10000}#mixerModal.open{display:flex}@media(max-width:680px){.mixer-strips{grid-template-columns:repeat(5,minmax(52px,1fr))}.mixer-strip{grid-template-rows:auto auto 120px auto}.mixer-fader{height:120px}}@media(max-width:430px){.mixer-card{width:calc(100% - 12px);padding:12px}.mixer-strips{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mixer-strip{grid-template-rows:auto auto 105px auto}.mixer-fader{height:105px}}