/* AI Product & Automation · inspector — SIGNATURE. A/B RAG inspector on ink: question tabs on the left, two
   pipelines side by side with stage rows aligned through subgrid, eval meters with release thresholds.
   Play states (.is-play + .s-ret/.s-rr/.s-ans/.s-ev) are added by inspector.js only; the markup is final. */
.tap-inspector{overflow:hidden;isolation:isolate}
.tap-inspector__grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--on-ink-card) 1px,transparent 1px),linear-gradient(90deg,var(--on-ink-card) 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,transparent 80%)}

.tap-ins{border-radius:var(--r-xl)}
.tap-ins__bar{flex-wrap:wrap;row-gap:6px;padding-block:6px}
.tap-ins__sw{min-height:36px;font-size:var(--t-xs)}
.tap-ins__sw .bdh-switch__track{width:32px;height:18px}
.tap-ins__sw .bdh-switch__track::after{width:14px;height:14px}
.tap-ins__body{display:grid;grid-template-columns:minmax(0,272px) minmax(0,1fr);min-width:0}

/* ---- questions ---- */
.tap-ins__side{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px 18px;border-right:1px solid var(--on-ink-line)}
.tap-ins__lbl{padding-inline:6px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-3)}
.tap-ins__qs{display:flex;flex-direction:column;gap:4px}
.tap-ins__qb{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:baseline;width:100%;padding:12px 12px 12px 10px;border-radius:var(--r-sm);text-align:left;color:var(--on-ink-2);
  transition:background var(--d1) var(--e-io),color var(--d1) var(--e-io)}
.tap-ins__qb::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:1px;background:var(--blue);transform:scaleY(0);transition:transform var(--d2) var(--e)}
.tap-ins__qb:hover{background:var(--on-ink-card);color:var(--on-ink)}
.tap-ins__qb[aria-selected="true"]{background:var(--on-ink-card);color:var(--on-ink)}
.tap-ins__qb[aria-selected="true"]::before{transform:none}
.tap-ins__qn{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.06em;color:var(--on-ink-3)}
.tap-ins__qb[aria-selected="true"] .tap-ins__qn{color:var(--blue)}
.tap-ins__qt{font-size:var(--t-sm);font-weight:500;line-height:1.4}
.tap-ins__qm{grid-column:2;font-family:var(--f);font-size:10px;letter-spacing:.02em;color:var(--on-ink-3);line-height:1.3}
.tap-ins__legend{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:16px 6px 0;border-top:1px solid var(--on-ink-line)}
.tap-ins__legend>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:baseline}
.tap-ins__legend dt{font-size:var(--t-xs);color:var(--on-ink)}
.tap-ins__legend dd{font-size:var(--t-xs);line-height:1.45;color:var(--on-ink-3)}

/* ---- panes + columns ---- */
.tap-ins__panes{min-width:0;padding:22px clamp(16px,2vw,26px) 26px}
.tap-ins__ask{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:18px;font-family:var(--f-h);font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:500;letter-spacing:-.012em;line-height:1.3;color:var(--on-ink)}
.tap-ins__ask span{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.tap-ins__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto);column-gap:clamp(12px,1.4vw,18px)}
.tap-ins__col{grid-row:1 / span 6;display:grid;grid-template-rows:subgrid;min-width:0;border:1px solid var(--on-ink-line);border-radius:var(--r-lg);background:var(--ink);overflow:hidden}
.tap-ins__col--base,.tap-ins__col--bare{grid-column:1}
.tap-ins__col--tuned{grid-column:2;border-color:var(--blue-line)}
.tap-ins__col--bare{display:none}
.tap-ins.is-bare .tap-ins__col--base{display:none}
.tap-ins.is-bare .tap-ins__col--bare{display:grid}

.tap-ins__ch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:10px;padding:14px 16px;border-bottom:1px solid var(--on-ink-line)}
.tap-ins__cn{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--on-ink-3);font-family:var(--f);font-size:var(--t-lbl);font-weight:600;color:var(--on-ink)}
.tap-ins__col--tuned .tap-ins__cn{background:var(--blue);box-shadow:none}
.tap-ins__ct{font-family:var(--f-h);font-size:1.08rem;font-weight:500;letter-spacing:-.01em;line-height:1.2;color:var(--on-ink)}
.tap-ins__cfg{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:5px}
.tap-ins__cfg li{padding:3px 8px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--on-ink-line);font-family:var(--f);font-size:10px;letter-spacing:.01em;line-height:1.35;color:var(--on-ink-2)}
.tap-ins__col--tuned .tap-ins__cfg li{box-shadow:inset 0 0 0 1px var(--blue-line);color:var(--on-ink)}

/* stages */
.tap-ins__st{min-width:0;border-bottom:1px solid var(--on-ink-line)}
.tap-ins__sh{font:inherit;letter-spacing:0}
.tap-ins__sbtn{display:grid;grid-template-columns:auto auto minmax(0,1fr) 12px;align-items:center;gap:10px;width:100%;min-height:42px;padding:6px 16px;text-align:left;color:var(--on-ink);transition:background var(--d1) var(--e-io)}
.tap-ins__sbtn:hover{background:var(--on-ink-card)}
.tap-ins__sbtn b{font-family:var(--f);font-size:10px;font-weight:500;color:var(--on-ink-3)}
.tap-ins__sn{font-size:var(--t-xs);font-weight:600;letter-spacing:.01em}
.tap-ins__ss{min-width:0;justify-self:end;font-family:var(--f);font-size:10px;color:var(--on-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tap-ins__sbtn i{width:7px;height:7px;border-right:1.5px solid var(--on-ink-3);border-bottom:1.5px solid var(--on-ink-3);transform:translateY(-2px) rotate(45deg);transition:transform var(--d2) var(--e)}
.tap-ins__sbtn[aria-expanded="false"] i{transform:rotate(-45deg)}
.tap-ins__sb{padding:0 16px 14px}
.tap-ins__sb[hidden]{display:none}

.tap-ins__q{display:flex;gap:10px;font-size:var(--t-xs);line-height:1.5;color:var(--on-ink)}
.tap-ins__q span,.tap-ins__filt span{flex:none;min-width:52px;font-family:var(--f);font-size:10px;letter-spacing:.04em;color:var(--on-ink-3);line-height:1.8}
.tap-ins__col--tuned .tap-ins__q{font-family:var(--f);font-size:11px}
.tap-ins__col--tuned .tap-ins__q span{color:var(--blue)}
.tap-ins__filt{display:flex;gap:10px;margin-top:6px;font-family:var(--f);font-size:11px;line-height:1.5;color:var(--on-ink-2)}
.tap-ins__none,.tap-ins__note{margin-top:6px;font-size:var(--t-xs);line-height:1.55;color:var(--on-ink-3)}
.tap-ins__note{margin-top:10px}

/* chunks */
.tap-ins__chunks{display:flex;flex-direction:column;gap:6px}
.tap-ins__chunk{display:grid;grid-template-columns:18px minmax(0,1fr) 64px;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;padding:7px 10px 8px 8px;border-radius:var(--r-xs);background:var(--on-ink-card);box-shadow:inset 0 0 0 1px var(--on-ink-line)}
.tap-ins__rank{grid-row:1 / span 2;align-self:start;margin-top:1px;font-family:var(--f);font-size:10px;font-weight:600;color:var(--on-ink-3);text-align:center}
.tap-ins__doc{display:flex;align-items:baseline;gap:4px 8px;min-width:0;white-space:nowrap;overflow:hidden}
.tap-ins__doc b{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--f);font-size:10.5px;font-weight:500;color:var(--on-ink)}
.tap-ins__doc span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;color:var(--on-ink-3)}
.tap-ins__tag,.tap-ins__from{flex:none;padding:1px 6px;border-radius:var(--r-pill);font-family:var(--f);font-size:9px;font-style:normal;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;box-shadow:inset 0 0 0 1px var(--on-ink-3);color:var(--on-ink-2)}
.tap-ins__from{box-shadow:inset 0 0 0 1px var(--blue-line);color:var(--on-ink-2)}
.tap-ins__sc{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-family:var(--f);font-size:10.5px;font-weight:500;color:var(--on-ink);font-variant-numeric:tabular-nums}
.tap-ins__sc i{position:relative;display:block;width:100%;height:3px;border-radius:2px;background:var(--on-ink-line);overflow:hidden}
.tap-ins__sc i::after{content:"";position:absolute;inset:0;background:var(--on-ink-2);transform-origin:left;transform:scaleX(var(--v));transition:transform .7s var(--e) calc(var(--k) * 80ms)}
.tap-ins__col--tuned .tap-ins__sc i::after{background:var(--blue)}
.tap-ins__snip{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--on-ink-3)}
.tap-ins__chunk.is-old,.tap-ins__chunk.is-cut,.tap-ins__chunk.is-off,.tap-ins__chunk.is-draft{background:transparent;box-shadow:inset 0 0 0 1px var(--on-ink-line)}
.tap-ins__chunk.is-off .tap-ins__doc b,.tap-ins__chunk.is-off .tap-ins__sc{color:var(--on-ink-3)}
.tap-ins__rr .tap-ins__chunk{grid-template-rows:auto;min-height:38px}
.tap-ins__rr .tap-ins__rank{grid-row:1;align-self:center;margin:0;color:var(--blue)}
.tap-ins__rr .tap-ins__sc{grid-row:1}
.tap-ins__chunk.is-drop{opacity:.5}
.tap-ins__chunk.is-drop .tap-ins__rank{color:var(--on-ink-3)}

/* answer */
.tap-ins__ans{font-size:var(--t-sm);line-height:1.75;color:var(--on-ink)}
.tap-ins__ans .w{display:inline-block;transition:opacity .35s var(--e) calc(var(--k) * 24ms),transform .35s var(--e) calc(var(--k) * 24ms)}
.tap-ins__mk{padding:1px 0;background:transparent;color:inherit}
.tap-ins__mk .w:not(.tap-cite):not(.tap-ins__flag){text-decoration:underline wavy var(--on-ink);text-decoration-thickness:1px;text-underline-offset:.3em}
.tap-ins__mk--nis{background:var(--on-ink-card)}
.tap-ins__mk--old .w:not(.tap-cite):not(.tap-ins__flag),.tap-ins__mk--draft .w:not(.tap-cite):not(.tap-ins__flag){text-decoration-style:dashed;text-decoration-color:var(--on-ink-3)}
.tap-ins__legend .tap-ins__mk{text-decoration:underline wavy var(--on-ink);text-decoration-thickness:1px;text-underline-offset:.3em}
.tap-ins__legend .tap-ins__mk--old{text-decoration-style:dashed;text-decoration-color:var(--on-ink-3)}
/* context budget sent to the model */
.tap-ins__tok{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;margin-top:12px}
.tap-ins__tok span{grid-column:1 / -1;font-family:var(--f);font-size:10px;letter-spacing:.04em;color:var(--on-ink-3)}
.tap-ins__tok i{position:relative;display:block;height:6px;border-radius:3px;background:var(--on-ink-line);overflow:hidden}
.tap-ins__tok i::after{content:"";position:absolute;inset:0;border-radius:3px;background:var(--on-ink-2);transform-origin:left;transform:scaleX(var(--v));transition:transform .8s var(--e)}
.tap-ins__col--tuned .tap-ins__tok i::after{background:var(--blue)}
.tap-ins__tok b{font-family:var(--f);font-size:10.5px;font-weight:500;color:var(--on-ink);font-variant-numeric:tabular-nums}
.is-play:not(.s-rr) .tap-ins__tok i::after{transform:scaleX(0)}
.tap-ins__flag{margin-left:6px;padding:0 6px;border-radius:4px;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:9.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.7;vertical-align:.1em;text-decoration:none}
.tap-ins__mk--old .tap-ins__flag,.tap-ins__mk--draft .tap-ins__flag{background:transparent;color:var(--on-ink-2);box-shadow:inset 0 0 0 1px var(--on-ink-3)}
.tap-ins__legend .tap-ins__mk{font-family:var(--f);font-size:10px}
.tap-ins__hand{color:var(--on-ink-2);font-style:italic}
.tap-ins__route{display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;border-radius:var(--r-xs);font-family:var(--f);font-size:10.5px;line-height:1.4;color:var(--on-ink-2);box-shadow:inset 0 0 0 1px var(--on-ink-line)}
.tap-ins__rd{width:8px;height:8px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--on-ink-3)}
.tap-ins__route.is-ok{color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--blue-line)}
.tap-ins__route.is-ok .tap-ins__rd{background:var(--blue);box-shadow:none}
.tap-ins__route.is-hand{color:var(--ink);background:var(--paper);box-shadow:none}
.tap-ins__route.is-hand .tap-ins__rd{box-shadow:inset 0 0 0 1.5px var(--ink)}

/* evals */
.tap-ins__ev{padding:14px 16px 16px}
.tap-ins__evt{margin-bottom:10px;font-family:var(--f);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-3)}
.tap-ins__evg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.tap-ins__col--tuned .tap-meter:not(.is-low) .tap-meter__v{color:var(--on-ink)}

/* ---- notes under the window ---- */
.tap-ins__notes{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:var(--tap-gap);margin-top:clamp(40px,4.4vw,64px)}
.tap-ins__nt{min-width:0;padding-top:20px;border-top:1px solid var(--on-ink-line)}
.tap-ins__ntk{display:flex;align-items:center;gap:10px;font-family:var(--f-h);font-size:1.08rem;font-weight:500;letter-spacing:-.01em;color:var(--on-ink)}
.tap-ins__ntk .xt-ico{color:var(--on-ink)}
.tap-ins__ntd,.tap-ins__ntf{margin-top:12px;font-size:var(--t-sm);line-height:1.65;color:var(--on-ink-2)}
.tap-ins__ntf{font-size:var(--t-xs);color:var(--on-ink-3)}
.tap-ins__defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:14px}
.tap-ins__defs dt{font-family:var(--f);font-size:10.5px;font-weight:500;letter-spacing:.02em;color:var(--on-ink)}
.tap-ins__defs dd{margin-top:3px;font-size:var(--t-xs);line-height:1.5;color:var(--on-ink-2)}

/* ---- play states (JS only) ---- */
.is-play:not(.s-ret) .tap-ins__chunks:not(.tap-ins__rr) .tap-ins__chunk{opacity:0;transform:translateX(-10px)}
.is-play:not(.s-ret) .tap-ins__chunks:not(.tap-ins__rr) .tap-ins__sc i::after{transform:scaleX(0)}
.is-play .tap-ins__chunks:not(.tap-ins__rr) .tap-ins__chunk{transition:opacity .45s var(--e) calc(var(--k) * 90ms),transform .45s var(--e) calc(var(--k) * 90ms)}
.is-play .tap-ins__rr{overflow:hidden;padding-bottom:2px}
.is-play:not(.s-rr) .tap-ins__rr .tap-ins__chunk{transform:translateY(calc(var(--d) * (100% + 6px)));opacity:.35}
.is-play:not(.s-rr) .tap-ins__rr .tap-ins__sc i::after{transform:scaleX(0)}
.is-play .tap-ins__rr .tap-ins__chunk{transition:transform .7s var(--e-io) calc(var(--k) * 60ms),opacity .5s var(--e) calc(var(--k) * 60ms)}
.is-play:not(.s-ans) .tap-ins__ans .w{opacity:0;transform:translateY(4px)}
.is-play:not(.s-ans) .tap-ins__route{opacity:0}
.is-play .tap-ins__route{transition:opacity .4s var(--e) .2s}
.is-play:not(.s-ev) .tap-meter__t i{transform:scaleX(0)}
.is-play:not(.s-ev) .tap-meter__v{opacity:0}
.is-play .tap-meter__v{transition:opacity .4s var(--e) calc(var(--i) * 70ms)}

@media (max-width:1180px){
  .tap-ins__body{grid-template-columns:minmax(0,1fr)}
  .tap-ins__side{border-right:0;border-bottom:1px solid var(--on-ink-line)}
  .tap-ins__qs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .tap-ins__qs::-webkit-scrollbar{display:none}
  .tap-ins__qb{flex:0 0 min(260px,72%)}
  .tap-ins__qb::before{left:12px;right:12px;top:auto;bottom:0;width:auto;height:2px;transform:scaleX(0)}
  .tap-ins__legend{flex-direction:row;flex-wrap:wrap;gap:8px 22px;margin-top:4px}
  .tap-ins__legend>div{grid-template-columns:auto minmax(0,1fr)}
  .tap-ins__notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tap-ins__nt:first-child{grid-column:1 / -1}
}
@media (max-width:760px){
  .tap-ins__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:14px}
  .tap-ins__col{grid-row:auto;grid-column:1;display:block}
  .tap-ins__col--bare{display:none}
  .tap-ins.is-bare .tap-ins__col--bare{display:block}
  .tap-ins__notes{grid-template-columns:minmax(0,1fr)}
  .tap-ins__defs{grid-template-columns:minmax(0,1fr)}
  .tap-ins__panes{padding:18px 12px 20px}
  .tap-ins__side{padding:18px 12px}
  .tap-ins__bar .tap-win__path{white-space:normal}
  .tap-ins__bar .tap-win__end{margin-left:0}
}
@media (max-width:420px){
  .tap-ins__chunk{grid-template-columns:16px minmax(0,1fr) 46px;column-gap:8px}
  .tap-ins__evg{grid-template-columns:minmax(0,1fr)}
  .tap-ins__ss{display:none}
}
@media (prefers-reduced-motion:reduce){
  .tap-ins__qb::before,.tap-ins__sbtn i,.tap-ins__sc i::after{transition:none}
}