/* SONIQ NOW — Instrument Workstation v2 */
.snq-iw{height:100%;min-height:300px;display:grid;grid-template-columns:220px minmax(420px,1fr) 250px;background:#080b0f;color:#d8e0e9;overflow:hidden}
.snq-iw *{box-sizing:border-box}.snq-iw-side{background:#0c1117;border-right:1px solid #202833;overflow:auto}.snq-iw-side.right{border-right:0;border-left:1px solid #202833}
.snq-iw-head{height:38px;display:flex;align-items:center;padding:0 11px;border-bottom:1px solid #202833;font:700 9px Inter,system-ui;letter-spacing:.13em;text-transform:uppercase;color:#9ca7b3}
.snq-iw-card{padding:11px;border-bottom:1px solid #171e27}.snq-iw-name{font:700 17px Inter,system-ui;color:#f0d37a}.snq-iw-family{font:700 8px Inter,system-ui;letter-spacing:.13em;color:#788492;text-transform:uppercase;margin-top:4px}
.snq-iw-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.snq-iw-meta div{border:1px solid #202832;background:#090d12;padding:7px}.snq-iw-meta label{display:block;font-size:7px;color:#697582;text-transform:uppercase;margin-bottom:3px}.snq-iw-meta strong{font:600 9px ui-monospace;color:#cbd4dd}
.snq-iw-main{min-width:0;display:grid;grid-template-rows:40px minmax(150px,1fr) 112px;background:#090d12}
.snq-iw-toolbar{display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #202833;background:#0d1218}
.snq-iw-btn,.snq-iw-select{height:26px;border:1px solid #2b343e;background:#11171e;color:#a7b1bc;border-radius:3px;font:700 8px Inter,system-ui;padding:0 8px}.snq-iw-btn{cursor:pointer}.snq-iw-btn.on{color:#ff6f6f;border-color:#9c333a;background:#351317}.snq-iw-btn.gold{color:#f0d37a;border-color:#7e6829}
.snq-iw-spacer{flex:1}.snq-iw-status{font:8px ui-monospace;color:#778390}.snq-iw-status.live{color:#55d995}
.snq-iw-performance{display:grid;grid-template-columns:1fr 220px;min-height:0;overflow:auto}
.snq-iw-controls{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(85px,1fr));gap:9px;align-content:start}
.snq-iw-control{border:1px solid #202832;background:#0c1117;padding:8px;min-height:75px}.snq-iw-control label{display:block;font:700 7px Inter,system-ui;letter-spacing:.1em;color:#727e8b;text-transform:uppercase;margin-bottom:7px}.snq-iw-control output{display:block;text-align:center;font:700 9px ui-monospace;color:#e0c468;margin-top:5px}
.snq-iw-range{width:100%;accent-color:#c6a13a}.snq-iw-articulations{padding:12px;border-left:1px solid #202833;background:#0b1015}.snq-iw-articulations h4{margin:0 0 8px;font:700 8px Inter,system-ui;letter-spacing:.12em;color:#7d8996;text-transform:uppercase}
.snq-iw-art{display:block;width:100%;text-align:left;margin:5px 0;padding:8px;border:1px solid #28313b;background:#10161c;color:#aab5c0;border-radius:3px;font-size:9px;cursor:pointer}.snq-iw-art.active{border-color:#b99534;color:#f0d37a;background:#19170f}
.snq-iw-keyboard{display:flex;align-items:flex-start;justify-content:center;padding:10px 12px 8px;border-top:1px solid #202833;background:#07090c;overflow-x:auto}
.snq-key{position:relative;flex:0 0 34px;height:88px;background:linear-gradient(#f4f5f6,#c8cdd2);border:1px solid #15191d;border-radius:0 0 3px 3px;cursor:pointer;color:#333;font:7px Inter;text-align:center;padding-top:69px;user-select:none}.snq-key.black{z-index:2;flex-basis:23px;width:23px;height:55px;margin:0 -12px;background:linear-gradient(#30353b,#080a0c);color:#aaa;padding-top:40px}.snq-key.active{box-shadow:inset 0 -8px 18px #d7ad3866}.snq-key.black.active{background:linear-gradient(#725f27,#17140b)}
.snq-iw-xy{height:130px;margin-top:8px;position:relative;border:1px solid #28313b;background:linear-gradient(135deg,#101720,#080b0f);cursor:crosshair}.snq-iw-xy:before,.snq-iw-xy:after{content:"";position:absolute;background:#252e38}.snq-iw-xy:before{left:50%;top:0;bottom:0;width:1px}.snq-iw-xy:after{top:50%;left:0;right:0;height:1px}.snq-iw-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#d7ad38;border:2px solid #fff2b1;transform:translate(-50%,-50%);left:50%;top:50%;box-shadow:0 0 9px #d7ad3866}
.snq-iw-device{padding:9px 11px;border-bottom:1px solid #171e27;font-size:9px;color:#8995a1}.snq-iw-device strong{display:block;color:#d2d9e1;margin-top:3px}.snq-iw-warning{margin:10px;padding:8px;border:1px solid #594d25;background:#17140c;color:#cbb66c;font-size:8px;line-height:1.45}
@media(max-width:1000px){.snq-iw{grid-template-columns:170px 1fr}.snq-iw-side.right{display:none}.snq-iw-controls{grid-template-columns:repeat(3,1fr)}}
