.demo-tokenizer{font-family:var(--demo-mono, "JetBrains Mono", ui-monospace, monospace);color:var(--demo-fg, #18181b)}.tk-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.tk-modes{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--demo-border, #e4e4e7);border-radius:10px;background:var(--demo-surface, #fff)}.tk-mode{font:inherit;font-size:12px;cursor:pointer;border:0;background:transparent;color:var(--demo-muted, #71717a);padding:6px 12px;border-radius:7px;transition:.15s}.tk-mode.is-active{background:var(--demo-accent, #6d28d9);color:#fff}.tk-meta{display:inline-flex;align-items:center;gap:12px}.tk-engine{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--demo-border, #e4e4e7);color:var(--demo-muted, #71717a);white-space:nowrap}.tk-engine[data-state=real]{color:#16a34a;border-color:color-mix(in srgb,#16a34a 40%,transparent)}.tk-engine[data-state=real]:before{content:"● "}.tk-engine[data-state=loading]{color:var(--demo-accent, #6d28d9);border-color:color-mix(in srgb,var(--demo-accent, #6d28d9) 40%,transparent)}.tk-engine[data-state=approx]{color:#d97706;border-color:color-mix(in srgb,#d97706 40%,transparent)}.tk-count{font-size:13px;color:var(--demo-muted, #71717a)}.tk-count .tk-n{color:var(--demo-accent, #6d28d9);font-weight:700;font-size:18px}.tk-input{width:100%;box-sizing:border-box;resize:vertical;font:inherit;font-size:15px;line-height:1.6;padding:14px;border-radius:12px;border:1px solid var(--demo-border, #e4e4e7);background:var(--demo-surface, #fff);color:var(--demo-fg, #18181b);outline:none}.tk-input:focus{border-color:var(--demo-accent, #6d28d9)}.tk-samples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;font-size:12px;color:var(--demo-muted, #71717a)}.tk-samples button{font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--demo-border, #e4e4e7);background:transparent;color:var(--demo-fg, #18181b);padding:3px 10px;border-radius:999px}.tk-samples button:hover{border-color:var(--demo-accent, #6d28d9)}.tk-output{margin-top:4px;padding:14px;border-radius:12px;min-height:56px;background:var(--demo-surface-2, #fafafa);border:1px solid var(--demo-border, #e4e4e7);display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.tk-tok{font-size:14px;padding:3px 6px;border-radius:6px;white-space:pre;line-height:1.2;border:1px solid transparent}.tk-tok--space{opacity:.5}.tk-note{font-size:12px;color:var(--demo-muted, #71717a);margin-top:10px;min-height:16px}.demo-beat{font-family:var(--demo-sans, "Inter", system-ui, sans-serif);color:var(--demo-fg, #18181b)}.bt-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--demo-mono, monospace);font-size:12px;color:var(--demo-muted, #71717a);margin-bottom:16px}.bt-score b{color:var(--demo-fg, #18181b)}.bt-engine{font-size:10px;padding:3px 8px;border-radius:999px;margin-right:auto;border:1px solid var(--demo-border, #e4e4e7);white-space:nowrap}.bt-engine[data-state=live]{color:#16a34a;border-color:color-mix(in srgb,#16a34a 40%,transparent)}.bt-engine[data-state=live]:before{content:"● "}.bt-engine[data-state=loading]{color:var(--demo-accent, #6d28d9);border-color:color-mix(in srgb,var(--demo-accent, #6d28d9) 40%,transparent)}.bt-engine[data-state=scripted]{color:#d97706;border-color:color-mix(in srgb,#d97706 40%,transparent)}.bt-prompt{font-size:18px;line-height:1.55;font-weight:600;margin:0 0 18px}.bt-prompt .blank{color:var(--demo-accent, #6d28d9);border-bottom:2px dashed var(--demo-accent, #6d28d9);padding:0 6px}.bt-options{display:grid;gap:10px}.bt-opt{display:flex;align-items:center;gap:14px;text-align:left;font:inherit;font-size:15px;font-weight:500;cursor:pointer;padding:13px 15px;border-radius:14px;border:1px solid var(--demo-border, #e4e4e7);background:var(--demo-surface, #fff);color:var(--demo-fg, #18181b);transition:border-color .15s,transform .15s,box-shadow .15s}.bt-opt:hover:not(:disabled){border-color:var(--demo-accent, #6d28d9);transform:translateY(-2px);box-shadow:0 8px 22px #00000014}.bt-opt:disabled{cursor:default}.bt-badge{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--demo-mono, monospace);font-weight:700;font-size:14px;background:color-mix(in srgb,var(--demo-accent, #6d28d9) 13%,transparent);color:var(--demo-accent, #6d28d9);transition:.15s}.bt-opt:hover:not(:disabled) .bt-badge{background:var(--demo-accent, #6d28d9);color:#fff}.bt-text{flex:1}.bt-opt.is-correct{border-color:#16a34a;background:color-mix(in srgb,#16a34a 10%,transparent)}.bt-opt.is-correct .bt-badge{background:#16a34a;color:#fff}.bt-opt.is-wrong{border-color:#dc2626;background:color-mix(in srgb,#dc2626 10%,transparent)}.bt-opt.is-wrong .bt-badge{background:#dc2626;color:#fff}.bt-tag{margin-left:auto;flex-shrink:0;font-family:var(--demo-mono, monospace);font-size:10px;display:flex;gap:6px;align-items:center}.bt-tag span{padding:3px 8px;border-radius:999px;border:1px solid currentColor;line-height:1}.bt-tag .pick-you{color:#2563eb}.bt-tag .pick-phx{color:#d97706}.bt-reveal{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bt-verdict{font-size:14px;margin:0;color:var(--demo-muted, #71717a)}.bt-next,.bt-restart{font-family:var(--demo-sans, inherit);font-weight:600;font-size:14px;cursor:pointer;padding:10px 20px;border-radius:999px;border:0;background:var(--demo-accent, #6d28d9);color:#fff;transition:transform .15s,filter .15s}.bt-next:hover,.bt-restart:hover{transform:translateY(-1px);filter:brightness(1.07)}.bt-final{text-align:center;padding:8px 0}.bt-final h4{font-size:20px;margin:0 0 6px}.bt-final p{color:var(--demo-muted, #71717a);margin:0 0 16px;font-size:14px}.demo-search{font-family:var(--demo-sans, "Inter", system-ui, sans-serif);color:var(--demo-fg, #18181b)}.ss-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;border:1px solid var(--demo-border, #e4e4e7);background:var(--demo-surface, #fff);color:var(--demo-muted, #71717a)}.ss-bar:focus-within{border-color:var(--demo-accent, #6d28d9)}.ss-input{flex:1 1 120px;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--demo-fg, #18181b)}.ss-engine{font-family:var(--demo-mono, monospace);font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid var(--demo-border, #e4e4e7);white-space:nowrap}.ss-engine[data-state=neural]{color:#16a34a;border-color:color-mix(in srgb,#16a34a 40%,transparent)}.ss-engine[data-state=neural]:before{content:"● "}.ss-engine[data-state=loading]{color:var(--demo-accent, #6d28d9);border-color:color-mix(in srgb,var(--demo-accent, #6d28d9) 40%,transparent)}.ss-engine[data-state=lexical]{color:#d97706;border-color:color-mix(in srgb,#d97706 40%,transparent)}.ss-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ss-chips button{font:inherit;font-size:12px;cursor:pointer;padding:5px 12px;border-radius:999px;border:1px solid var(--demo-border, #e4e4e7);background:transparent;color:var(--demo-fg, #18181b)}.ss-chips button:hover{border-color:var(--demo-accent, #6d28d9);color:var(--demo-accent, #6d28d9)}.ss-results{display:grid;gap:8px}.ss-hit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 15px;border-radius:11px;border:1px solid var(--demo-border, #e4e4e7);background:var(--demo-surface, #fff);animation:ss-in .25s ease both}@keyframes ss-in{0%{opacity:0;transform:translateY(4px)}}.ss-hit h5{margin:0 0 2px;font-size:14px}.ss-hit small{font-size:11px;color:var(--demo-muted, #71717a);font-family:var(--demo-mono, monospace)}.ss-score{text-align:right;min-width:96px}.ss-score b{font-family:var(--demo-mono, monospace);font-size:12px;color:var(--demo-accent, #6d28d9)}.ss-meter{height:4px;border-radius:2px;margin-top:4px;background:var(--demo-surface-2, #f1f1f3);overflow:hidden}.ss-meter i{display:block;height:100%;background:var(--demo-accent, #6d28d9);border-radius:2px;transition:width .3s}.ss-empty{font-size:13px;color:var(--demo-muted, #71717a);padding:8px 2px}