/* /ai-token-counter only: the token-piece visualiser. Scoped under #tokApp. */
#tokApp .tok-vis { font-family: var(--xt-mono); font-size: .84rem; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; padding: 10px; border: 1px solid var(--bm-line); border-radius: 12px; background: var(--bm-bg); max-height: 360px; overflow: auto; }
#tokApp .tok-vis span { border-radius: 4px; padding: 1px 0; }
#tokApp .tok-vis span:nth-child(odd) { background: var(--bm-accent-soft); }
#tokApp .tok-vis span:nth-child(even) { background: var(--bm-line-2); }
#tokApp .tok-vis sub { font-size: .66rem; color: var(--bm-ink-3); margin-left: 1px; }
@media (forced-colors: active) { #tokApp .tok-vis span { border: 1px solid CanvasText; } }