.scheduler-nav { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; padding-right:clamp(12px,2vw,26px); }
.scheduler-nav .thread-controls-launch { display:inline-flex; align-items:center; gap:7px; margin:11px 0 0 clamp(12px,2vw,26px); padding:7px 12px; border:1px solid #bacbde; border-radius:6px; color:#1c4267; background:#edf3fa; font-size:12px; }
.thread-controls-launch svg { width:15px; height:15px; }
.thread-controls-launch[aria-expanded=true] { background:#dce9f6; border-color:#86a4c2; }
.thread-controls-panel { box-sizing:border-box; position:fixed; z-index:35; inset:auto 18px 16px auto; display:flex; flex-direction:column; width:min(342px,calc(100vw - 14px)); max-height:min(530px,72dvh); min-width:0; overflow:hidden; border:1px solid #b4c5d7; border-radius:10px; box-shadow:0 7px 34px #0e254634,0 1px 3px #132c4917; color:#173149; background:white; }
.tc-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:10px; padding:5px 7px 5px 13px; background:#1d3855; color:#fff; }
.tc-head .tc-handle,.tc-head .tc-dismiss { display:flex; align-items:center; padding:5px; min-height:32px; border:0; box-shadow:none; background:transparent; color:inherit; }
.tc-head .tc-handle { flex:1; gap:10px; cursor:grab; touch-action:none; text-align:left; font:600 14px/1.3 var(--sans, sans-serif); }
.tc-head .tc-handle:active { cursor:grabbing; }
.tc-grip { width:8px; height:16px; flex:none; background:radial-gradient(circle,#adbed1 1px,transparent 1.25px) 0 0 / 4px 5px; }
.tc-head .tc-dismiss { width:30px; justify-content:center; font:23px/1 sans-serif; }
.tc-head .tc-dismiss:hover,.tc-head button:focus-visible { background:#34526e; color:white; outline-color:#b0d7ff; }
.tc-project { display:flex; flex:none; gap:8px; align-items:center; justify-content:space-between; padding:9px 13px; border-bottom:1px solid #dce5ee; background:#f3f6f9; }
.tc-project-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#465c71; font-size:12px; }
.tc-cpu { display:inline-flex; flex:none; align-items:center; gap:5px; color:#536779; font:11px/1.4 var(--sans,sans-serif); }
.tc-cpu::before { content:""; width:6px; height:6px; border-radius:50%; background:#8092a5; }
.tc-cpu.tc-running::before { background:#246b9d; }
.tc-body { overflow:auto; overscroll-behavior:contain; padding-inline:12px; }
.tc-row { display:grid; grid-template-columns:minmax(85px,1fr) minmax(0,1.35fr); align-items:center; gap:8px; padding:6px 0; min-height:35px; }
.tc-row + .tc-row { border-top:1px solid #e1e8ee; }
.tc-label { display:flex; flex-direction:column; gap:3px; align-items:flex-start; }
.tc-name { color:#213b52; font:600 12px/1.35 var(--sans,sans-serif); overflow-wrap:anywhere; }
.tc-pins { color:#536e84; background:transparent; font:10px/1.4 var(--mono,monospace); overflow-wrap:anywhere; }
.tc-empty { padding:14px; margin:0; color:#49647a; font-size:13px; }
.thread-controls-panel .ml-board-face { min-width:0; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:3px; }
.thread-controls-panel .ml-board-face .ml-instrument { width:auto; height:auto; min-width:0; flex-direction:row; justify-content:flex-end; background:transparent; border:0; padding:0; margin:0; gap:2px; }
.thread-controls-panel .ml-board-face .ml-art { display:grid; place-items:center; width:31px; height:31px; grid-template-rows:31px; }
.thread-controls-panel .ml-board-face .ml-art-lcd,.thread-controls-panel .ml-board-face .ml-art-bar,.thread-controls-panel .ml-board-face .ml-art-digit { width:auto; }
.thread-controls-panel .ml-board-face .ml-live-value { padding:0 3px; font:10px/1.35 var(--mono,monospace); background:transparent; color:#4d647a; }
.thread-controls-panel .ml-board-face .ml-controls { margin:0; flex-wrap:wrap; justify-content:flex-end; }
.thread-controls-panel .ml-board-face .ml-actuator { min-height:32px; padding:4px 8px; background:#f2f6fb; border:1px solid #b8c9da; color:#204364; font:600 12px/1.25 var(--sans,sans-serif); }
.thread-controls-panel .ml-board-face .ml-actuator:is([aria-checked=true],[aria-pressed=true]) { color:white; background:#244d72; border-color:#244d72; }
.tc-row[data-type=button] .ml-board-face .ml-controls { order:-1; }
.tc-row[data-type=button] .ml-board-face .ml-actuator { display:flex; align-items:center; gap:2px; padding:2px 7px 2px 3px; touch-action:none; }
.tc-row[data-type=mpu6050],.tc-row[data-type=st7789],.tc-row[data-type=lcd],.tc-row[data-type=dip] { grid-template-columns:1fr; }
.tc-row:is([data-type=mpu6050],[data-type=st7789],[data-type=lcd],[data-type=dip]) .tc-label { flex-direction:row; align-items:baseline; justify-content:space-between; }
.thread-controls-panel .ml-board-face .ml-bus .ml-art { width:auto; height:auto; display:flex; }
.thread-controls-panel .ml-board-face .ml-bus .ml-art>div,.thread-controls-panel .ml-board-face .ml-art-lcd>div { transform:none; }
.thread-controls-panel .ml-board-face .ml-bus { justify-content:center; }
.tc-row[data-type=st7789] .ml-tft-pcb { width:124px; }
.thread-controls-panel .ml-board-face .ml-art-lcd { width:160px; }
@media (max-width:600px) {
  .thread-controls-panel { right:7px; bottom:7px; width:min(342px,calc(100vw - 14px)); max-height:54dvh; }
}