.maruops-tokenizer{box-sizing:border-box;min-width:0;max-width:100%;margin-block:28px;padding:24px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#1f2937;font-size:16px;line-height:1.75;text-align:left}
.maruops-tokenizer *{box-sizing:border-box;min-width:0}
.maruops-tokenizer [hidden]{display:none!important}
.maruops-tokenizer p{margin:0 0 16px}
.maruops-tokenizer .mt-intro,.maruops-tokenizer .mt-label,.maruops-tokenizer label{font-weight:650}
.maruops-tokenizer label{display:block;margin-bottom:8px}
.maruops-tokenizer textarea{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #94a3b8;border-radius:5px;background:#fff;color:#172337;font:inherit;line-height:1.7;resize:vertical}
.maruops-tokenizer button{max-width:100%;min-height:44px;padding:8px 16px;border:1px solid #94a3b8;border-radius:5px;background:#fff;color:#172337;font:inherit;line-height:1.6;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.maruops-tokenizer button.mt-primary{border-color:#1d4ed8;background:#1d4ed8;color:#fff}
.maruops-tokenizer button:hover:not(:disabled){border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed8}
.maruops-tokenizer button:disabled{opacity:.6;cursor:wait}
.maruops-tokenizer :where(button,textarea):focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
.maruops-tokenizer .mt-note{margin-top:10px;font-size:14px;color:#475569;line-height:1.75}
.maruops-tokenizer .mt-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:16px;font-size:14px}
.maruops-tokenizer .mt-examples button{min-height:40px;padding:5px 12px}
.maruops-tokenizer .mt-counts{padding-top:20px;border-top:1px solid #cbd5e1;font-weight:650}
.maruops-tokenizer .mt-tokens{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.maruops-tokenizer .mt-token{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;background:#eff6ff;border-color:#93b4e4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
.maruops-tokenizer .mt-token.mt-special{background:#f1f5f9;border-style:dashed;border-color:#94a3b8}
.maruops-tokenizer .mt-token small{font:12px/1.6 system-ui,sans-serif;color:#475569}
.maruops-tokenizer .mt-token[aria-pressed="true"]{outline:2px solid #1d4ed8;outline-offset:1px}
.maruops-tokenizer .mt-ids{display:block;max-width:100%;padding:12px;margin-bottom:16px;border:1px solid #cbd5e1;background:#fff;border-radius:5px;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-all}
.maruops-tokenizer .mt-selection{margin-block:18px;font-size:15px;overflow-wrap:anywhere}
.maruops-tokenizer .mt-vector-actions{padding-top:18px;border-top:1px solid #cbd5e1}
.maruops-tokenizer .mt-status{margin:18px 0 0;font-size:14px;color:#334155;overflow-wrap:anywhere}
.maruops-tokenizer .mt-status[data-error="true"]{color:#9f1239}
.maruops-tokenizer .mt-values{max-height:260px;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;margin-bottom:14px}
.maruops-tokenizer .mt-chart{display:block;width:100%;height:auto;max-width:100%;margin-block:16px;border:1px solid #cbd5e1;border-radius:5px;background:#fff}
@media(max-width:600px){.maruops-tokenizer{padding:16px;font-size:16px}.maruops-tokenizer .mt-token{padding:6px 9px}.maruops-tokenizer button{font-size:15px}}