.tsb{border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);font-size:var(--sl-text-sm);--tsb-a:#2563eb;--tsb-b:#ea580c;margin-block:1.5rem;padding:1rem}.tsb button{font:inherit;cursor:pointer}.tsb button:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.tsb button:disabled{cursor:not-allowed;opacity:.45}.tsb__controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tsb__seg{border:1px solid var(--dbc-border-strong);border-radius:.5rem;flex-wrap:wrap;display:inline-flex;overflow:hidden}.tsb__seg button{color:var(--sl-color-gray-3);background:0 0;border:0;padding:.35rem .75rem}.tsb__seg button[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);border-color:var(--sl-color-accent);font-weight:600}.tsb__toggle{border:1px solid var(--dbc-border-strong);color:var(--sl-color-gray-2);background:0 0;border-radius:.5rem;padding:.35rem .8rem}.tsb__toggle[aria-pressed=true]{border-color:var(--dbc-gain);color:var(--dbc-gain);font-weight:600}.tsb__shared{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tsb-cell{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);flex:6.5rem;padding:.4rem .7rem}.tsb-cell__label{font-size:var(--sl-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-gray-4);font-weight:700;display:block}.tsb-cell b{color:var(--sl-color-white);font-variant-numeric:tabular-nums;font-size:1.2rem}.tsb-cell--bad{border-color:var(--dbc-cost)}.tsb-cell--bad b{color:var(--dbc-cost)}.tsb-cell--held-a{border-color:var(--tsb-a)}.tsb-cell--held-b{border-color:var(--tsb-b)}.tsb-cell--held-a b,.tsb-cell--held-b b{font-size:1rem}.tsb__graph{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);margin-top:.75rem;padding:.5rem}.tsb__graph svg{width:100%;max-width:26rem;height:auto;margin-inline:auto;display:block}.tsb-edge{stroke:var(--dbc-border-strong);stroke-width:1.5px;stroke-dasharray:2 4;opacity:.6}.tsb-edge--holds{stroke:var(--sl-color-gray-2);stroke-width:3px;stroke-dasharray:none;opacity:1}.tsb-edge--wants{stroke:var(--sl-color-gray-2);stroke-width:3px;stroke-dasharray:7 5;opacity:1}.tsb-edge--cycle{stroke:var(--dbc-cost)}.tsb-node rect{fill:var(--dbc-surface);stroke:var(--dbc-border-strong);stroke-width:1.5px}.tsb-node text{fill:var(--sl-color-white);text-anchor:middle;font-size:12px;font-weight:600}.tsb-node--a rect{stroke:var(--tsb-a);stroke-width:2px}.tsb-node--b rect{stroke:var(--tsb-b);stroke-width:2px}.tsb__graph-key{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);justify-content:center;gap:1rem;margin:.25rem 0 0;display:flex}.tsb__k{vertical-align:middle;border-top:3px solid var(--sl-color-gray-2);width:22px;margin-right:.35rem;display:inline-block}.tsb__k--wants{border-top-style:dashed}.tsb__threads{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.tsb__thread{border:1px solid var(--dbc-border-strong);border-top:3px solid var(--tsb-a);border-radius:var(--dbc-radius);background:var(--sl-color-black);min-width:0;padding:.5rem .6rem}.tsb__thread--b{border-top-color:var(--tsb-b)}.tsb__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.tsb__name{color:var(--sl-color-white);font-weight:700}.tsb__step{border:1px solid var(--tsb-a);background:var(--tsb-a);color:#fff;border-radius:.5rem;padding:.3rem .8rem;font-weight:600}.tsb__thread--b .tsb__step{border-color:var(--tsb-b);background:var(--tsb-b)}.tsb__code{counter-reset:tsb-line;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);margin:.5rem 0 0;padding:0;list-style:none}.tsb-line{color:var(--sl-color-gray-3);overflow-wrap:anywhere;counter-increment:tsb-line;border-radius:.3rem;margin:0;padding:.2rem .4rem .2rem 1.6rem;position:relative}.tsb-line:before{content:counter(tsb-line);color:var(--sl-color-gray-5);position:absolute;left:.4rem}.tsb-line--done{color:var(--sl-color-gray-4);text-decoration:line-through;text-decoration-color:var(--sl-color-gray-5)}.tsb-line--next{background:var(--sl-color-gray-6);color:var(--sl-color-white);font-weight:600}.tsb-line--next:before{content:"▶";color:var(--sl-color-accent)}.tsb-line--blocked{outline:1px dashed var(--dbc-cost)}.tsb__status{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.4rem 0 0}.tsb-status--blocked{color:var(--dbc-cost)}.tsb__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.tsb__trace{flex-wrap:wrap;flex:100%;gap:.25rem;min-height:1.6rem;display:flex}.tsb-chip{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:#fff;border-radius:.3rem;padding:.1rem .45rem;font-weight:600}.tsb-chip--a{background:var(--tsb-a)}.tsb-chip--b{background:var(--tsb-b)}.tsb-chip--wait,.tsb-chip--retry{opacity:.6}.tsb__actions{order:-1;gap:.5rem;display:flex}.tsb__primary{border:1px solid var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-black);border-radius:.5rem;padding:.35rem .9rem;font-weight:600}.tsb__ghost{border:1px solid var(--dbc-border-strong);color:var(--sl-color-gray-2);background:0 0;border-radius:.5rem;padding:.35rem .9rem}.tsb__log{color:var(--sl-color-gray-2);margin:.75rem 0 0}.tsb-log--bad{color:var(--dbc-cost)}.tsb-log--good{color:var(--dbc-gain)}@media (width<=30rem){.tsb__threads{grid-template-columns:1fr}}
