:root{--measure:75ch;--font-fallback:-apple-system, blinkmacsystemfont, segoe ui, helvetica, arial, sans-serif, apple color emoji, segoe ui emoji;--font-body:system-ui, var(--font-fallback);--font-mono:consolas, monaco, monospace;--font-size-small:.875rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--brand-hue:150;--brand-sat:65%;--color-black:#000;--color-brand-20:hsl(var(--brand-hue) var(--brand-sat) 26%);--color-brand-30:hsl(var(--brand-hue) var(--brand-sat) 20%);--color-brand-95:hsl(var(--brand-hue) 30% 94%);--slate-hue:218;--color-slate-900:hsl(var(--slate-hue) 40% 14%);--color-slate-800:hsl(var(--slate-hue) 40% 20%);--color-slate-200:hsl(var(--slate-hue) 20% 57%);--color-slate-100:hsl(var(--slate-hue) 20% 85%);--color-slate-50:hsl(var(--slate-hue) 20% 98%);--color-white:#fff;--theme-accent:var(--color-brand-20);--theme-accent-hover:var(--color-brand-30);--theme-accent-light:var(--color-brand-95);--theme-text:var(--color-slate-900);--theme-bg:var(--color-white);--theme-bg-hover:var(--color-slate-50);--theme-bg-offset:var(--color-slate-100);--theme-card-bg:var(--color-white);--theme-hero-bg:var(--color-slate-800);--theme-hero-text:var(--color-white);--theme-border:var(--color-slate-200);--theme-border-width:1px;--theme-active-bar-width:3px;--border-radius:.5rem;--transition-fast:.15s ease;--font-weight-strong:700;--checkmark-size:2em;--checkmark-weight:700;--checkmark-pad-inline-start:.125rem;--opt-disabled-color:#9e2e2e}*{box-sizing:border-box;margin:0}body{min-block-size:100dvh;font-family:var(--font-body);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);line-height:1.5;display:grid}body>*{min-inline-size:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-strong);line-height:1.2}h1,h2{max-inline-size:40ch}h1{font-size:clamp(1.75rem,1.25rem + 1.5vw,3.5rem)}h2{font-size:clamp(1.5rem,1rem + 1.5vw,3rem)}h3{font-size:clamp(1.25rem,.75rem + 1.5vw,2.5rem)}.f3{font-size:clamp(1.125rem,.875rem + 1vw,1.625rem);line-height:1.6}.f4{font-size:clamp(1.125rem,1rem + .5vw,1.5rem)}small{font-size:var(--font-size-small)}a{color:var(--theme-accent);font-weight:400;text-decoration:none}:is(h2,h3)>a{color:inherit;font-weight:inherit}a:hover,a:focus{text-decoration:underline}a:focus{outline-offset:.25em;outline:2px solid}strong{font-weight:var(--font-weight-strong)}code{font-family:var(--font-mono);font-size:var(--font-size-small)}pre>code{font-size:1em}table,pre{--padding-block:1rem;--padding-inline:2rem;inline-size:100%;padding:var(--padding-block) var(--padding-inline);padding-inline-end:calc(var(--padding-inline) * 2);line-height:1.5;position:relative;overflow:auto hidden}pre{font-family:var(--font-mono);border-radius:var(--border-radius);font-size:.875em}pre:focus-visible{box-shadow:0 0 0 var(--border-radius) var(--theme-accent);outline:none}table{padding:var(--padding-block) 0;border-collapse:collapse;margin:0}th{font-weight:var(--font-weight-strong)}td,th{text-align:left;border:1px solid #dadde1;padding:.5em}.checkmark{font-size:var(--checkmark-size);font-weight:var(--checkmark-weight);vertical-align:middle;padding-inline-start:var(--checkmark-pad-inline-start);line-height:1;display:inline-block}.opt-enabled{color:var(--color-brand-20)}.opt-disabled{color:var(--opt-disabled-color)}td:has(.checkmark){text-align:start}blockquote{background-color:var(--theme-bg-offset);border-radius:0 var(--border-radius) var(--border-radius) 0;margin:2rem 0;padding:1.25em 1.5rem;line-height:1.7}ul,ol{padding:0}img{max-inline-size:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:target{scroll-margin:calc(var(--theme-sidebar-offset,5rem) + 2rem) 0 2rem}nav{--align:center;min-inline-size:0;margin-inline-end:1rem}nav ul{padding:0;list-style:none}.nav-link a{padding:var(--space-xs) var(--space-md);color:inherit;transition:background-color var(--transition-fast), color var(--transition-fast);font-size:1rem;text-decoration:none;display:block}.nav-link a:hover,.nav-link a:focus{background-color:var(--theme-bg-hover)}.nav-link a[aria-current=page]{color:var(--theme-accent);background-color:var(--theme-accent-light);border-inline-start:var(--theme-active-bar-width) solid var(--theme-accent);font-weight:var(--font-weight-strong)}.navbar{--space:var(--space-md);--s1:1em;background-color:var(--theme-bg);border-block-end:var(--theme-border-width) solid var(--theme-border);inline-size:100%}.navbar a{color:inherit}.navbar a:hover,.navbar a:active{color:var(--theme-accent)}.skiplink,.skiplink:focus,.skiplink:focus-visible{padding:var(--space-xs);z-index:9;text-align:center;background-color:var(--theme-accent);color:var(--color-white);outline:var(--color-white) solid 1px;outline-offset:0;font-size:larger;display:block;position:absolute;top:0;left:0;right:0}.stack>*{margin-block:0}.stack>*+*{margin-block-start:var(--s1,var(--space-md))}.stack{flex-direction:column;justify-content:flex-start;display:flex}.center{flex-direction:column;align-items:center;min-inline-size:0;max-inline-size:100%;margin-inline:auto;display:flex}.center>*{max-inline-size:min(var(--measure), 100%)}.center>.stack,.stack>pre{min-inline-size:0}.cluster{gap:var(--space,var(--space-xl));justify-content:var(--justify,center);align-items:var(--align,flex-start);flex-wrap:wrap;display:flex}.box{--s2:var(--space-xl);padding:var(--s2,var(--space-md))}.hero{padding-block:var(--space-xl) var(--space-xl);background-color:var(--theme-hero-bg);color:var(--theme-hero-text);border-block-end:var(--theme-border-width) solid var(--theme-border)}.hero-link{--s2:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-strong);border-radius:var(--border-radius);inline-size:max-content;color:var(--color-black);background-color:var(--color-white)}.hero-link:focus{outline-color:var(--color-white)}.button{padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-white);background-color:var(--theme-accent);font-weight:var(--font-weight-strong);border-radius:var(--border-radius);border:var(--theme-border-width) solid transparent;min-inline-size:14ch;transition:background-color var(--transition-fast)}.button:hover{background-color:var(--theme-accent-hover)}.button:disabled,.button[aria-disabled=true]{pointer-events:none;opacity:.65}.select{padding:var(--space-sm);color:var(--theme-text);background-color:var(--theme-bg);border:var(--theme-border-width) solid var(--theme-border);border-radius:var(--border-radius)}.playground-toolbar{row-gap:var(--space-md);column-gap:var(--space-sm);inline-size:100%;flex-wrap:wrap;align-items:end;max-width:160ch;margin-inline:auto;display:flex}.preset-picker{flex:0 min(37.5ch,100%);min-inline-size:0}.preset-picker label{margin-block-end:var(--space-xs);display:block}.preset-picker .select{inline-size:100%}.playground-toolbar .button{overflow-wrap:anywhere;min-inline-size:min(14ch,100%);max-inline-size:100%}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));inline-size:100%;display:grid}.feature-card{background-color:var(--theme-card-bg);padding:var(--space-lg);align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.stats-grid{gap:var(--space-md);margin-block:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));inline-size:100%;display:grid}.stat-card{background-color:var(--theme-bg);border-radius:var(--border-radius);padding:var(--space-md);text-align:center}.stat-value{font-size:clamp(1.25rem,1rem + 1vw,2rem);font-weight:var(--font-weight-strong);color:var(--theme-accent)}.stat-label{font-size:var(--font-size-small)}.editors{gap:var(--space-md);inline-size:100%;flex-wrap:wrap;max-width:160ch;margin-inline:auto;display:flex}.editors>*{flex:37.5ch;min-inline-size:min(37.5ch,100%);max-inline-size:80ch}.editor{gap:var(--space-xs);flex-direction:column;display:flex}.editor-label{font-weight:var(--font-weight-strong);overflow-wrap:anywhere}.editor-textarea{min-block-size:20em;inline-size:100%;min-inline-size:0;padding:var(--space-sm);color:var(--theme-text);font-family:var(--font-mono);background-color:var(--theme-bg);border:var(--theme-border-width) solid var(--theme-border);border-radius:var(--border-radius);resize:vertical;flex:1;font-size:1rem}.editor-textarea[readonly]:not([data-has-output]){caret-color:#0000}.editor-textarea[data-has-error]{color:#dc2828}.with-sidebar{gap:var(--space-xl);flex-wrap:wrap;max-width:60em;margin-inline:auto;display:flex}.sidebar{flex-basis:max-content;flex-grow:1;max-inline-size:25dvw}.not-sidebar{min-inline-size:50%;max-inline-size:min(80dvw, var(--measure));flex-grow:999;flex-basis:0}.bg-dark{background-color:var(--theme-hero-bg);color:var(--theme-hero-text)}.bg-dark a{color:var(--theme-hero-text);text-decoration:none}.bg-dark a:hover{text-decoration:underline}ul[class]{--s1:var(--space-sm);list-style:none}.fr{float:right}.text-center{text-align:center;align-self:center}.annotation{font-style:italic;font-size:var(--font-size-small)}
