/* SONIQ NOW — Arrangement + Track System v2 */
:root{--snq-arr-head:196px;--snq-track-h:72px}
.snq-v2.snq-arr-v2 .snq-arrange{grid-template-columns:var(--snq-arr-head) 1fr!important}
.snq-v2.snq-arr-v2 .snq-trackheads{background:#0b0f14!important}
.snq-v2.snq-arr-v2 .snq-section-head{
 height:36px!important;padding:0 10px!important;background:#0d1218!important;
 border-bottom:1px solid #27303a!important;color:#778390!important;font-size:8px!important
}
.snq-arr-toolbar{display:flex;align-items:center;gap:5px;margin-left:auto}
.snq-arr-tool{height:23px;min-width:25px;padding:0 6px;border:1px solid #2b343e;background:#11171e;color:#8e9aa7;border-radius:3px;font:700 8px Inter,system-ui;cursor:pointer}
.snq-arr-tool:hover,.snq-arr-tool.on{color:#f1d273;border-color:#88702d;background:#19170e}
.snq-arr-zoom{width:78px;accent-color:#b79232}
.snq-v2.snq-arr-v2 .snq-trackhead{
 height:var(--snq-track-h)!important;grid-template-columns:4px 1fr auto!important;
 padding:0 7px 0 0!important;background:#0d1218!important;border-bottom:1px solid #1d252e!important
}
.snq-v2.snq-arr-v2 .snq-trackhead.active{background:#151b22!important;box-shadow:inset 0 0 0 1px #343d47}
.snq-v2.snq-arr-v2 .snq-trackname{font-size:11px!important;color:#d7dfe8!important}
.snq-v2.snq-arr-v2 .snq-tracktype{font-size:7px!important;letter-spacing:.12em!important}
.snq-v2.snq-arr-v2 .snq-mini{display:grid!important;grid-template-columns:repeat(3,22px)!important;gap:3px!important}
.snq-v2.snq-arr-v2 .snq-mini button{height:20px!important;width:22px!important}
.snq-track-vol{grid-column:1/4;width:72px;height:3px;accent-color:#a98a31}
.snq-v2.snq-arr-v2 .snq-meterbar{height:3px!important;margin-top:5px!important}
.snq-v2.snq-arr-v2 .snq-sections{height:36px!important;background:#0d1218!important}
.snq-v2.snq-arr-v2 .snq-section{height:36px!important;border-right:1px solid #303946!important;color:#8d98a5!important}
.snq-v2.snq-arr-v2 .snq-ruler{height:25px!important;background:#090d12!important}
.snq-v2.snq-arr-v2 .snq-lane{
 height:var(--snq-track-h)!important;
 background-color:#090d12!important;
 border-bottom:1px solid #182029!important
}
.snq-v2.snq-arr-v2 .snq-lane.active{background-color:#0c1117!important}
.snq-v2.snq-arr-v2 .snq-clip{
 top:7px!important;height:58px!important;border-radius:3px!important;
 box-shadow:inset 0 1px rgba(255,255,255,.06),0 1px 2px #0008!important
}
.snq-v2.snq-arr-v2 .snq-clip:hover{filter:brightness(1.12)}
.snq-v2.snq-arr-v2 .snq-clip.selected{outline:1px solid #f1d06b!important;box-shadow:0 0 0 1px #000,0 0 8px #d7ad3833!important}
.snq-clip-handle{position:absolute;top:0;bottom:0;width:5px;z-index:2;cursor:ew-resize}
.snq-clip-handle.left{left:0}.snq-clip-handle.right{right:0}
.snq-clip-loop{position:absolute;right:4px;top:3px;font-size:8px;color:#fff9}
.snq-arr-selection{position:absolute;border:1px solid #d7ad38;background:#d7ad3814;pointer-events:none;z-index:4}
.snq-automation-lane{height:42px;position:relative;border-bottom:1px solid #1a222b;background:#080b0f;display:none}
.snq-automation-lane.open{display:block}
.snq-auto-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#d7ad38aa}
.snq-auto-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#d7ad38;border:1px solid #ffe899;top:calc(50% - 3px)}
.snq-arr-context{position:fixed;z-index:10050;min-width:155px;padding:4px;background:#12171d;border:1px solid #333d47;border-radius:4px;box-shadow:0 10px 28px #000b}
.snq-arr-context button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#c6d0da;padding:7px 9px;font-size:10px;border-radius:2px}
.snq-arr-context button:hover{background:#202833;color:#fff}
.snq-arr-context hr{border:0;border-top:1px solid #29313a;margin:3px 0}
.snq-arr-status{position:absolute;right:10px;bottom:8px;z-index:7;padding:4px 7px;border:1px solid #252e37;background:#0b0f14dd;color:#778390;border-radius:3px;font:8px ui-monospace}
@media(max-width:900px){:root{--snq-arr-head:150px;--snq-track-h:68px}.snq-arr-toolbar{display:none}}