/* The Studio as Bench — Phase 1 furniture (2026-10-31).
   A real stylesheet, same-origin (style-src 'self'), on the
   bundle-08 precedent: the page's inline style blocks stay
   byte-identical, so no CSP token moves. Every rule here is
   scoped to bench/specimen/tool-wall classes that exist only
   on the Studio page. */

/* ——— the specimen strip: the record under examination ——— */
#sp-panel{ display:grid; grid-template-columns:1fr auto; column-gap:14px;
  align-items:start; margin-top:18px; }
#sp-panel .st-ptitle{ grid-column:1; }
#sp-panel .st-pcred{ grid-column:1; }
#sp-panel .st-pnote{ grid-column:1 / -1; }
#sp-panel .st-prow{ grid-column:2; grid-row:1 / 3; margin-top:2px; }

/* ——— the bench: one framed instrument ——— */
.st-bench{ margin-top:22px; border:1px solid var(--kx-card-edge);
  border-radius:var(--kx-card-radius); background:var(--kx-card-bg);
  padding:16px; }
.st-bench-selectors{ display:flex; flex-wrap:wrap; gap:10px; }
.st-bench-selectors .kxdd{ flex:1 1 210px; }
.st-bench-selectors [hidden]{ display:none !important; }
.st-bench .st-stage-frame{ margin-top:14px; }
.st-bench-readouts{ margin-top:16px; }

/* heat note + legend (the legend labels are the study's flagged
   micro-copy: "Activity (est.)" / "Low · High", no values) */
.st-heat .st-hint{ margin:0; }
.st-legend{ display:flex; align-items:center; gap:10px; margin-top:9px;
  font-family:var(--mono); font-size:11px; letter-spacing:.1em;
  color:var(--dk-faint); }
.st-legend-bar{ flex:1 1 auto; height:8px; border-radius:999px;
  background-image:linear-gradient(90deg, rgba(255,41,16,.04), rgba(255,41,16,.55), #ff2910); }

/* layers: the KXDD source stays in the DOM as the single state
   source (its panel buttons keep their handlers); the bench
   shows its own visible switch rail mirroring that state */
.st-layer-source{ display:none !important; }
.st-layers{ margin-top:18px; }
.st-layers-head{ display:flex; align-items:baseline; gap:12px; margin:0;
  font-family:var(--mono); font-size:11px; letter-spacing:.14em;
  color:var(--dk-faint); }
.st-layers-head span:first-child{ color:var(--dk-dim); }
.st-layer-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:9px; }
.st-layer-chip{ appearance:none; -webkit-appearance:none; margin:0;
  cursor:pointer; min-height:48px; padding:10px 15px; border-radius:999px;
  border:1px solid rgba(239,103,77,.24); background:transparent;
  color:var(--dk-txt); font-family:var(--mono); font-size:11.5px;
  letter-spacing:.12em; }
.st-layer-chip[aria-pressed="true"]{ background:var(--coral);
  border-color:var(--coral); color:#141311; font-weight:700; }
.st-layer-chip:focus-visible{ outline:2px solid var(--coral); outline-offset:2px; }

/* the counts-of-8 ruler: three phrases of eight, read from the
   driver's own playback state at draw time by the bench script */
.st-ruler{ margin-top:18px; }
.st-ruler-head{ display:flex; align-items:baseline; flex-wrap:wrap;
  gap:8px 14px; margin:0; font-family:var(--mono); font-size:11px;
  letter-spacing:.14em; color:var(--dk-faint); }
.st-ruler-head span:first-child{ color:var(--dk-dim); }
.st-ruler-state{ margin-left:auto; color:var(--dk-coral-soft); }
.st-ruler-phrases{ display:grid; grid-template-columns:1fr; gap:10px;
  margin-top:9px; }
@media (min-width:760px){ .st-ruler-phrases{ grid-template-columns:repeat(3, 1fr); } }
.st-ruler-cells{ display:flex; gap:2px; }
.st-ruler-cell{ flex:1 1 0; text-align:center; padding:7px 0;
  font-family:var(--mono); font-size:11px; line-height:1.2;
  color:var(--dk-faint); border:1px solid rgba(242,240,234,.14);
  border-radius:6px; }
.st-ruler-cell.is-now{ background:var(--coral); border-color:var(--coral);
  color:#141311; font-weight:700; }
.st-ruler-plabel{ font-family:var(--mono); font-size:10px;
  letter-spacing:.14em; color:var(--dk-faint); text-align:center;
  margin:5px 0 0; }

/* ——— the tool wall: three labeled benches ——— */
.st-tools{ margin-top:56px; }
.st-toolgroup{ margin-top:16px; border:1px solid var(--kx-card-edge);
  border-radius:var(--kx-card-radius); background:var(--kx-card-bg);
  padding:16px; }
.st-toolgroup:first-child{ margin-top:26px; }
.st-toolhead{ font-family:"Bebas Neue",sans-serif; font-weight:400;
  font-synthesis:none; font-size:21px; letter-spacing:.05em;
  line-height:1.1; color:var(--dk-txt); margin:0; }
.st-toolgroup .st-ddgrid{ margin-top:14px; }
.st-tools .st-facts{ margin-top:16px; }

/* ——— delivery presentation: the ruler and the heat read are
   bench readouts; they leave with the rest in Delivery and
   return in Working (bundle-10's class drives this) ——— */
body.kx-deliv .st-ruler{ display:none; }
body.kx-deliv .st-heat{ display:none; }