:root{--color-paper: oklch(99.6% .004 70);--color-paper-2: oklch(98.2% .008 68);--color-paper-3: oklch(96.4% .01 62);--color-rule: oklch(92% .01 60);--color-rule-2: oklch(86% .012 50);--color-muted: oklch(56% .016 45);--color-ink-2: oklch(42% .016 40);--color-ink: oklch(28% .016 38);--color-accent: oklch(70% .16 45);--color-accent-soft: oklch(96% .03 45);--color-accent-ink: oklch(28% .016 38);--color-convert: oklch(58% .19 50);--color-convert-ink: oklch(99.4% .006 70);--color-focus: oklch(62% .14 45);--color-danger: oklch(54% .12 25);--color-danger-soft: oklch(98.4% .012 25);--color-danger-area: oklch(97.2% .02 25);--color-danger-line: oklch(84% .04 25);--color-ok: oklch(48% .07 155);--color-ok-soft: oklch(97% .014 155);--color-scrim: oklch(28% .016 38 / .14);--font-display: Geist, ui-sans-serif, sans-serif;--font-body: Geist, ui-sans-serif, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-display: clamp(2rem, 3.4vw + .7rem, 3rem);--text-display-s: clamp(1.4rem, 2vw + .5rem, 2rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-ctrl: 8px;--radius-panel: 16px;--radius-pill: 999px;--rule: 1px;--page-gutter: clamp(1rem, 4vw, 2rem);--page-max: 68rem;--page-max-wide: 80rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--shadow-panel: 0 8px 24px -18px oklch(28% .016 38 / .08)}html,body{overflow-x:clip}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;font-weight:400}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip{position:absolute;left:var(--space-md);top:calc(var(--space-md) * -4);z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-sm);background:var(--color-ink);color:var(--color-paper);text-decoration:none;border-radius:var(--radius-pill)}.skip:focus{top:var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.topbar{position:sticky;top:0;z-index:var(--z-sticky);border-bottom:var(--rule) solid var(--color-rule);background:var(--color-paper)}.topbar__inner{width:min(100%,var(--page-max));margin-inline:auto;padding:var(--space-xs) var(--page-gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-lg)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-accent);text-decoration:none;min-height:44px;min-width:0}.logo{width:36px;height:36px;flex:none}.topbar .logo{width:32px;height:32px}.brand--foot .logo{width:24px;height:24px}.brand--foot{min-width:0}.brand--foot .wordmark{white-space:normal;overflow-wrap:anywhere}.wordmark{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);text-decoration:none;white-space:nowrap}.topbar .wordmark{font-size:var(--text-sm);letter-spacing:.08em;line-height:1.2;white-space:nowrap}.page-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-xs)}.page-links a{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-base);font-weight:600;text-decoration:none;white-space:nowrap}@media(hover:hover)and (pointer:fine){.page-links a:hover{background:var(--color-accent-soft);color:var(--color-ink)}}.cta-fill,.btn-fill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.cta-fill kbd{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-accent-ink);opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-md);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}@media(hover:hover)and (pointer:fine){.cta-fill:hover,.btn-fill:hover,.btn:hover,.btn.is-hover{transform:translateY(-1.5px);background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-ink)}.cta-fill:hover,.btn-fill:hover{background:color-mix(in oklch,var(--color-accent) 78%,var(--color-ink));border-color:color-mix(in oklch,var(--color-accent) 78%,var(--color-ink));color:var(--color-accent-ink)}}.cta-fill:active,.btn:active,.btn.is-active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn[data-state=loading]{color:var(--color-muted)}.btn[data-state=error]{border-color:var(--color-danger);color:var(--color-danger)}.btn[data-state=success]{border-color:var(--color-ok);color:var(--color-ok);background:var(--color-ok-soft)}main{width:100%;display:block}.slab{padding-block:var(--space-2xl)}.slab__inner{width:min(100%,var(--page-max));margin-inline:auto;padding-inline:var(--page-gutter)}.slab--hero{padding-block:var(--space-2xl)}.slab--convert{padding-block:var(--space-xl) var(--space-2xl)}.slab--convert .slab__inner{width:min(100%,var(--page-max-wide))}.hero{display:grid;gap:var(--space-lg);align-items:center;max-width:none}.hero__copy{display:grid;justify-items:start;gap:var(--space-sm);max-width:38rem;min-width:0}.hero__copy:before{content:"";width:var(--space-xl);height:var(--space-3xs);background:var(--color-accent);border-radius:var(--radius-pill);transform-origin:left center;animation:hero-mark var(--dur-long) var(--ease-out) both}.hero h1{font-size:var(--text-2xl);line-height:1.15;font-weight:600}.hero__mark{background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:0 100%;background-size:100% .18em}.hero p{margin:0;max-width:42ch}.hero code{padding:.05em .3em;border-radius:var(--radius-ctrl);background:var(--color-accent-soft)}.hero-points{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin:var(--space-xs) 0 0;padding:0;list-style:none}.hero-points li{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:500}.hero-points svg{width:1.25rem;height:1.25rem;flex:none;color:var(--color-accent)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:22rem;min-width:0;margin:0;padding:var(--space-lg) var(--space-md);overflow:hidden;background:var(--color-accent-soft);border-radius:var(--radius-panel)}.hero-art__ghost{position:absolute;top:50%;left:var(--space-xs);transform:translateY(-50%);font-family:var(--font-mono);font-size:6.5rem;font-weight:500;line-height:1;color:var(--color-accent);opacity:.18;pointer-events:none}.hero-art__ghost--r{left:auto;right:var(--space-xs)}.hero-art__tile{position:relative;z-index:1;display:grid;gap:var(--space-2xs);flex:1 1 7rem;min-width:0;padding:var(--space-sm);background:var(--color-paper);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-ctrl)}.hero-art__tile code{display:block;padding:0;background:none;font-size:var(--text-xs);font-weight:500;color:var(--color-ink)}.hero-art__tile--out code{color:var(--color-convert)}.hero-art__arrow{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;color:var(--color-accent);animation:hero-nudge 1.8s var(--ease-in-out) infinite}.hero-art__arrow svg{width:1.25rem;height:1.25rem}.btn-ico{width:1.05rem;height:1.05rem;flex:none}.pane-sym{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-accent)}.enter{opacity:0;transform:translateY(8px);animation:enter var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes enter{to{opacity:1;transform:none}}@keyframes hero-mark{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#bench,#about,#faq,#history,#guide{scroll-margin-top:5.5rem}.hero h1,.section-head h2{margin:0;font-family:var(--font-display);font-style:normal;font-weight:600;letter-spacing:-.03em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}.section-head{display:grid;justify-items:start;gap:var(--space-sm);min-width:0}.section-head:before{content:"";width:var(--space-lg);height:var(--space-3xs);background:var(--color-accent);border-radius:var(--radius-pill)}.section-head--lead:before{width:var(--space-xl)}.section-head h2{font-size:var(--text-xl);line-height:1.2}.section-head--lead h2{font-size:var(--text-2xl);line-height:1.15}code{font-family:var(--font-mono);font-size:.92em}.bench{display:grid;gap:var(--space-lg)}.mode-switch{display:flex;flex-wrap:wrap;gap:var(--space-2xs);padding:var(--space-2xs);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-panel);background:var(--color-paper-2)}.mode-switch__opt{display:inline-flex;align-items:center;justify-content:center;flex:1 1 10.5rem;min-height:48px;min-width:0;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-ctrl);color:var(--color-ink);font-size:var(--text-base);font-weight:600;cursor:pointer}.mode-switch__opt input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mode-switch__opt span{white-space:nowrap;text-align:center}.mode-switch__opt:has(input:checked){background:var(--color-convert);color:var(--color-convert-ink)}.mode-switch__opt:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){.mode-switch__opt:hover:not(:has(input:checked)){background:var(--color-accent-soft)}}.primary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.primary-actions .btn-fill{min-width:11rem}.btn-convert{background:var(--color-convert);border-color:var(--color-convert);color:var(--color-convert-ink)}@media(hover:hover)and (pointer:fine){.btn-convert:hover{background:color-mix(in oklch,var(--color-convert) 80%,var(--color-ink));border-color:color-mix(in oklch,var(--color-convert) 80%,var(--color-ink));color:var(--color-convert-ink)}}.btn-copy{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}@media(hover:hover)and (pointer:fine){.btn-copy:hover{background:color-mix(in oklch,var(--color-ink) 82%,var(--color-accent));border-color:color-mix(in oklch,var(--color-ink) 82%,var(--color-accent));color:var(--color-paper)}}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:end}.field{display:grid;gap:var(--space-2xs);min-width:0}.field span{font-size:var(--text-xs);font-weight:500;color:var(--color-muted)}select,textarea,#palette-input{border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-ctrl);background:var(--color-paper-2);color:var(--color-ink);font:400 var(--text-sm) / 1.4 var(--font-body);min-height:44px;padding:var(--space-2xs) var(--space-xs);outline:2px solid transparent;outline-offset:1px}@media(hover:hover)and (pointer:fine){select:hover,textarea:hover,#palette-input:hover{border-color:var(--color-accent)}}select:disabled,textarea:disabled,#palette-input:disabled{opacity:.55;cursor:not-allowed}select{min-width:10.5rem}.toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.status{margin:0;min-height:4.25rem;padding:var(--space-xs) 0;font-size:var(--text-sm);cursor:default}.status[data-state=ok]{color:var(--color-ok)}.status[data-state=err]{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border:var(--rule) solid var(--color-danger-line);border-radius:var(--radius-ctrl);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);font-weight:600;cursor:pointer}.status[data-state=err]:before{content:"Could not convert";font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.view-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.view-tabs label{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:44px;white-space:nowrap;font-size:var(--text-sm)}.panes{--split: 50%;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;border:var(--rule) solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-2);box-shadow:var(--shadow-panel);overflow:clip}.pane{display:grid;grid-template-rows:auto minmax(0,24rem);min-width:0;min-height:0;overflow:hidden}.pane-label{display:flex;align-items:center;gap:var(--space-sm);margin:0;padding:var(--space-sm) var(--space-md);border-bottom:var(--rule) solid var(--color-rule);font-family:var(--font-display);font-size:var(--text-md);font-style:normal;font-weight:600;letter-spacing:-.02em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}.editor{display:grid;grid-template-columns:var(--space-xl) minmax(0,1fr);align-content:start;min-width:0;min-height:0;height:24rem;max-height:24rem;overflow:auto}.gutter{margin:0;padding:var(--space-sm) var(--space-2xs);border-right:var(--rule) solid var(--color-rule);color:var(--color-muted);font:400 var(--text-sm) / 1.55 var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none}#source,#result{width:100%;min-width:0;height:auto;min-height:100%;resize:none;overflow:hidden;field-sizing:content;border:0;border-radius:0;background:transparent;padding:var(--space-sm);font:400 var(--text-sm) / 1.55 var(--font-mono);-moz-tab-size:4;tab-size:4;outline-offset:0}#source:focus-visible,#result:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}#source[aria-invalid=true]{background:var(--color-danger-soft)}.alt-view{grid-column:1 / -1;padding:var(--space-sm);overflow:visible;min-width:0}.split-handle{display:none;width:100%;min-height:44px;padding:0;border:0;border-block:var(--rule) solid var(--color-rule);background:var(--color-paper-3);cursor:row-resize}.band-inner,.history,.about,.faq{display:grid;gap:var(--space-lg);min-width:0}.lede,.prose{max-width:65ch}.lede,.prose p,.faq-list p{color:var(--color-ink-2)}.prose{display:grid;gap:var(--space-md)}.prose p,.faq-list p{margin:0}.faq-list{display:grid;gap:var(--space-xs);max-width:65ch}.faq-list details{border-bottom:var(--rule) solid var(--color-rule);padding-block:var(--space-sm)}.faq-list summary{font-weight:600;color:var(--color-ink);cursor:pointer;min-height:44px;display:flex;align-items:center}.spec{overflow:auto}.spec table,.table-wrap table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.spec th,.spec td,.table-wrap th,.table-wrap td{text-align:left;padding:var(--space-sm) var(--space-xs);border-bottom:var(--rule) solid var(--color-rule);vertical-align:top}.spec th,.table-wrap th{font-size:var(--text-xs);letter-spacing:.04em;font-weight:600;color:var(--color-muted)}.history-empty{color:var(--color-muted)}.history-item{display:grid;gap:var(--space-xs);width:100%;min-height:44px;padding:var(--space-md) 0;border:0;border-bottom:var(--rule) solid var(--color-rule);background:transparent;color:inherit;text-align:left;cursor:pointer}.history-item__meta,.history-item__open{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.history-item__pair{display:grid;gap:var(--space-xs);min-width:0}.history-item__col{display:grid;gap:var(--space-3xs);min-width:0}.history-item__col strong{font-size:var(--text-xs);font-weight:600;color:var(--color-muted)}.history-item__col span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink)}.history-item__open{color:var(--color-accent);font-weight:600}.tree details{padding-left:var(--space-sm)}.tree summary{cursor:pointer;min-height:32px}.tree-key{font-weight:600;color:var(--color-ink)}.tree-meta,.tree-type{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.tree-leaf{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-2xs) 0}.table-wrap{overflow:auto}.table-empty{color:var(--color-muted)}.foot-stmt{width:min(100%,var(--page-max));margin-inline:auto;padding:var(--space-2xl) var(--page-gutter) var(--space-xl);display:grid;gap:var(--space-lg)}.foot-stmt__line{margin:0;max-width:28ch;font-family:var(--font-display);font-size:var(--text-display-s);font-style:normal;font-weight:600;line-height:1.12;letter-spacing:-.03em;color:var(--color-ink);overflow-wrap:anywhere}.foot-stmt__meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-block-start:var(--space-sm);border-top:var(--rule) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.palette{width:min(32rem,calc(100vw - 2rem));border:var(--rule) solid var(--color-rule);border-radius:var(--radius-panel);padding:0;background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-panel)}.palette::backdrop{background:var(--color-scrim)}#palette-input{width:100%;border:0;border-bottom:var(--rule) solid var(--color-rule);border-radius:var(--radius-panel) var(--radius-panel) 0 0}#palette-list{display:grid;max-height:18rem;overflow:auto}.palette-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:44px;padding:var(--space-xs) var(--space-sm);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:nowrap}.palette-item kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.palette-item[aria-selected=true],.palette-item:hover{background:var(--color-accent-soft)}@media(min-width:40rem){.history-item__pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:var(--space-xl)}}@media(min-width:60rem){.pane{grid-template-rows:auto minmax(0,32rem)}.editor,.alt-view{height:32rem;max-height:32rem}.panes{grid-template-columns:minmax(0,var(--split)) 8px minmax(0,1fr)}.split-handle{display:block;width:8px;min-height:100%;border-block:0;border-inline:var(--rule) solid var(--color-rule);cursor:col-resize}}@media(max-width:40rem){.topbar .wordmark{white-space:normal;overflow-wrap:anywhere}.foot-stmt__meta{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.cta-fill,.btn{transition-duration:.15s}.enter,.hero__copy:before,.hero-art__arrow{opacity:1;transform:none;animation:none}}@keyframes hero-nudge{50%{transform:translate(4px)}}