/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.start{inset-inline-start:var(--spacing)}}.site-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);width:100%;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:2rem;width:min(100% - 3rem,1240px);min-height:88px;margin-inline:auto;display:flex}.site-brand{width:fit-content;color:inherit;align-items:baseline;gap:12px;text-decoration:none;display:inline-flex}.site-brand-mark{letter-spacing:-.04em;align-items:baseline;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:29px;font-weight:900;line-height:1;display:inline-flex}.site-brand-mark i{color:var(--orange);padding-inline:4px;font-style:normal}.site-brand-section{color:var(--muted,#686c6d);font-family:var(--mono);letter-spacing:.12em;font-size:11px;font-weight:700}.site-nav{font-family:var(--mono);align-items:center;gap:clamp(1.2rem,3vw,2.5rem);font-size:.78rem;display:flex}.site-nav a{color:inherit;text-decoration:none;position:relative}.site-nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.site-nav a[aria-current=page]:after{background:var(--orange);height:2px}@media (width<=680px){.site-header-inner{gap:1rem;width:min(100% - 1.5rem,1240px);min-height:72px}.site-nav{gap:.75rem}.site-nav a:nth-child(-n+2),.site-brand-section{display:none}}@media (prefers-reduced-motion:reduce){.site-nav a:after{transition:none}}:root{--ink:#11100e;--paper:#f3f0e8;--paper-deep:#e9e4d9;--orange:#ff5c35;--blue:#1775e5;--green:#20a66a;--violet:#7863d7;--yellow:#f0bd36;--line:#11100e2e;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;--display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step-kicker,.pipeline-heading>span,.detail-label,.detail-hint{font-family:var(--mono);letter-spacing:.12em;font-size:11px;font-weight:700}.runtime-note{color:#716c63;font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:10px;margin:16px 0 0;font-size:10px;font-weight:700;display:flex}.live-dot{background:#53dd8f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #53dd8f24}.workbench{background:linear-gradient(#11100e09 1px, transparent 1px), linear-gradient(90deg, #11100e09 1px, transparent 1px), var(--paper);background-size:40px 40px;padding:84px 7vw 100px}.input-header,.pipeline-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.step-kicker{color:var(--orange);margin-bottom:10px;display:block}.input-header h2,.stage-title h2{font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(32px,4vw,54px);line-height:1}.examples{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.input-controls{justify-items:end;gap:14px;width:min(100%,570px);display:grid}.preset-picker{grid-template-columns:auto minmax(230px,1fr);align-items:center;gap:7px 13px;width:100%;display:grid}.preset-picker>span{color:var(--orange);font-family:var(--mono);letter-spacing:.1em;font-size:10px;font-weight:800}.preset-picker select{width:100%;color:var(--paper);background:var(--ink);border:1px solid var(--ink);cursor:pointer;font-family:var(--mono);border-radius:0;padding:11px 36px 11px 13px;font-size:12px;font-weight:700}.preset-picker select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.preset-picker small{color:#716c63;grid-column:2;font-size:11px;line-height:1.35}.example{color:#5b5750;border:1px solid var(--line);cursor:pointer;font-family:var(--mono);background:#ffffff7a;border-radius:999px;padding:10px 14px;font-size:11px}.example:hover,.example.active{color:var(--paper);background:var(--ink)}.input-wrap{margin-top:28px;display:block;position:relative}.input-wrap textarea{resize:vertical;width:100%;min-height:180px;color:var(--ink);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font-family:var(--mono);background:#fffdf8;border-radius:2px;padding:30px 34px 54px;font-size:clamp(17px,2vw,24px);line-height:1.55;display:block}.byte-count{color:#777168;font-family:var(--mono);letter-spacing:.08em;font-size:11px;font-weight:700;position:absolute;bottom:16px;right:24px}.loading,.error{font-family:var(--mono);margin:70px 0;padding:24px;font-size:13px}.loading{border:1px solid var(--line);align-items:center;gap:14px;display:flex}.loading span{background:var(--orange);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite alternate pulse}.error{color:#a52f1c;background:#ffe3db;border:1px solid #db5c45}@keyframes pulse{50%{opacity:.5}}.pipeline-heading{border-bottom:1px solid var(--ink);margin:78px 0 18px;padding-bottom:15px}.stats{color:#716c63;font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:9px;font-size:10px;display:flex}.stats strong{color:var(--ink);font-size:13px}.stats b{color:var(--orange);text-transform:uppercase;font-size:10px}.stats i{background:var(--line);width:1px;height:13px;margin:0 3px}.stage{grid-template-columns:230px minmax(0,1fr);gap:35px;padding:38px 0 44px;display:grid}.stage-title{align-items:flex-start;gap:17px;display:flex}.stage-number{color:var(--orange);font-family:var(--mono);padding-top:4px;font-size:12px;font-weight:800}.stage-title h2{font-size:32px}.stage-title p{color:#756f66;max-width:180px;margin:9px 0 0;font-size:13px;line-height:1.4}.span-row{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.pretoken{text-align:left;background:var(--piece-color);min-height:75px;padding:14px 15px 10px}@supports (color:color-mix(in lab, red, red)){.pretoken{background:color-mix(in srgb, var(--piece-color) 10%, white)}}.pretoken{border:1px solid var(--piece-color)}@supports (color:color-mix(in lab, red, red)){.pretoken{border:1px solid color-mix(in srgb, var(--piece-color) 48%, transparent)}}.pretoken{border-top:4px solid var(--piece-color);cursor:pointer}.pretoken:hover,.pretoken.selected{box-shadow:0 5px 0 var(--piece-color);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.pretoken:hover,.pretoken.selected{box-shadow:0 5px 0 color-mix(in srgb, var(--piece-color) 35%, transparent)}}.pretoken-text{max-width:240px;font-family:var(--mono);text-overflow:ellipsis;white-space:pre;font-size:16px;font-weight:750;display:block;overflow:hidden}.pretoken-meta{color:#756f66;font-family:var(--mono);letter-spacing:.08em;margin-top:10px;font-size:9px;display:block}.pretoken-0,.group-0{--piece-color:var(--orange)}.pretoken-1,.group-1{--piece-color:var(--blue)}.pretoken-2,.group-2{--piece-color:var(--green)}.pretoken-3,.group-3{--piece-color:var(--violet)}.pretoken-4,.group-4{--piece-color:var(--yellow)}.pipeline-join{color:#817b72;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);height:55px;font-family:var(--mono);letter-spacing:.12em;justify-content:center;align-items:center;gap:12px;margin-left:265px;font-size:9px;font-weight:700;display:flex}.pipeline-join i{color:var(--orange);font-size:18px;font-style:normal}.token-groups{flex-wrap:wrap;align-content:flex-start;gap:13px;display:flex}.token-group{background:var(--piece-color);padding:8px}@supports (color:color-mix(in lab, red, red)){.token-group{background:color-mix(in srgb, var(--piece-color) 5%, white)}}.token-group{border:1px solid var(--piece-color)}@supports (color:color-mix(in lab, red, red)){.token-group{border:1px solid color-mix(in srgb, var(--piece-color) 28%, transparent)}}.token-group.selected{box-shadow:0 0 0 2px var(--piece-color)}.group-label{max-width:220px;color:var(--piece-color);margin:0 3px 7px;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.group-label{color:color-mix(in srgb, var(--piece-color) 75%, var(--ink))}}.group-label{font-family:var(--mono);text-overflow:ellipsis;white-space:pre;font-size:9px;font-weight:800}.group-tokens{gap:3px;display:flex}.token{min-width:46px;max-width:150px;color:var(--ink);background:var(--piece-color);padding:10px 9px 7px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.token{background:color-mix(in srgb, var(--piece-color) 16%, white)}}.token{border:0;border-bottom:3px solid var(--piece-color);cursor:pointer;text-overflow:ellipsis}.token:hover,.token.selected{color:#fff;background:var(--piece-color)}.token span{font-family:var(--mono);text-overflow:ellipsis;white-space:pre;font-size:13px;font-weight:750;display:block;overflow:hidden}.token small{opacity:.65;font-family:var(--mono);margin-top:6px;font-size:8px;display:block}.empty{color:#888178;font-family:var(--mono);margin:0;font-size:12px}.detail-bar{color:#d8d2c8;background:var(--ink);border-left:7px solid var(--orange);grid-template-columns:auto auto 1fr auto;align-items:center;gap:22px;min-height:70px;margin-top:18px;padding:16px 20px;display:grid}.detail-bar strong{color:#fff;max-width:260px;font-family:var(--mono);text-overflow:ellipsis;white-space:pre;font-size:18px;overflow:hidden}.detail-bar>span:not(.detail-label,.detail-hint){font-family:var(--mono);font-size:11px}.detail-label{color:var(--orange)}.detail-hint{color:#79746c;font-size:9px}@media (width<=900px){.input-header,.pipeline-heading{flex-direction:column;align-items:flex-start}.examples{justify-content:flex-start}.input-controls{justify-items:start;width:100%}.stage{grid-template-columns:1fr}.pipeline-join{margin-left:0}.detail-bar{grid-template-columns:auto 1fr}.detail-hint{display:none}}@media (width<=600px){.workbench{padding:62px 5vw 75px}.input-wrap textarea{min-height:160px;box-shadow:5px 5px 0 var(--ink);padding:22px 20px 48px}.stats{flex-wrap:wrap;align-items:flex-start}.preset-picker{grid-template-columns:1fr}.preset-picker small{grid-column:1}.stage-title h2{font-size:28px}.pretoken-text{max-width:190px}.detail-bar{gap:10px}.detail-bar>span:not(.detail-label,.detail-hint){grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading span{animation:none}}