:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fafafa;--panel:#fff;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--soft:#f4f4f5;--green:#22c55e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.site-frame{width:min(1240px,100% - 48px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.wordmark-mark{background:var(--ink);color:#fff;border-radius:6px;place-items:center;width:24px;height:24px;font-family:Georgia,serif;font-size:15px;font-style:italic;display:grid}.primary-nav{color:var(--muted);gap:28px;font-size:13px;display:flex}.primary-nav a{align-items:center;gap:5px;display:inline-flex}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--ink)}.hero{border-bottom:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex}.eyebrow,.section-index{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:650}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow span,.preview-status i{background:var(--green);border-radius:999px;width:6px;height:6px}.eyebrow span{box-shadow:0 0 0 3px #dcfce7}.hero h1{letter-spacing:-.06em;max-width:760px;margin:24px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,8vw,88px);font-weight:400;line-height:.95}.hero>p{max-width:570px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.hero-actions{align-items:center;gap:12px;margin-top:32px;display:flex}.install-command,.primary-link{border-radius:8px;align-items:center;min-height:42px;font-size:13px;display:flex}.install-command{border:1px solid var(--line);background:var(--panel);gap:12px;padding:0 16px;box-shadow:0 1px 2px #00000008}.install-command span{color:#a1a1aa}.primary-link{background:var(--ink);color:#fff;padding:0 18px;font-weight:650}.primary-link:hover,.primary-link:focus-visible{background:#3f3f46}.featured-section{padding:88px 0 104px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:40px;display:grid}.section-heading h2,.docs-page-header h1,.component-page-header h1,.doc-section-heading h2{letter-spacing:-.045em;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-weight:400}.section-heading h2{font-size:clamp(38px,5vw,54px)}.section-heading>p{max-width:440px;color:var(--muted);margin:0 0 4px auto;font-size:14px;line-height:1.65}.featured-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.featured-card{border-right:1px solid var(--line);grid-template-rows:auto 1fr auto;min-height:260px;padding:24px;transition:background-color .16s;display:grid}.featured-card:last-child{border-right:0}.featured-card:hover,.featured-card:focus-visible{background:var(--panel)}.card-index,.component-card-topline{color:#a1a1aa;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.featured-card div{align-self:end}.featured-card h3,.component-card h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.featured-card p,.component-card p{color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.6}.card-arrow{justify-self:end;margin-top:24px}.catalog-cta{align-items:center;gap:16px;width:fit-content;margin:28px 0 0 auto;font-size:13px;font-weight:650;display:flex}.catalog-cta svg,.component-card-link svg,.primary-nav svg{flex-shrink:0}.docs-shell{grid-template-columns:190px minmax(0,1fr);gap:64px;min-height:calc(100vh - 172px);padding:56px 0 104px;display:grid}.docs-nav{flex-direction:column;gap:3px;height:fit-content;display:flex;position:sticky;top:32px}.docs-nav-label{color:#a1a1aa;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:10px;font-weight:700}.docs-nav a{min-height:34px;color:var(--muted);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.docs-nav a:hover,.docs-nav a:focus-visible{background:var(--soft);color:var(--ink)}.docs-nav a[aria-current=page]{background:var(--ink);color:#fff}.docs-nav a span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.docs-nav a[aria-current=page] span{color:#86efac}.docs-content{min-width:0}.docs-page-header,.component-page-header{max-width:760px;padding:24px 0 56px}.docs-page-header h1{font-size:clamp(48px,6vw,72px);line-height:.98}.docs-page-header>p:last-child,.component-page-header>p:last-child{max-width:620px;color:var(--muted);margin:24px 0 0;font-size:15px;line-height:1.7}.component-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:260px;padding:26px;transition:background-color .16s,transform .16s;display:flex}.component-card:hover,.component-card:focus-visible{background:var(--soft)}.component-card-topline{justify-content:space-between;min-height:24px;display:flex}.component-card h2{margin-top:28px}.component-card p{max-width:360px}.component-card-link{text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;padding-top:32px;font-size:11px;font-weight:650;display:flex}.new-badge{color:#166534;letter-spacing:.08em;text-transform:uppercase;background:#dcfce7;border-radius:999px;align-items:center;width:fit-content;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.breadcrumb{color:var(--muted);align-items:center;gap:10px;margin-bottom:48px;font-size:12px;display:flex}.breadcrumb a:hover,.breadcrumb a:focus-visible{color:var(--ink)}.breadcrumb-separator{color:#d4d4d8;flex-shrink:0}.component-title-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.component-page-header h1{font-size:clamp(48px,6vw,70px);line-height:1}.component-title-row>.new-badge{margin-bottom:8px}.component-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.component-context>div{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:18px}.component-context p:last-child{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.doc-section{border-top:1px solid var(--line);padding:72px 0}.doc-section-heading{margin-bottom:30px}.doc-section-heading h2{font-size:clamp(32px,4vw,42px)}.playground-shell{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);min-height:490px;display:grid;overflow:hidden;box-shadow:0 16px 48px #0000000a}.preview-panel{border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.preview-toolbar,.controls-header,.code-header{border-bottom:1px solid var(--line);height:48px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;font-weight:650;display:flex}.preview-status{align-items:center;gap:7px;display:flex}.preview-stage,.static-demo-stage{background-color:#fcfcfc;background-image:radial-gradient(#d4d4d8 .75px,#0000 .75px);background-size:18px 18px}.preview-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.preview-stage .gra-ui{min-width:168px}.binary-march-preview .gra-ui,.metric-mandate-preview .gra-ui,.crank-shift-preview .gra-ui,.gesture-patent-preview .gra-ui,.run-length-pack-preview .gra-ui,.clause-audit-preview .gra-ui,.terminus-choice-preview .gra-ui,.drop-silo-preview .gra-ui,.alphabetical-queue-preview .gra-ui,.percent-parcel-preview .gra-ui,.column-tally-preview .gra-ui,.rounding-ruling-preview .gra-ui,.tension-arc-preview .gra-ui,.gray-route-preview .gra-ui,.atbash-notice-preview .gra-ui,.apportion-veil-preview .gra-ui,.fate-panel-preview .gra-ui,.drift-pin-preview .gra-ui,.alternating-intake-preview .gra-ui,.vowel-shift-preview .gra-ui{width:min(100%,480px)}.apportion-veil-demo-label,.fate-panel-demo-label,.drift-pin-demo-label{font-size:13px;font-weight:650}.recess-depth-preview .gra-ui,.custody-choice-preview .gra-ui,.counterweight-preview .gra-ui,.shadow-pair-preview .gra-ui,.center-out-preview .gra-ui,.wheel-stamp-preview .gra-ui,.elastic-frame-preview .gra-ui,.neighbor-march-preview .gra-ui,.signal-choice-preview .gra-ui,.footnote-shift-preview .gra-ui{width:min(100%,480px)}.ruler-rise-preview .gra-ui{width:min(100%,460px)}.focus-receipt-preview .gra-ui{width:min(100%,480px)}.focus-receipt-demo-label{font-size:13px;font-weight:650}.ruler-rise-demo-label{font-size:12px;font-weight:650}.margin-quota-preview .gra-ui,.letter-levy-preview .gra-ui,.blank-filing-preview .gra-ui{width:min(100%,480px)}.blank-filing-demo-label{font-size:13px;font-weight:650}.space-staple-preview .gra-ui{width:min(100%,420px)}.momentum-weave-preview .gra-ui{width:min(100%,460px)}.momentum-weave-demo-label{font-size:13px;font-weight:650}.seam-fold-preview .gra-ui{width:min(100%,460px)}.seam-fold-demo-label{font-size:13px;font-weight:650}.layout-referendum-preview .gra-ui{width:min(100%,430px)}.layout-referendum-demo-label{font-size:13px;font-weight:650}.word-relay-preview .gra-ui{width:min(100%,420px)}.word-relay-preview .word-relay__word{font-size:13px}.side-split-preview .gra-ui{width:min(100%,420px)}.index-sum-preview .gra-ui,.copy-echo-preview .gra-ui{width:min(100%,360px)}.index-sum-demo-label,.side-split-demo-label{font-size:12px;font-weight:650}.decision-output{min-height:20px;color:var(--muted);text-align:center;margin:18px 0 0;font-size:12px}.decision-output strong{color:var(--ink);font-weight:600}.equal-choice-demo-label,.focus-fade-demo-label,.clone-target{border:1px solid var(--line);background:var(--soft);border-radius:7px;padding:12px 16px;font-size:13px;display:block}.equal-choice-preview .gra-ui{min-width:260px}.split-label-preview .gra-ui,.focus-fade-preview .gra-ui{min-width:280px}.controls-panel{padding-bottom:20px}.controls-header button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600}.press-escape-preview .gra-ui{min-width:280px}.press-escape-demo-label{font-size:15px;font-weight:650}.keystroke-stack-preview .gra-ui{min-width:280px}.keystroke-stack-preview .keystroke-stack__row{font-size:15px;font-weight:650}.reorder-back-preview .gra-ui{min-width:300px}.reorder-back-demo-label{font-size:15px;font-weight:650}.drag-duplicate-preview .gra-ui{min-width:300px}.drag-duplicate-demo-label{font-size:15px;font-weight:650}.hover-confirm-preview .gra-ui{min-width:320px}.hover-confirm-demo-label{font-size:15px;font-weight:650}.hold-position-preview .gra-ui{min-width:360px}.hold-position-demo-label{text-align:center;font-size:13px;font-weight:650}.timed-release-preview .gra-ui{min-width:360px}.timed-release-demo-label{text-align:center;font-size:13px;font-weight:650}.length-order-preview .gra-ui{min-width:340px}.length-order-preview .length-order__control-label{font-size:9px}.length-order-preview .length-order__item{font-size:13px;font-weight:650}.click-order-preview .gra-ui{min-width:360px}.click-order-demo-label{font-size:13px;font-weight:650}.corner-fold-preview .gra-ui{min-width:360px}.corner-fold-demo-label{font-size:13px;font-weight:650}.pairwise-merge-preview .gra-ui{min-width:360px}.pairwise-merge-demo-label{font-size:13px;font-weight:650}.average-position-preview .gra-ui{min-width:360px}.average-position-demo-label{font-size:13px;font-weight:650}.last-remaining-preview .gra-ui,.backspace-archive-preview .gra-ui{min-width:360px}.backspace-archive-preview .backspace-archive__input{font-size:13px}.backspace-archive-preview .backspace-archive__reset{font-size:10px}.focus-unpack-preview .gra-ui{min-width:360px}.focus-unpack-demo-label{font-size:13px;font-weight:650}.hover-route-preview .gra-ui{width:min(100%,430px)}.hover-route-demo-label{font-size:13px;font-weight:650}.nest-children-preview .gra-ui{width:min(100%,430px)}.nest-children-demo-label{font-size:13px;font-weight:650}.drag-threshold-preview .gra-ui{width:min(100%,380px)}.drag-threshold-demo-label{font-size:13px;font-weight:650}.scale-sweep-preview .gra-ui{width:min(100%,430px)}.checkpoint-queue-preview .gra-ui{width:min(100%,460px)}.checkpoint-queue-demo-label{font-size:13px;font-weight:650}.child-gravity-preview .gra-ui{width:min(100%,430px)}.child-gravity-demo-label,.scale-sweep-demo-label{font-size:13px;font-weight:650}.case-gate-preview .gra-ui{width:min(100%,380px)}.case-gate-demo-label{font-size:15px;font-weight:650}.mixed-click-preview .gra-ui{width:min(100%,380px)}.duration-scale-preview .gra-ui{width:min(100%,300px)}.duration-scale-demo-label,.mixed-click-demo-label{text-align:center;font-size:13px;font-weight:650}.equal-choice-notes dl{margin:0;padding:6px 20px 20px}.equal-choice-notes dl>div{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:22px 1fr;gap:10px;padding:14px 0;font-size:12px;line-height:1.5;display:grid}.equal-choice-notes dt{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:16px}.equal-choice-notes dd{margin:0}.control-group,.switch-control{color:#3f3f46;flex-direction:column;gap:9px;margin:22px 20px 0;font-size:12px;font-weight:600;display:flex}.control-group>span,.switch-control>span:first-child{justify-content:space-between;gap:12px;display:flex}.control-group small,.switch-control small{color:#a1a1aa;font-size:10px;font-weight:400}textarea,select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:7px;outline:none;font-size:12px}textarea{resize:vertical;padding:10px 11px;line-height:1.5}select{height:36px;padding:0 10px}textarea:focus,select:focus{box-shadow:0 0 0 3px var(--soft);border-color:#a1a1aa}.range-control output{color:var(--muted);font-size:11px;font-weight:400}input[type=range]{width:100%;accent-color:var(--ink)}.switch-control{border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;padding-top:20px}.switch-control>span{flex-direction:column;gap:4px;display:flex}.switch-control input{width:34px;height:18px;accent-color:var(--ink)}.static-demo{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #0000000a}.static-demo-stage{justify-content:center;align-items:center;gap:18px;min-height:320px;padding:40px;display:flex}.static-demo-stage>code{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.disclosure-spill-preview .gra-ui{width:min(100%,430px)}.disclosure-spill-demo-label{font-size:13px;font-weight:650}.arrow-bias-preview .gra-ui{width:min(100%,460px)}.arrow-bias-demo-label{border:1px solid;border-radius:5px;width:100%;padding:5px 7px;font-size:11px;font-weight:700;display:block}.repeated-demo{gap:12px;display:flex}.code-block{background:#18181b;border:1px solid #27272a;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #00000014}.code-header{color:#a1a1aa;border-color:#3f3f46}pre{color:#e4e4e7;margin:0;padding:24px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.75;overflow-x:auto}.api-table{border-top:1px solid var(--line);overflow-x:auto}.api-row{border-bottom:1px solid var(--line);min-width:680px;min-height:66px;color:var(--muted);grid-template-columns:.45fr .9fr 1.4fr;align-items:center;gap:24px;font-size:13px;display:grid}.api-header{color:#a1a1aa;letter-spacing:.1em;text-transform:uppercase;min-height:42px;font-size:9px;font-weight:700}.api-row code{border:1px solid var(--line);background:var(--soft);width:fit-content;color:var(--ink);border-radius:5px;padding:3px 6px;font-size:11px}.api-type{color:#52525b;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.site-footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px;display:grid}.site-footer p{margin:0}.site-footer span:first-child{color:var(--ink);font-weight:650}.site-footer span:last-child{text-align:right}.idle-unspool-demo-label,.parity-purge-demo-label{border:1px solid;border-radius:5px;width:100%;padding:5px 7px;font-size:11px;font-weight:700;display:block}@media (max-width:900px){.site-frame{width:min(100% - 28px,720px)}.hero{min-height:460px}.hero h1{font-size:clamp(48px,15vw,72px)}.featured-section{padding:70px 0 82px}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading>p{margin-left:0}.featured-grid{grid-template-columns:1fr}.featured-card{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.featured-card:last-child{border-bottom:0}.docs-shell{padding:24px 0 80px;display:block}.docs-nav{border-bottom:1px solid var(--line);scrollbar-width:thin;flex-direction:row;gap:6px;margin:0 -14px 32px;padding:0 14px 14px;position:static;overflow-x:auto}.docs-nav-label{display:none}.docs-nav a{flex:none;padding:0 12px}.docs-nav a span{margin-left:7px}.docs-page-header,.component-page-header{padding-top:16px}.component-grid,.component-context,.playground-shell{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid var(--line);min-height:360px}.preview-stage{padding:40px 18px}}@media (max-width:560px){.primary-nav a:first-child{display:none}.hero-actions{flex-direction:column;width:100%}.install-command,.primary-link{justify-content:center;width:min(100%,300px)}.docs-page-header h1,.component-page-header h1{font-size:clamp(43px,13vw,58px)}.component-title-row{align-items:start}.doc-section{padding:56px 0}.static-demo-stage{flex-direction:column;min-height:260px;padding:32px 16px}.repeated-demo{flex-direction:column}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.prime-ledger-preview .gra-ui,.caption-charter-preview .gra-ui,.caret-split-preview .gra-ui,.gate-sequence-preview .gra-ui,.column-transpose-preview .gra-ui,.decimal-erosion-preview .gra-ui,.voice-ruling-preview .gra-ui,.route-ink-preview .gra-ui,.skip-ledger-preview .gra-ui,.consonant-transfer-preview .gra-ui{width:min(100%,480px)}