css/style.css

body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial;max-width:900px;margin:24px auto;padding:0 16px;color:#111}
textarea{width:100%;box-sizing:border-box}
.controls{margin:8px 0;display:flex;gap:12px;align-items:center}
.output{background:#f7f7f8;padding:12px;border-radius:6px;min-height:120px;white-space:pre-wrap}
.tokens{display:flex;flex-wrap:wrap;gap:6px;padding:8px}
.tokens .tok{background:#eef;border-radius:4px;padding:4px 6px;font-size:13px}
button{padding:8px 12px}