.stemDesk{background:#101720;color:#e4eef6;padding:20px;border:1px solid #37404b;border-radius:14px;font:14px system-ui;margin:18px 0}.stemDesk h2{color:#9ce9d3}.stemDesk button,.stemDesk select,.stemDesk input{font:inherit;color:inherit;border:1px solid #4e5964;border-radius:6px;background:#202b36;padding:7px}.stemDesk button{cursor:pointer}.stemDesk button.active{background:#17694e}.stemDesk label{display:inline-flex;gap:7px;align-items:center}.stemDesk input[type=number]{width:75px}.stemDesk input[type=range]{max-width:110px;padding:0;accent-color:#82c8cf}.sdBar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.sdLanes{overflow-x:auto;max-height:420px;overflow-y:auto;border:1px solid #34434d}.sdLane{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid #34434d;min-width:700px}.sdLane>button{position:sticky;left:0;z-index:1;text-align:left;background:#1b2935}.sdLane canvas{width:100%;height:100px;touch-action:none;cursor:crosshair}.sdDrop{border:2px dashed #638f8e;padding:16px;margin:12px 0}.sdMixer{display:flex;gap:9px;overflow-x:auto;padding:12px 0}.sdStrip{min-width:205px;max-width:225px;flex:0 0 205px;padding:15px;background:linear-gradient(#36434b,#1b252e);border:1px solid #58616c;border-radius:9px;box-shadow:inset 1px 0 #83909540}.sdStrip strong{display:block;padding:8px;background:#0b141a;color:#a8e6c4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sdStrip label{display:flex;justify-content:space-between;gap:6px;margin:9px 0;font-size:12px}.sdStrip input[type=range]{width:100px}.sdStrip .sdFader{writing-mode:vertical-lr;direction:rtl;height:110px;width:30px;display:block;margin:auto}.sdReadout{font:12px monospace;color:#9cd9ba}.stemDesk p{font-size:13px;color:#b9c7d0}.stemDesk audio{width:100%}.sdSelected{outline:2px solid #74d9bc}.sdStrip select{max-width:100%;width:100%;margin-top:8px}@media(max-width:600px){.stemDesk{padding:12px}.sdLane{grid-template-columns:125px 1fr}.sdStrip{min-width:185px;flex-basis:185px}}
