/* Wave 1 tool UI — reuses theme .field/.btn tokens, mobile-first. */
#tool-interactive { margin-bottom: 1rem; }
.tb-field { display: grid; gap: .35rem; margin: 0 0 .75rem; font-weight: 700; }
.tb-label { font-size: .85rem; }
.tb-out { display: block; background: var(--tb-card, #f6f7f9); border: 2px solid currentColor; border-radius: .75rem; padding: .7rem .9rem; font-weight: 800; margin: .5rem 0; overflow-wrap: anywhere; }
.dark .tb-out { background: rgba(255,255,255,.06); }
.tb-code { font-family: ui-monospace, monospace; font-size: .8rem; font-weight: 400; }
.tb-area { width: 100%; min-height: 4rem; resize: vertical; }
.tb-row { display: flex; gap: .5rem; flex-wrap: wrap; margin: .5rem 0 .75rem; }
.tb-hint { font-size: .85rem; opacity: .75; margin: -.25rem 0 .75rem; }