:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink-1000:#111317;--ink-950:#16181b;--backdrop:#000;--ink-900:#1b1e24;--ink-850:#222631;--ink-800:#2d3340;--ink-700:#485162;--ink-500:#7f899b;--ink-350:#aeb6c5;--paper:#fbfbfb;--paper-muted:#5d6470;--paper-line:#d7d9dc;--blue:#538bf6;--blue-bright:#90bdf9;--blue-deep:#245fca;--accent-gradient:linear-gradient(118deg, #67d8ff 0%, #348cf8 52%, #1658ea 100%);--line:#2a303b;--line-strong:#3a4250;--surface-selected:#202735;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-code:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-section:clamp(5rem, 10vw, 9rem);--radius-sm:.25rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-state:cubic-bezier(.65, 0, .35, 1);--z-sticky:20;font-family:system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Malgun Gothic,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:8rem}body{background:var(--backdrop);min-width:320px;color:var(--paper);font-family:var(--font-sans);font-kerning:normal;margin:0;font-size:1rem;font-weight:400;line-height:1.65}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}code,pre{font-family:var(--font-code);font-variant-ligatures:none}::selection{background:var(--blue);color:var(--ink-1000)}.site-shell{isolation:isolate;background:var(--backdrop);min-height:100vh;position:relative;overflow:clip}.site-shell:after{content:"";z-index:0;pointer-events:none;opacity:.64;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900'%3E%3Cdefs%3E%3Cpattern id='dots' width='24' height='24' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='1.1' fill='%2390bdf9' fill-opacity='.48'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='72' y='112' width='144' height='96' fill='url(%23dots)' opacity='.52'/%3E%3Crect x='1180' y='690' width='168' height='96' fill='url(%23dots)' opacity='.42'/%3E%3C/svg%3E");background-position:50%;background-size:cover;position:fixed;inset:0}.site-shell>main,.site-footer{z-index:1;position:relative}.page-width{width:min(100% - 2rem,84rem);margin-inline:auto}#main-content .page-width{width:min(100% - 2rem,64rem)}.skip-link{z-index:calc(var(--z-sticky) + 1);top:var(--space-sm);left:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--paper);color:var(--ink-1000);transition:transform .18s var(--ease-out);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.brand-link:focus-visible,.main-nav a:focus-visible,.github-link:focus-visible,.primary-action:focus-visible,.quick-install:focus-visible,.headline-presets button:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}.site-header{z-index:var(--z-sticky);border-bottom:1px solid var(--line);background:var(--backdrop);width:100%;position:fixed;top:0}.site-header-inner{width:min(100% - 2rem,64rem);min-height:4.5rem}.site-header-content{align-items:center;column-gap:var(--space-md);min-height:inherit;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav github";display:grid}.brand-link{align-items:center;gap:var(--space-2xs);width:fit-content;min-height:4.5rem;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);grid-area:brand;display:inline-flex}.site-header.is-hero-brand-visible .brand-link{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(-.35rem)}.site-header:not(.is-hero-brand-visible) .brand-link{transition-delay:.3s}.brand-mark{flex:none;width:auto;height:.54em;display:block}.brand-lockup{align-items:baseline;gap:.12em;line-height:1;display:inline-flex}.wordmark{letter-spacing:-.045em;font-size:1rem;font-weight:600;line-height:1}.wordmark span{color:var(--blue-bright)}.main-nav{justify-content:flex-end;justify-self:end;align-items:center;gap:var(--space-lg);scrollbar-width:none;grid-area:nav;min-width:0;display:flex;overflow-x:auto}.main-nav .locale-link{color:var(--ink-500);letter-spacing:.01em;font-size:.75rem}.main-nav::-webkit-scrollbar{display:none}.main-nav a,.github-link{min-height:2.75rem;color:var(--ink-350);white-space:nowrap;transition:color .15s var(--ease-out);align-items:center;font-size:.875rem;display:inline-flex}.main-nav a[aria-current=page]{color:var(--paper);font-weight:600}.github-link{justify-content:center;justify-self:end;gap:var(--space-xs);grid-area:github;min-width:2.75rem;font-weight:600}.github-link svg{fill:currentColor;width:1.2rem}.hero-brand-stage{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;width:min(100%,56rem);min-height:100%;margin-inline:auto;padding-block:clamp(6rem,12vh,9rem);display:flex;position:relative}.hero-brand-content{z-index:2;align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;display:flex;position:relative;transform:translateY(clamp(-1.75rem,-2.5vh,-1rem))}.hero-scroll-cue{color:var(--blue-bright);font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1;position:absolute;bottom:clamp(1.5rem,4vh,3rem);left:50%;transform:translate(-50%)}.hero-scroll-cue span{display:block}.hero-brand-stage:before{content:"";z-index:-1;pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 896 280'%3E%3Cdefs%3E%3Cpattern id='dots' width='28' height='28' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.15' fill='%2390bdf9' fill-opacity='.56'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='20' y='18' width='224' height='84' fill='url(%23dots)'/%3E%3Crect x='652' y='184' width='224' height='84' fill='url(%23dots)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:min(96vw,56rem);height:calc(100% + 6rem);position:absolute;top:-3rem;left:50%;transform:translate(-50%)}.hero-brand-lockup{justify-self:center;gap:var(--space-2xs);width:fit-content;font-size:clamp(2.25rem,5.25vw,4rem);display:flex}.hero-brand-lockup .wordmark{font-size:1em;line-height:1}.primary-action{--action-x:50%;--action-y:50%;isolation:isolate;justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);background:linear-gradient(var(--ink-1000), var(--ink-1000)) padding-box, var(--accent-gradient) border-box;min-height:2.75rem;color:var(--paper);box-shadow:none;transition:background-color .22s var(--ease-out), box-shadow .22s var(--ease-out), transform .12s var(--ease-out);border:1px solid #0000;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.primary-action:before{content:"";z-index:0;border-radius:inherit;background:radial-gradient(5rem circle at var(--action-x) var(--action-y), #90bdf933, #538bf612 42%, transparent 72%);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out);position:absolute;inset:0}.primary-action>*{z-index:1;position:relative}.action-arrow{flex:none;width:1.1rem;height:1.1rem;display:block;position:relative;overflow:hidden}.action-arrow svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:100%;height:100%;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.action-arrow svg:first-child{transform:translate(0)}.action-arrow svg:last-child{transform:translate(-150%)}.primary-action:focus-visible .action-arrow svg:first-child{transform:translate(150%)}.primary-action:focus-visible .action-arrow svg:last-child{transform:translate(0)}.primary-action:focus-visible:before{opacity:1}.primary-action:active{transform:scale(.985)}.quick-install{justify-content:center;align-items:center;gap:var(--space-xs);width:min(100%,30rem);min-width:0;min-height:2.75rem;color:var(--ink-350);cursor:pointer;text-align:left;transition:color .18s var(--ease-out);background:0 0;border:0;padding:0;display:inline-flex;overflow:hidden}.quick-install code{overscroll-behavior-inline:contain;min-width:0;padding:var(--space-xs) 0;color:inherit;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 auto;font-size:.875rem;overflow-x:auto}.quick-install code::-webkit-scrollbar{display:none}.quick-install code span{color:var(--blue-bright)}.quick-install-icon{color:currentColor;opacity:.48;width:1.25rem;height:1.25rem;transition:opacity .18s var(--ease-out);flex:0 0 1.25rem;justify-content:center;align-items:center;display:inline-flex}.quick-install-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:1.25rem;height:1.25rem}.quick-install-feedback-icon{display:inline-flex}.quick-install:focus-visible .quick-install-icon,.quick-install.is-copied .quick-install-icon,.quick-install.is-failed .quick-install-icon{opacity:1}.quick-install.is-copied{color:var(--blue-bright)}.quick-install.is-failed{color:var(--ink-350)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro-story{background:0 0;min-height:900svh;scroll-margin-top:8rem;position:relative}.hero-brand-visibility-sentinel{pointer-events:none;width:1px;height:100svh;position:absolute;top:0;left:0}.intro-story-pin{min-height:100svh;display:grid;position:sticky;top:0;overflow:clip}.intro-story-stack{width:100%;min-width:0;min-height:inherit;isolation:isolate;contain:paint;display:grid;position:relative}.intro-story-stack>.intro-story-scene{grid-area:1/1;min-width:0}.intro-message-stage{place-items:center;min-height:100%;padding:clamp(6rem,12vh,10rem) 1rem;display:grid}.intro-message-copy{letter-spacing:-.07em;text-align:center;word-break:keep-all;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.22em;margin:0;font-size:clamp(3rem,9vw,7.5rem);font-weight:600;line-height:1.04;display:flex}.intro-message-highlight{isolation:isolate;color:var(--blue-bright);position:relative}.text-shimmer-target{transform-origin:50% 58%;display:inline-block;position:relative}.text-shimmer{z-index:1;padding:inherit;color:#0000;filter:drop-shadow(0 0 .2em #538bf6ad);font-weight:inherit;opacity:0;pointer-events:none;-webkit-text-fill-color:transparent;background:linear-gradient(108deg,#0000 20%,#538bf62e 32%,#67d8fff5 43%,#e0f4ff 50%,#348cf8 59%,#538bf62e 70%,#0000 80%) 130%/240% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0;overflow:visible;transform:translateZ(0)}.line-break-composition{z-index:1;grid-template-rows:minmax(0,1.08fr) auto minmax(0,.92fr);align-content:stretch;row-gap:clamp(1.5rem,4vh,2.5rem);min-width:0;min-height:100%;padding-block:clamp(6rem,12vh,10rem);display:grid;position:relative}.line-break-scene-context{align-self:end;gap:var(--space-sm);grid-row:1;width:min(100%,70rem);display:grid}.line-break-scene-state{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.line-break-state-track{align-items:center;gap:var(--space-sm);color:var(--ink-700);font-family:var(--font-code);letter-spacing:.04em;flex-wrap:wrap;margin:0;font-size:.6875rem;display:flex}.line-break-state-track span{color:var(--ink-500);transition:color .24s var(--ease-out)}.line-break-state-track span.is-current{color:var(--blue-bright)}.line-break-example-count{color:var(--ink-500);font-family:var(--font-code);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem}.line-break-scene-description{max-width:46rem;color:var(--ink-350);word-break:keep-all;margin:0;font-size:clamp(.875rem,1.6vw,1rem);line-height:1.65}.intro-story.is-static{min-height:auto;display:grid}.intro-story.is-static .hero-brand-stage{min-height:100svh}.intro-story.is-static .intro-message-stage{border-top:1px solid var(--line);min-height:72svh}.intro-story.is-static .line-break-composition{border-top:1px solid var(--line);grid-template-rows:auto auto;align-content:start;min-height:auto;padding-block:clamp(5rem,10vw,8rem)}.intro-story.is-static .line-break-scene-context,.intro-story.is-static .line-break-headline{grid-row:auto}.intro-story.is-static .line-break-composition:last-child{border-bottom:1px solid var(--line)}.line-break-headline,.line-break-headline-measure-source{width:min(100%, var(--line-break-measure,70rem));letter-spacing:-.06em;word-break:keep-all;margin:0;font-size:clamp(1.65rem,5.8vw,5rem);font-weight:600;line-height:1.12}.line-break-headline-measure-source{visibility:hidden;pointer-events:none;text-wrap:balance;height:auto;min-height:0;display:block;position:absolute;top:0;left:0}.line-break-headline{min-height:2.25em;transition:color .24s var(--ease-out);flex-wrap:wrap;grid-row:2;align-content:center;align-self:center;align-items:baseline;display:flex}.line-break-piece{will-change:transform;flex:none;display:inline-block;position:relative}.line-break-piece.is-focus{isolation:isolate}.line-break-piece .text-shimmer{inset:-.04em 0}.line-break-piece.has-gap{margin-left:.22em}.line-break-headline[lang=ko] .line-break-piece.has-gap{margin-left:.14em}.line-break-force{flex-basis:100%;width:0;height:0;display:block}.line-break-marker{color:var(--ink-500);font-family:var(--font-code);margin-left:.2em;font-size:.3em;font-weight:500;line-height:1;position:absolute;top:50%;left:100%;transform:translateY(.08em)}.line-break-composition[data-semantic=false] .line-break-headline{color:var(--ink-350)}.line-break-composition[data-semantic=false] .line-break-piece.is-focus,.line-break-composition[data-semantic=true] .line-break-headline{color:var(--paper)}.line-break-composition[data-semantic=true] .line-break-piece.is-focus,.line-break-composition[data-semantic=true] .line-break-marker{color:var(--blue-bright)}.measure-instrument{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-900);overflow:clip;container-type:inline-size}.measure-comparison{background-color:var(--ink-1000);background-image:repeating-linear-gradient(#0000 0 63px,#20242b 64px)}.measure-pane{flex-direction:column;min-width:0;min-height:15rem;display:flex}.measure-pane+.measure-pane{border-top:1px solid var(--line-strong)}.measure-pane-head{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:3.5rem;padding-inline:var(--space-md);border-bottom:1px solid var(--line);color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:.875rem;display:flex}.measure-pane-head b{margin-right:var(--space-sm);color:var(--blue-bright);font-weight:600}.measure-pane.is-semantic .measure-pane-head{color:var(--blue-bright)}.measure-pane-body{min-width:0;padding:var(--space-xl) var(--space-lg);flex:1;place-items:center;display:grid}.headline-measure{max-width:100%;padding-inline:var(--space-lg);transition:width .18s var(--ease-out);position:relative}.measure-instrument.is-dragging .headline-measure{transition:none}.demo-headline{color:var(--paper);letter-spacing:-.055em;text-align:left;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(1.625rem,5vw,1.875rem);font-weight:600;line-height:1.28}.demo-headline-measure-source,.process-measure-source{text-wrap:balance}.demo-headline-measure-source{top:0;right:var(--space-lg);left:var(--space-lg);visibility:hidden;pointer-events:none;position:absolute}.measure-pane.is-browser .demo-headline{color:var(--ink-350)}.semantic-diff-changed{color:var(--blue-bright)}.measure-edge{background:var(--blue);width:1px;transition:opacity .24s var(--ease-out), transform .24s var(--ease-out);position:absolute;top:-2rem;bottom:-2rem}.measure-edge:before,.measure-edge:after{content:"";background:var(--blue);width:9px;height:1px;position:absolute;left:-4px}.measure-edge:before{top:0}.measure-edge:after{bottom:0}.measure-edge-left{left:0}.measure-edge-right{right:0}.measure-drag-handle{z-index:2;cursor:ew-resize;touch-action:none;width:2.75rem;position:absolute;top:-2.25rem;bottom:-2.25rem;right:-1.375rem}.measure-drag-handle:after{content:"";border:1px solid var(--blue-bright);background:var(--ink-1000);width:.625rem;height:2.25rem;transition:background-color .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .16s var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 #538bf600}.measure-instrument.is-dragging .measure-drag-handle:after{background:var(--blue-bright);transform:translate(-50%,-50%)scaleY(1.08);box-shadow:0 0 0 .35rem #538bf624}.instrument-controls{gap:var(--space-lg);padding:var(--space-lg);border-top:1px solid var(--line-strong);background:var(--ink-900);display:grid}.range-control{gap:var(--space-xs);display:grid}input[type=range]{appearance:none;cursor:ew-resize;width:100%;height:2.75rem;accent-color:var(--blue);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-700);height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink-1000);background:var(--blue-bright);border-radius:50%;width:1rem;height:1rem;margin-top:-.45rem}input[type=range]::-moz-range-track{background:var(--ink-700);height:2px}input[type=range]::-moz-range-thumb{border:2px solid var(--ink-1000);background:var(--blue-bright);border-radius:50%;width:.75rem;height:.75rem}.range-scale{color:var(--ink-500);font-family:var(--font-code);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.875rem;display:flex}.headline-presets{border-bottom:1px solid var(--line-strong);display:grid}.headline-presets button{gap:var(--space-xs);min-height:5.5rem;padding:var(--space-md) var(--space-lg);border:0;border-top:1px solid var(--line);background:var(--ink-900);color:var(--ink-350);cursor:pointer;text-align:left;transition:background-color .15s var(--ease-out), color .15s var(--ease-out);display:grid;position:relative}.headline-presets button:after{content:"";background:var(--blue-bright);transform-origin:0;height:2px;transition:transform .22s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.headline-presets button:first-child{border-top:0}.headline-presets button span{color:var(--blue-bright);font-size:.875rem;font-weight:500}.headline-presets button strong{word-break:keep-all;font-size:.9375rem;font-weight:500;line-height:1.55}.headline-presets button.is-current{background:var(--surface-selected);color:var(--paper)}.headline-presets button.is-current:after{transform:scaleX(1)}.process-section,.playground-section{border-top:1px solid var(--line);scroll-margin-top:7rem}.process-section{isolation:isolate;padding-block:var(--space-section);border-color:var(--paper-line);background:var(--paper);color:var(--ink-1000);position:relative;overflow:hidden}.section-intro{gap:var(--space-lg);margin-bottom:clamp(3rem,7vw,5rem);display:grid}.section-intro>p{max-width:34rem;color:var(--paper-muted);word-break:keep-all;margin:0;font-size:1rem;line-height:1.7}.playground-section{padding-block:var(--space-section);background:var(--backdrop)}.playground-intro{gap:var(--space-lg);margin-bottom:clamp(3rem,7vw,5rem);display:grid}.section-intro h2,.playground-intro h2{letter-spacing:-.065em;text-wrap:balance;word-break:keep-all;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.08}.process-workbench{gap:var(--space-2xl);display:grid}.process-stage{border:1px solid var(--ink-700);background-color:var(--ink-1000);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);min-width:0;min-height:25rem;color:var(--paper);background-size:4rem 4rem;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.process-stage-head,.process-stage-status{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:3.5rem;padding-inline:var(--space-lg);color:var(--ink-350);font-family:var(--font-code);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#111317e0;margin:0;font-size:.6875rem;display:flex;position:relative}.process-stage-head{border-bottom:1px solid var(--line-strong);grid-row:1;justify-content:flex-end}.process-stage-head strong{color:var(--blue-bright);font-weight:500}.process-stage-scene{z-index:1;grid-area:2/1;place-items:center;min-height:18rem;padding:clamp(2rem,6vw,4rem);display:grid;position:relative}.process-stage-scene.is-step-2{padding:var(--space-lg)}.process-measure-source{z-index:-1;width:var(--process-measure-width,20rem);opacity:0;pointer-events:none;letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:1rem;font-weight:600;line-height:1.45;position:absolute}.process-candidates{letter-spacing:-.055em;word-break:keep-all;max-width:22ch;color:var(--ink-350);flex-wrap:wrap;align-items:baseline;gap:.35em .2em;margin:0;font-size:clamp(1.6rem,5vw,2.75rem);font-weight:600;line-height:1.2;display:flex}.process-candidates i{color:var(--blue-bright);font-family:var(--font-code);letter-spacing:0;font-size:.38em;font-style:normal;font-weight:500}.process-candidates i.is-fallback{opacity:.46}.process-candidates i.is-predicted{filter:drop-shadow(0 0 .55rem #538bf652)}.process-diagnostics-loading{color:var(--ink-350);font-family:var(--font-code);margin:0;font-size:.75rem}.process-layout-options{gap:var(--space-sm);width:min(100%,34rem);display:grid}.process-layout-option{align-items:center;gap:var(--space-md);padding:.875rem var(--space-md);border:1px solid var(--line-strong);color:var(--ink-350);transition:border-color .28s var(--ease-out), background-color .28s var(--ease-out), color .28s var(--ease-out), opacity .28s var(--ease-out), transform .28s var(--ease-out);background:#181b20e0;grid-template-columns:2rem minmax(0,1fr) auto;display:grid}.process-layout-id,.process-layout-state{font-family:var(--font-code);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.6875rem;font-style:normal}.process-layout-id{color:var(--blue-bright)}.process-layout-option p{letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:clamp(.875rem,1.35vw,1.0625rem);font-weight:600;line-height:1.45}.process-layout-state{color:var(--ink-500);white-space:nowrap;justify-items:end;gap:.1rem;line-height:1.35;display:grid}.process-layout-options[lang=en] .process-layout-option{gap:.125rem var(--space-sm);padding:.55rem var(--space-sm);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"id state""copy copy"}.process-layout-options[lang=en] .process-layout-id{grid-area:id}.process-layout-options[lang=en] .process-layout-option p{grid-area:copy;font-size:.875rem;line-height:1.25}.process-layout-options[lang=en] .process-layout-state{justify-content:flex-end;gap:var(--space-sm);grid-area:state;font-size:.625rem;display:flex}.process-selection-comparison{justify-items:center;gap:var(--space-sm);width:min(100%,28rem);display:grid}.process-selection-card{gap:var(--space-sm);width:min(100%,24rem);padding:var(--space-md);border:1px solid var(--line-strong);background:#181b20e0;display:grid}.process-selection-card>span{color:var(--ink-500);font-family:var(--font-code);letter-spacing:.04em;font-size:.6875rem}.process-selection-card>p{color:var(--ink-350);letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:1rem;font-weight:600;line-height:1.45}.process-selection-card.is-semantic{border-color:var(--blue-bright);background:#538bf621}.process-selection-card.is-semantic>span,.process-selection-card.is-semantic>p{color:var(--paper)}.process-selection-card .semantic-diff-changed{color:var(--blue-bright);-webkit-text-fill-color:currentColor;background:0 0}.process-selection-arrow{color:var(--blue-bright);font-family:var(--font-code);line-height:1}.process-stage-status{border-top:1px solid var(--line-strong);color:var(--ink-350);letter-spacing:0;grid-row:3;justify-content:flex-start}.process-stage-status>span{background:var(--blue-bright);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem #90bdf91f}.process-list{border-top:1px solid var(--paper-line);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--paper-line);opacity:.64;transition:opacity .26s var(--ease-out), background-color .26s var(--ease-out);position:relative}.process-list li:after{content:"";background:var(--blue-deep);transform-origin:0;height:1px;transition:transform .32s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.process-list li.is-current{opacity:1;background:#f2f5fb}.process-list li.is-current:after{transform:scaleX(1)}.process-list button{gap:var(--space-md);width:100%;padding:var(--space-xl) var(--space-md);color:var(--ink-1000);cursor:pointer;text-align:left;background:0 0;border:0;display:grid}.process-list button:focus-visible{outline:2px solid var(--blue-deep);outline-offset:-2px}.process-number{color:var(--blue-deep);font-family:var(--font-code);font-variant-numeric:tabular-nums;font-size:.875rem}.process-step-copy{gap:var(--space-sm);display:grid}.process-step-copy strong{letter-spacing:-.025em;font-size:1.25rem;font-weight:600}.process-step-copy>span{max-width:42rem;color:var(--paper-muted);word-break:keep-all;font-size:1rem;line-height:1.7}.site-footer{border-top:1px solid var(--line);background:var(--backdrop)}.site-footer .page-width{padding-block:var(--space-xl);color:var(--ink-500);letter-spacing:normal;justify-content:flex-start;font-size:.875rem;font-weight:400;display:flex}.footer-meta{align-items:center;gap:var(--space-xs);color:inherit;font:inherit;display:flex}.gradient-text-safe{background:var(--accent-gradient);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:-.04em -.06em -.08em;padding:.04em .06em .08em;display:inline-block}.text-shimmer-target.gradient-text-safe{margin:-.08em -.1em -.14em -.08em;padding:.08em .1em .14em .08em}@media (forced-colors:active){.gradient-text-safe{color:linktext;-webkit-text-fill-color:currentColor;background:0 0}.text-shimmer{display:none}}@media (width<=30rem){.quick-install code{font-size:.8125rem}}@media (width>=48rem){html{scroll-padding-top:5rem}.site-header-inner{min-height:4.75rem}.site-header-content{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav github";column-gap:1.25rem}.brand-link{min-height:2.75rem}.main-nav{justify-self:end;gap:var(--space-xl);border-top:0}.line-break-story{scroll-margin-top:6rem}.measure-pane{min-height:18rem}.measure-pane-head{padding-inline:var(--space-lg)}.measure-pane-body{padding:var(--space-2xl)}.demo-headline{font-size:1.875rem}.instrument-controls{padding:var(--space-md) var(--space-xl);grid-template-columns:minmax(0,1fr)}.headline-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.headline-presets button{border-top:0;border-left:1px solid var(--line)}.headline-presets button:first-child{border-left:0}}@media (width>=64rem){.measure-comparison{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.measure-pane{min-height:34rem}.measure-pane+.measure-pane{border-top:0;border-left:1px solid var(--line-strong)}.measure-pane-body{padding-block:5rem}.section-intro{grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr);align-items:end;column-gap:clamp(4rem,9vw,9rem)}.section-intro h2{max-width:15ch}.playground-intro{grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr);align-items:end;column-gap:clamp(4rem,9vw,9rem)}.playground-intro h2{max-width:12ch}.process-workbench{--process-panel-height:34rem;grid-template-columns:minmax(24rem,.82fr) minmax(31rem,1.18fr);align-items:start;gap:clamp(3rem,6vw,6rem)}.process-stage{height:var(--process-panel-height);grid-area:1/2;min-height:0;position:sticky;top:7rem}.process-list{height:var(--process-panel-height);grid-area:1/1;grid-template-rows:repeat(3,minmax(0,1fr));display:grid}.process-list li{min-height:0}.process-list button{align-content:center;gap:var(--space-sm) var(--space-xl);height:100%;min-height:0;padding:var(--space-lg);grid-template-columns:3rem minmax(0,1fr)}}@media (height<=44rem) and (prefers-reduced-motion:no-preference){.intro-story:not(.is-static) .line-break-composition{row-gap:var(--space-md);padding-block:clamp(4.5rem,10vh,6rem)}.intro-story:not(.is-static) .line-break-scene-context{gap:var(--space-xs)}.intro-story:not(.is-static) .line-break-scene-description{line-height:1.5}}@media (pointer:fine) and (hover:hover){.main-nav a:hover,.github-link:hover{color:var(--paper)}.primary-action:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #90bdf91f,0 0 1.5rem #538bf638}.primary-action:hover:before{opacity:1}.primary-action:hover .action-arrow svg:first-child{transform:translate(150%)}.primary-action:hover .action-arrow svg:last-child{transform:translate(0)}.quick-install:hover{color:var(--paper)}.quick-install:hover .quick-install-icon{opacity:1}.headline-presets button:hover{background:var(--surface-selected);color:var(--paper)}.measure-drag-handle:hover:after{opacity:1;background:var(--blue-bright);box-shadow:0 0 0 .35rem #538bf624}.process-list li:hover{opacity:1;background:#f2f5fb}.quick-install:active,.headline-presets button:active{transform:scale(.98)}}@media (pointer:coarse){.primary-action,.main-nav a,.github-link{min-height:3rem}.quick-install-icon{opacity:.64}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.process-list li,.process-stage-scene{opacity:1;transform:none}.headline-measure{transition:none}.text-shimmer{display:none}}.docs-page{--docs-sidebar-width:15rem;--docs-article-width:40rem;--docs-column-gap:clamp(2rem, 4vw, 4rem);background:var(--backdrop);min-height:100vh;color:var(--paper);padding-top:4.5rem}.docs-width{width:min(100% - 2rem,92rem);margin-inline:auto}.docs-mobile-index{padding-top:var(--space-lg)}.docs-mobile-index details{border-block:1px solid var(--line-strong);background:var(--ink-950)}.docs-mobile-index summary{align-items:baseline;gap:var(--space-md);min-height:3.5rem;padding:var(--space-md);color:var(--ink-350);cursor:pointer;grid-template-columns:auto minmax(0,1fr);font-size:.875rem;list-style:none;display:grid}.docs-mobile-index summary::-webkit-details-marker{display:none}.docs-mobile-index summary:after{content:"+";color:var(--blue-bright);font-family:var(--font-code);grid-column:3}.docs-mobile-index details[open] summary:after{content:"−"}.docs-mobile-index summary strong{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.docs-mobile-index .docs-side-nav{padding:0 var(--space-md) var(--space-lg)}.docs-grid{min-height:calc(100vh - 7.25rem);display:grid}.docs-sidebar{display:none}.docs-side-nav{gap:var(--space-xl);display:grid}.docs-nav-group{gap:var(--space-xs);display:grid}.docs-nav-group h2{padding-inline:var(--space-sm);color:var(--ink-350);margin:0;font-size:.875rem;font-weight:600}.docs-nav-group ul{margin:0;padding:0;list-style:none}.docs-nav-group a{min-height:2.5rem;padding:.5rem var(--space-sm);color:var(--ink-500);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);align-items:center;font-size:.875rem;line-height:1.45;display:flex}.docs-nav-group a.is-current{background:var(--surface-selected);color:var(--blue-bright);font-weight:600}.docs-article{min-width:0;padding-block:clamp(3rem,8vw,6rem)}.docs-article-tools{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--ink-500);flex-wrap:wrap;margin-bottom:clamp(3rem,8vw,6rem);font-size:.875rem;display:flex}.docs-article-tools p{gap:var(--space-sm);margin:0;display:flex}.docs-article-tools a{color:var(--ink-350);transition:color .15s var(--ease-out)}.docs-article-header{border-bottom:1px solid var(--line-strong);padding-bottom:clamp(3rem,8vw,5rem);scroll-margin-top:8rem}.docs-kicker,.docs-section-index{margin:0 0 var(--space-md);color:var(--blue-bright);font-family:var(--font-code);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.docs-article-header h1{margin:0 0 var(--space-xl) -.04em;letter-spacing:-.07em;text-wrap:balance;word-break:keep-all;font-size:2.75rem;font-weight:600;line-height:1.04}.docs-article-header h1 span{white-space:nowrap}.docs-lead{max-width:39rem;color:var(--ink-350);word-break:keep-all;margin:0;font-size:clamp(1.125rem,3vw,1.35rem);line-height:1.8}.docs-overview-copy{max-width:44rem;margin:var(--space-xl) 0 0;color:var(--ink-350);word-break:keep-all;font-size:1rem;line-height:1.85}.docs-version-line{gap:var(--space-sm) var(--space-lg);margin-top:var(--space-xl);color:var(--ink-500);font-family:var(--font-code);flex-wrap:wrap;font-size:.875rem;display:flex}.docs-section{border-bottom:1px solid var(--line);padding-block:clamp(3.5rem,8vw,5.5rem)}.docs-anchor{scroll-margin-top:7rem}.docs-section h2{margin:0 0 var(--space-lg);color:var(--paper);letter-spacing:-.055em;text-wrap:balance;word-break:keep-all;font-size:clamp(2rem,7vw,3rem);font-weight:600;line-height:1.18}.docs-section h2 code{color:inherit;font-family:var(--font-sans);font-size:inherit;font-weight:inherit;letter-spacing:inherit}.docs-section h3{margin:var(--space-2xl) 0 var(--space-md);letter-spacing:-.025em;font-size:1.375rem;font-weight:600}.docs-section>p{max-width:44rem;color:var(--ink-350);word-break:keep-all;margin:0;font-size:1rem;line-height:1.85}.docs-section>p a,.docs-note a{color:var(--paper);text-underline-offset:.2em;-webkit-text-decoration:underline #90bdf98f;text-decoration:underline #90bdf98f;text-decoration-thickness:1px}.docs-section>p+p,.docs-code-block+p,.docs-table-wrap+p,.docs-pipeline+p{margin-top:var(--space-lg)}.docs-article p code,.docs-note code{border:1px solid var(--line);background:var(--ink-900);color:var(--blue-bright);padding:.125rem .35rem;font-size:.875em}.docs-note{gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-lg);border-block:1px solid var(--line-strong);background:var(--ink-950);display:grid}.docs-note strong{color:var(--blue-bright);font-size:.9375rem}.docs-note p{color:var(--ink-350);word-break:keep-all;margin:0;font-size:.9375rem;line-height:1.75}.docs-note.is-caution strong{color:#d7c58f}.docs-code-block{min-width:0;margin-top:var(--space-xl);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-950);overflow:hidden}.docs-code-head{min-height:3.25rem;padding-left:var(--space-md);border-bottom:1px solid var(--line);color:var(--ink-500);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.docs-code-head button{justify-content:center;align-items:center;gap:var(--space-xs);min-width:5.25rem;min-height:3.25rem;padding-inline:var(--space-sm);border:0;border-left:1px solid var(--line);background:var(--ink-900);color:var(--ink-350);cursor:pointer;transition:background-color .15s var(--ease-out), color .15s var(--ease-out);font-size:.875rem;display:inline-flex}.docs-code-head button svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:1rem}.docs-code-block pre{color:var(--ink-350);tab-size:2;margin:0;padding:clamp(1.25rem,5vw,2rem);font-size:.875rem;line-height:1.8;overflow-x:auto}.docs-code-block code{color:var(--ink-350)}.docs-code-block .token-comment{color:#6f7b8f;font-style:italic}.docs-code-block .token-keyword{color:#a8c9ff}.docs-code-block .token-string{color:#9ed7c4}.docs-code-block .token-number,.docs-code-block .token-option{color:#e2bf7d}.docs-code-block .token-type{color:#d2bdf8}.docs-code-block .token-function,.docs-code-block .token-command{color:#67d8ff}.docs-code-block .token-package{color:#a9c7ff}.docs-pipeline{margin:var(--space-2xl) 0 0;border-top:1px solid var(--line-strong);padding:0;list-style:none}.docs-pipeline li{gap:var(--space-md);padding-block:var(--space-lg);border-bottom:1px solid var(--line);grid-template-columns:2rem minmax(0,1fr);display:grid}.docs-pipeline li>span{color:var(--blue-bright);font-family:var(--font-code);font-size:.875rem}.docs-pipeline li div{gap:var(--space-xs);display:grid}.docs-pipeline strong{font-size:1.0625rem;font-weight:600}.docs-pipeline p{color:var(--ink-350);word-break:keep-all;margin:0;font-size:.9375rem;line-height:1.7}.docs-table-wrap{width:100%;margin-top:var(--space-xl);border-block:1px solid var(--line-strong);overflow-x:auto}.docs-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:38rem}.docs-table-wrap caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.docs-table-wrap th,.docs-table-wrap td{padding:var(--space-md);border-bottom:1px solid var(--line);vertical-align:top;font-size:.875rem;line-height:1.65}.docs-table-wrap tr:last-child td{border-bottom:0}.docs-table-wrap th{color:var(--paper);font-weight:600}.docs-table-wrap td{color:var(--ink-350)}.docs-table-wrap td code{color:var(--blue-bright);white-space:nowrap}.docs-mobile-index summary:focus-visible,.docs-nav-group a:focus-visible,.docs-article-tools a:focus-visible,.docs-code-head button:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}@media (width>=48rem){.docs-page{padding-top:4.75rem}.docs-page .site-header-inner{width:min(calc(100% - 2rem), var(--docs-article-width))}.docs-article{width:min(100%, var(--docs-article-width));margin-inline:auto}.docs-article-header h1{font-size:clamp(3.5rem,6vw,5rem)}}@media (width>=64rem){.docs-page .site-header-inner{grid-template-columns:var(--docs-sidebar-width) minmax(0, var(--docs-article-width));gap:var(--docs-column-gap);justify-content:center;width:min(100% - 2rem,92rem);display:grid}.docs-page .site-header-content{margin-left:var(--space-sm);grid-column:1/-1}.docs-mobile-index{display:none}.docs-grid{grid-template-columns:var(--docs-sidebar-width) minmax(0, var(--docs-article-width));gap:var(--docs-column-gap);justify-content:center}.docs-sidebar{height:calc(100vh - 4.75rem);padding:var(--space-xl) var(--space-lg) var(--space-3xl) 0;border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--ink-700) transparent;display:block;position:sticky;top:4.75rem;overflow-y:auto}.docs-article{width:auto;margin:0}}@media (pointer:fine) and (hover:hover){.docs-article-tools a:hover{color:var(--paper)}.docs-nav-group a:hover,.docs-code-head button:hover{background:var(--surface-selected);color:var(--paper)}}.docs-mobile-index summary:after,.docs-nav-group a.is-current span,.docs-kicker,.docs-section-index,.docs-note:not(.is-caution) strong,.docs-pipeline li>span,.docs-table-wrap td code{color:var(--blue-bright);-webkit-text-fill-color:currentColor;background:0 0}.docs-article p code,.docs-note code{background:var(--ink-900);color:var(--blue-bright);-webkit-text-fill-color:currentColor}.docs-page .wordmark span{color:var(--blue-bright);-webkit-text-fill-color:currentColor;background:0 0}@media (forced-colors:active){.docs-mobile-index summary:after,.docs-nav-group a.is-current span,.docs-kicker,.docs-section-index,.docs-note:not(.is-caution) strong,.docs-pipeline li>span,.docs-table-wrap td code,.docs-article p code,.docs-note code,.docs-page .wordmark span{color:linktext;-webkit-text-fill-color:currentColor;background:0 0}}