: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-demo:"Noto Sans KR Variable", 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}.hero-description{max-width:32rem;color:var(--ink-350);text-align:center;text-wrap:balance;margin:1rem auto;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.5}.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));font-family:var(--font-demo);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-gap{white-space:pre;flex:none;display:inline-block}.line-break-force{flex-basis:100%;width:0;height:0;display:block}.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{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) 1.25rem;flex:1;place-items:center;display:grid}.headline-measure{--headline-measure-padding:1.25rem;max-width:100%;padding-inline:var(--headline-measure-padding);transition:width .18s var(--ease-out);position:relative}.measure-instrument.is-dragging .headline-measure{transition:none}.demo-headline{color:var(--paper);font-family:var(--font-demo);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(--headline-measure-padding);left:var(--headline-measure-padding);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}#playground-title{scroll-margin-top:var(--space-2xl)}.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;font-family:var(--font-demo);letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:1rem;font-weight:600;line-height:1.45;position:absolute}.process-candidates{font-family:var(--font-demo);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{font-family:var(--font-demo);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);font-family:var(--font-demo);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:1;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) 2.875rem}.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,1fr);place-items:start}.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}}