.tb{margin:1.5rem 0 2rem}.tb-loading{text-align:center;color:var(--text2);border:1px solid var(--border);background:var(--bg2);border-radius:3px;padding:3rem 1rem}.tb-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;display:flex}.tb-bar select,.tb-bar input,.tb-bar button{background:var(--bg2);border:1px solid var(--border);color:inherit;border-radius:2px;padding:.45rem .6rem;font-family:inherit;font-size:.88rem}.tb-title{flex:1;min-width:180px}.tb-bar button{cursor:pointer;font-family:var(--font-display);color:var(--accent);white-space:nowrap}.tb-bar button:hover{border-color:var(--accent)}.tb-tools{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.6rem;display:flex}.tb-tool{background:var(--bg2);border:1px solid var(--border);color:inherit;cursor:pointer;border-left-width:3px;border-radius:2px;padding:.35rem .55rem;font-size:.8rem}.tb-tool:hover{background:#ffffff0a}.tb-tool-on{box-shadow:inset 0 -2px 0 var(--accent);background:#ffffff12}.tb-hint{color:var(--text2);margin-left:.3rem;font-size:.78rem}.tb-canvas{aspect-ratio:1;background:var(--bg2);border:1px solid var(--border);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:3px;width:100%;max-width:760px;display:block}.tb-marker{cursor:grab}.tb-marker:active{cursor:grabbing}.tb-glyph{font-family:var(--font-display);fill:#111;text-anchor:middle;pointer-events:none;font-size:20px}.tb-marker text{font-family:var(--font-display);text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:4px;font-size:22px}.tb-arrow{cursor:pointer}.tb-arrow line{stroke:var(--accent);stroke-width:5px}.tb-arrow circle{fill:var(--accent)}.tb-pending{fill:none;stroke:var(--accent);stroke-width:3px;stroke-dasharray:5 4}.tb-note{color:var(--text2);margin-top:.7rem;font-size:.82rem;line-height:1.6}