#signalsInstrument .scope-tools { gap:8px 14px; flex-wrap:wrap; }
#signalsInstrument .scope-tools>label { margin:0; }
#signalsInstrument .scope-settings { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; }
#signalsInstrument .scope-window { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 10px; width:180px; }
#signalsInstrument .scope-window input { grid-column:1 / -1; }
#scopeWindowValue { text-align:right; font:600 10px/1.3 var(--mono,monospace); color:#334e6a; font-variant-numeric:tabular-nums; }
#signalsInstrument input[type=range] { width:100%; margin:2px 0; min-height:16px; padding:0; cursor:pointer; accent-color:#35688e; }
#signalsInstrument .scope-area, #signalsInstrument .scope-area canvas { background:var(--scope-background,#101c2e); color:var(--scope-text,#adc1d6); }
#signalsInstrument #channelLabels select { background:var(--scope-select,#1a2d43); border:1px solid var(--scope-border,#35485d); color:var(--channel); }
#signalsInstrument[data-scope-theme=dark] #channelLabels select { color-scheme:dark; }
#signalsInstrument [data-channel="0"] { --channel:var(--ch0); } #signalsInstrument [data-channel="1"] { --channel:var(--ch1); }
#signalsInstrument [data-channel="2"] { --channel:var(--ch2); } #signalsInstrument [data-channel="3"] { --channel:var(--ch3); }
#signalsInstrument [data-channel="4"] { --channel:var(--ch4); } #signalsInstrument [data-channel="5"] { --channel:var(--ch5); }
#signalsInstrument .scope-readout { background:var(--scope-background,#101c2e); color:var(--scope-text,#adc1d6); border-color:var(--scope-border,#35485d); }
#signalsInstrument #gpioClockNote { color:var(--scope-text,#adc1d6); }
#scopePositionField { padding:5px 12px; align-items:center; gap:12px; font-size:11px; color:#3b536d; }
#scopePositionField:not([hidden]) { display:flex; }
#scopePositionField span { white-space:nowrap; }
#logicPanel { padding:clamp(6px,1vw,14px); }
#logicPanel .thread-signals-context { border-radius:6px; margin-bottom:8px; background:#f1f5f9; color:#3b536d; }
#logicPanel .instruments { box-shadow:none; }
#logicPanel :is(.triggerbar,.pin-legend) { flex-wrap:wrap; }
@media (max-width:530px) {
  #logicPanel .pins { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #signalsInstrument .scope-window { width:155px; }
}

#signalsInstrument[data-scope-detached=true] { width:100%; min-width:0; container-type:inline-size; }
#signalsInstrument[data-scope-detached=true] .scope-area {
  height:clamp(245px,40vh,520px);
}
#signalsInstrument[data-scope-detached=true] #scope { height:100%; }
#signalsInstrument[data-scope-detached=true] #channelLabels {
  display:grid; grid-template-rows:repeat(6,minmax(0,1fr)); align-items:start;
  padding-block:20px 9px;
}
#signalsInstrument[data-scope-detached=true] #channelLabels select { margin-block:0; }
#signalsInstrument[data-scope-detached=true] :is(.triggerbar,.pin-legend) { flex-wrap:wrap; }
@container (max-width:520px) {
  #signalsInstrument[data-scope-detached=true] .pins { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #signalsInstrument[data-scope-detached=true] .scope-window { width:150px; }
}