:root{
  --snq-bg:#07090c;--snq-panel:#0d1117;--snq-panel2:#11161d;--snq-line:#202833;
  --snq-text:#e7edf5;--snq-muted:#7f8b99;--snq-gold:#d7ad38;--snq-red:#ef4444;
  --snq-green:#3ccf91;--snq-blue:#4f8cff;--snq-head:220px;--snq-bar:52px;
}
.snq-v2{height:calc(100vh - 58px);min-height:720px;background:var(--snq-bg);color:var(--snq-text);
  display:grid;grid-template-rows:44px 58px 1fr 300px;font-family:Inter,system-ui,sans-serif;overflow:hidden}
.snq-v2 *{box-sizing:border-box}
.snq-projectbar{display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--snq-line);background:#090c10}
.snq-project-title{font-weight:700;letter-spacing:.02em;min-width:220px;outline:none}
.snq-project-meta{display:flex;gap:14px;color:var(--snq-muted);font-size:11px;margin-left:auto}
.snq-pill{border:1px solid var(--snq-line);padding:5px 8px;border-radius:4px;background:#0d1117}
.snq-transport{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--snq-line);background:#0b0f14;padding:0 14px}
.snq-transport-left,.snq-transport-right{display:flex;align-items:center;gap:8px}
.snq-transport-right{justify-content:flex-end}
.snq-tbtn{height:32px;min-width:34px;border:1px solid #29323d;background:#111720;color:#cdd6e0;border-radius:4px;cursor:pointer}
.snq-tbtn:hover{background:#17202a}.snq-tbtn.rec{color:#ff6464}.snq-tbtn.on{border-color:var(--snq-gold);color:var(--snq-gold)}
.snq-position{text-align:center}.snq-time{font:600 22px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}
.snq-subtime{font-size:10px;color:var(--snq-muted);margin-top:4px}
.snq-number{background:#0b1016;border:1px solid var(--snq-line);color:#dce5ef;border-radius:4px;padding:6px 8px;width:64px}
.snq-arrange{min-height:0;display:grid;grid-template-columns:var(--snq-head) 1fr;background:#080b0f}
.snq-trackheads{border-right:1px solid var(--snq-line);overflow:hidden;background:#0c1015}
.snq-section-head{height:32px;border-bottom:1px solid var(--snq-line);display:flex;align-items:center;padding:0 10px;color:var(--snq-muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.snq-trackhead{height:64px;border-bottom:1px solid #171e27;display:grid;grid-template-columns:5px 1fr auto;align-items:center;gap:8px;padding-right:8px}
.snq-trackstripe{height:100%}.snq-trackname{font-size:12px;font-weight:650}.snq-tracktype{font-size:9px;color:var(--snq-muted);text-transform:uppercase;margin-top:3px}
.snq-mini{display:flex;gap:3px}.snq-mini button{width:24px;height:22px;border:1px solid #28313b;background:#111720;color:#7f8b99;border-radius:3px;font-size:9px;cursor:pointer}
.snq-mini button.on{color:#fff;border-color:#6b7785}.snq-mini .arm.on{background:#541b21;color:#ff7474;border-color:#a83440}
.snq-timelinewrap{min-width:0;overflow:auto;position:relative}
.snq-timeline{position:relative;min-width:1664px;background:#090d12}
.snq-sections{height:32px;display:flex;position:sticky;top:0;z-index:4;background:#0d1218;border-bottom:1px solid var(--snq-line)}
.snq-section{height:32px;border-right:1px solid #2a323d;display:flex;align-items:center;padding:0 9px;font-size:9px;color:#9aa6b4;text-transform:uppercase;letter-spacing:.08em}
.snq-ruler{height:24px;position:relative;border-bottom:1px solid #1b232d;background:#0a0f14}
.snq-ruler span{position:absolute;top:5px;font:9px ui-monospace;color:#66717e}
.snq-lane{height:64px;position:relative;border-bottom:1px solid #171e27;
 background-image:linear-gradient(to right,#141b23 1px,transparent 1px),linear-gradient(to right,#10161d 1px,transparent 1px);
 background-size:var(--snq-bar) 100%,calc(var(--snq-bar)/4) 100%}
.snq-clip{position:absolute;top:7px;height:50px;border:1px solid rgba(255,255,255,.18);border-radius:3px;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.snq-clip.selected{outline:2px solid #f4d36b;outline-offset:1px}.snq-clip-label{font-size:9px;font-weight:650;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snq-wave{position:absolute;left:4px;right:4px;bottom:5px;height:27px;opacity:.8}
.snq-midi-note{position:absolute;height:3px;background:rgba(255,255,255,.78);border-radius:1px}
.snq-playhead{position:absolute;top:32px;bottom:0;width:1px;background:#f6d46a;z-index:5;pointer-events:none}
.snq-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #f6d46a}
.snq-bottom{min-height:0;display:grid;grid-template-columns:220px 1fr 300px;border-top:1px solid var(--snq-line);background:#0a0e13}
.snq-browser,.snq-inspector{background:#0c1117;overflow:auto}.snq-browser{border-right:1px solid var(--snq-line)}.snq-inspector{border-left:1px solid var(--snq-line)}
.snq-pane-title{height:34px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--snq-line);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a7b1bd}
.snq-browser-item{padding:8px 11px;border-bottom:1px solid #141b23;color:#8e9aa8;font-size:11px;cursor:pointer}.snq-browser-item:hover{background:#121922;color:#fff}
.snq-editor{min-width:0;overflow:hidden;display:grid;grid-template-rows:34px 1fr}
.snq-tabs{display:flex;border-bottom:1px solid var(--snq-line);background:#0d1218}.snq-tab{padding:10px 15px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#778391;cursor:pointer;border-right:1px solid #1b232d}.snq-tab.active{color:#f0d37a;background:#111821;box-shadow:inset 0 -2px #d7ad38}
.snq-editor-body{overflow:auto;position:relative;background:#080c10}.snq-editor-host{height:100%;min-height:250px}
.snq-inspector-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.snq-param{border:1px solid #1e2731;background:#0a0f14;padding:8px}.snq-param label{display:block;font-size:8px;color:#687482;text-transform:uppercase;margin-bottom:5px}.snq-param strong{font:11px ui-monospace;color:#d8e0e9}
.snq-meterbar{height:5px;background:#1a222b;overflow:hidden;margin-top:6px}.snq-meterbar i{display:block;height:100%;background:linear-gradient(90deg,#3ccf91,#e0bd4c,#ef4444);width:0}
.snq-mixer-host{height:100%;overflow:auto}
.snq-empty{height:100%;display:grid;place-items:center;color:#5f6a76;font-size:12px}

/* ── Mixer Mode: expand bottom panel for full console ── */
.snq-v2.snq-mixer-mode{grid-template-rows:44px 58px 1fr 430px}
.snq-v2.snq-mixer-mode .snq-mixer-host{overflow:auto;height:100%}

@media(max-width:900px){.snq-v2{grid-template-rows:44px 58px 1fr 260px}.snq-arrange{grid-template-columns:150px 1fr}.snq-bottom{grid-template-columns:1fr}.snq-browser,.snq-inspector{display:none}.snq-project-meta{display:none}}