.sbx{--sbx-gap:18px;font-family:var(--rh-mono);color:var(--rh-text);margin-top:8px}.sbx-head{margin-bottom:20px}.sbx-title{font-family:var(--rh-serif);font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.05;color:var(--rh-text);margin:0 0 8px}.sbx-lede{color:var(--rh-dim);font-size:14px;max-width:60ch;line-height:1.5}.sbx-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;grid-gap:var(--sbx-gap);gap:var(--sbx-gap);align-items:start}@media (max-width:1040px){.sbx-grid{grid-template-columns:1fr}}.sbx-panel{border:1px solid var(--rh-line-strong);background:var(--rh-bg-2);padding:16px}.sbx-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--rh-faint);margin:0 0 12px}.sbx-group{margin-bottom:20px}.sbx-opt{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border:1px solid transparent;cursor:pointer;border-radius:2px;transition:background .12s,border-color .12s}.sbx-opt:hover{background:var(--rh-bg-3)}.sbx-opt.on{border-color:rgba(124,213,232,.4);background:rgba(124,213,232,.06)}.sbx-opt input{margin-top:3px;accent-color:var(--rh-cyan)}.sbx-opt-label{font-size:12.5px;color:var(--rh-text)}.sbx-opt-blurb{font-size:11px;color:var(--rh-faint);line-height:1.35}.sbx-scenario,.sbx-select{width:100%;background:var(--rh-bg-3);color:var(--rh-text);border:1px solid var(--rh-line-strong);padding:8px;font-family:var(--rh-mono);font-size:12px;border-radius:2px}.sbx-controls{display:flex;gap:8px;flex-wrap:wrap}.sbx-btn{font-family:var(--rh-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--rh-line-strong);background:transparent;color:var(--rh-text);cursor:pointer;border-radius:0;transition:all .12s}.sbx-btn:hover{border-color:var(--rh-accent);color:var(--rh-accent)}.sbx-btn.primary{background:var(--rh-accent);color:#07070b;border-color:var(--rh-accent)}.sbx-btn.primary:hover{filter:brightness(1.1);color:#07070b}.sbx-btn:disabled{opacity:.4;cursor:not-allowed}.sbx-controls-top{justify-content:center;margin-bottom:var(--sbx-gap);padding:14px;border:1px solid var(--rh-line-strong);background:var(--rh-bg-2)}.sbx-stage{display:flex;flex-direction:column;gap:var(--sbx-gap)}.sbx-wires{position:relative}.sbx-node{border:1px solid var(--rh-line-strong);background:var(--rh-bg-3);padding:10px 12px;border-radius:2px;transition:all .2s}.sbx-node-lane{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sbx-node .n-label{font-size:11px;letter-spacing:.06em}.sbx-node .n-sub{font-size:10px;color:var(--rh-faint)}.sbx-node.active{border-color:var(--rh-cyan);background:rgba(124,213,232,.1);box-shadow:0 0 0 1px rgba(124,213,232,.3),0 0 22px rgba(124,213,232,.14)}.sbx-node.fired{border-color:var(--rh-green)}.sbx-node.err{border-color:var(--rh-red);background:hsla(0,100%,72%,.08)}.sbx-node.brain{border-color:var(--rh-accent)}.sbx-tool-rack-live{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sbx-tool-chip{font-size:10.5px;padding:6px 9px;border:1px solid var(--rh-line);color:var(--rh-dim);border-radius:2px;transition:all .2s;white-space:nowrap}.sbx-tool-chip.active{border-color:var(--rh-cyan);color:var(--rh-cyan);background:rgba(124,213,232,.08)}.sbx-tool-chip.used{border-color:var(--rh-green);color:var(--rh-green)}.sbx-wire-arrow{color:var(--rh-faint);font-size:14px}.sbx-detail{border:1px solid var(--rh-line-strong);background:var(--rh-bg);padding:12px;font-size:12px;min-height:92px}.sbx-detail .d-kind{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.sbx-detail pre{margin:6px 0 0;font-size:11px;color:var(--rh-cyan);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow:auto}.k-thought{color:var(--rh-dim)}.k-action{color:var(--rh-cyan)}.k-observation{color:var(--rh-green)}.k-guardrail{color:var(--rh-amber)}.k-answer{color:var(--rh-text)}.sbx-cal{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.sbx-cell{border:1px solid var(--rh-line);padding:10px 8px;text-align:center;font-size:11px;color:var(--rh-dim);border-radius:2px;transition:all .25s}.sbx-cell.booked{border-color:var(--rh-line-strong);color:var(--rh-faint);background:repeating-linear-gradient(45deg,transparent,transparent 4px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 8px)}.sbx-cell.justbooked{border-color:var(--rh-green);color:var(--rh-green);background:rgba(126,231,135,.1)}.sbx-wave{display:flex;align-items:flex-end;gap:3px;height:26px}.sbx-wave span{width:3px;background:var(--rh-cyan);opacity:.8;animation:sbxwave .9s ease-in-out infinite}@keyframes sbxwave{0%,to{height:5px}50%{height:24px}}.sbx-trace{max-height:560px;overflow:auto}.sbx-step{display:flex;gap:8px;padding:8px;border-left:2px solid transparent;cursor:pointer;font-size:11.5px;line-height:1.4;opacity:.5;transition:all .15s}.sbx-step.seen{opacity:1}.sbx-step.current{border-left-color:var(--rh-cyan);background:var(--rh-bg-3)}.sbx-step .s-badge{flex:none;width:74px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding-top:1px}.sbx-outcome{margin-top:12px;padding:10px 12px;border:1px solid var(--rh-line-strong);font-size:12px;text-align:center;letter-spacing:.08em;text-transform:uppercase}.sbx-outcome.booked{border-color:var(--rh-green);color:var(--rh-green)}.sbx-outcome.refused{border-color:var(--rh-amber);color:var(--rh-amber)}.sbx-outcome.escalated{border-color:var(--rh-cyan);color:var(--rh-cyan)}.sbx-outcome.degraded{border-color:var(--rh-red);color:var(--rh-red)}