.tokdemo{background:var(--color-cream-2);border:1px solid var(--color-rule);border-radius:var(--radius);margin:32px 0;padding:16px 20px}.tokdemo p{font-family:var(--font-mono);letter-spacing:.04em;max-width:none!important;color:var(--color-ink-3)!important;font-size:12px!important;line-height:1.4!important}.tokdemo p+p{margin-top:6px!important}.tokdemo__label{margin-bottom:12px!important}.tokdemo__count{color:var(--color-ink-soft)!important;margin-top:8px!important}.tokline{font-family:var(--font-mono);flex-wrap:wrap;align-items:baseline;gap:3px;font-size:15px;line-height:1.9;display:flex}.tok{white-space:pre;border-radius:4px;padding:2px 6px}.tok-1{background:#b8451e24}.tok-2{background:#5a6b542e}.tok-3{background:#a078402e}.tok-4{background:#2b4aa01f}.tok-5{background:#6b3c8c1f}.tok-table-wrap{margin:28px 0;overflow-x:auto}.tok-compare{border-collapse:collapse;width:100%;max-width:500px;font-size:16px}.tok-compare th{font-family:var(--font-mono);color:var(--color-ink-3);letter-spacing:.08em;text-transform:uppercase;text-align:start;border-bottom:2px solid var(--color-rule);padding:0 16px 12px;font-size:11px;font-weight:500}.tok-compare td{border-bottom:1px solid var(--color-rule);color:var(--color-ink-2);padding:12px 16px;font-size:16px}.tok-compare tr:last-child td{border-bottom:none}.tok-compare tr:hover td{background:#b8451e08}