@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--page);--page:#f4f3ed;--surface:#fff;--text:#23241f;--muted:#62645a;--line:#d5d6cb;--soft:#eaeae1;--accent:#00a875;--accent-soft:#e9f5f1;--brand-accent:#d44b21}html{scrollbar-width:thin;scrollbar-color:#b2bfce #f5f7fa}html:has(body[data-appearance=dark]){scrollbar-color:#62675a #171915}body{margin:0;background:var(--page);color:var(--text)}:root[data-appearance=dark],body[data-appearance=dark]{--page:#171915;--surface:#20231e;--text:#eeefe5;--muted:#aaaea1;--line:#393d33;--soft:#292d25;--brand-accent:#ff885f;--accent:#67e8f9;--accent-soft:#19343e}:root[data-appearance=light],body[data-appearance=light]{--accent:#2563eb;--accent-soft:#eef4ff}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,summary{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-definitions{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.playground{max-width:1600px;margin:auto;padding:0 32px}.app-nav{justify-content:space-between;gap:20px;height:76px}.app-nav,.brand{display:flex;align-items:center}.brand{font-family:Space Grotesk,sans-serif;gap:8px;font-weight:750;font-size:19px;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:transparent;color:var(--text)}.brand-mark svg{width:22px;height:22px}.brand-subtitle{font-weight:600;color:var(--muted);margin-left:-5px}.nav-links{gap:28px;font-size:13px}.nav-links,.source-link{display:flex;align-items:center}.source-link{gap:7px;font-weight:600}.source-link svg{width:14px;height:14px}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--text)}.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{width:16px;height:16px}.theme-sun{display:none}body[data-appearance=dark] .theme-sun{display:block}body[data-appearance=dark] .theme-moon{display:none}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:14px 0}h1{margin:0;font-size:20px;font-weight:650;letter-spacing:-.4px;line-height:1.2}.intro{margin:4px 0 0;line-height:1.6}.guide-link,.intro{font-size:13px;color:var(--muted)}.guide-link{white-space:nowrap;display:flex;gap:10px;align-items:center;padding-bottom:3px}.guide-link:hover{color:var(--accent)}.grid-panel{border:1px solid var(--line);border-radius:0;background:var(--surface);overflow:hidden}.panel-header{justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-header,.panel-heading{display:flex;align-items:center}.panel-heading{gap:10px}h2{font-size:15px;font-weight:650;margin:0}.view-pill{font-size:13px;color:var(--accent);background:var(--accent-soft);padding:4px 8px;border-radius:5px}#grid-count{margin:0;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grid-toolbar{justify-content:space-between;gap:14px;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--surface)}.grid-toolbar,.tool-group{display:flex;align-items:center}.tool-group{gap:6px;flex-wrap:wrap}.tool-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px;min-height:32px}.tool-button:hover:not(:disabled){background:var(--soft)}.tool-button svg{width:15px;height:15px}.find-button{border-color:var(--line)}.icon-button{padding:7px}.tool-divider{width:1px;height:18px;background:var(--line);margin:0 5px}kbd{display:inline-block;font:13px ui-monospace,SFMono-Regular,monospace;color:var(--muted);border:solid var(--line);border-width:1px 1px 2px;border-radius:4px;padding:2px 5px;background:var(--surface);white-space:nowrap}.find-button kbd{margin-left:14px}.toggle-control{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);white-space:nowrap}.toggle-control input{width:13px;height:13px;accent-color:var(--accent)}.appearance-control{display:flex;align-items:center;gap:8px;margin-left:14px;font-size:13px;color:var(--muted)}.appearance-control select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px}#grid{height:clamp(360px,calc(100dvh - 265px),1000px);min-height:300px;width:100%}.grid-status{justify-content:space-between;gap:16px;min-height:30px;padding:6px 12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.grid-status,.selection-status{display:flex;align-items:center}.selection-status{gap:8px;flex-shrink:0}#grid-ranges{border-left:1px solid var(--line);padding-left:8px}#grid-ranges:empty{display:none}#grid-activity{margin:0;text-align:right;overflow-wrap:anywhere}.below-grid{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px}.state-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--muted)}.state-legend>span{display:flex;align-items:center;gap:6px}.muted-swatch,.state-legend svg{width:12px;height:12px}.muted-swatch{background:var(--soft);border:1px solid var(--line);border-radius:3px}.freeze-swatch{width:12px;height:2px;background:#a5b4c6}body[data-appearance=dark] .freeze-swatch{background:#64748b}.guide-section{padding:0 0 8px;scroll-margin-top:24px}.guide-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-cards article{background:var(--surface);padding:14px 18px}h3{margin:12px 0 8px;font-size:13px;font-weight:650}.guide-cards p,.guide-details p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.card-shortcut{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13px;color:var(--muted);margin-top:18px}.card-shortcut span{margin-right:7px}.shortcut-guide{margin-top:0;border:1px solid var(--line);border-radius:2px;background:var(--surface)}.shortcut-guide summary{padding:10px 12px;font-size:13px;font-weight:600}.guide-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding:4px 18px 18px}.guide-details p{margin-bottom:10px}dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:13px}dt{color:var(--muted)}dd{margin:0}.page-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0;margin-top:10px}.footer-separator{margin:0 8px;opacity:.4}@media (max-width:1000px){.grid-toolbar{flex-wrap:wrap}.settings-group{margin-left:auto}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){body{transition:background-color .15s,color .15s}}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--surface);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{color:var(--muted);font:13px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px;margin:0 0 16px}.product-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;max-width:none;margin:0;padding:64px 36px 56px;align-items:center;position:relative;border-inline:1px solid var(--line)}.product-intro:before{content:"+";position:absolute;top:-11px;left:-5px;font:18px ui-monospace,monospace;color:var(--muted)}.hero-copy{min-width:0}.product-intro h1{font-family:Space Grotesk,sans-serif;font-size:clamp(58px,7.7vw,112px);letter-spacing:-6px;line-height:1.06;font-weight:600}.hero-selected{font-size:.5em;letter-spacing:-.035em;max-width:100%;display:inline-block;position:relative;padding:0 12px 9px 8px;margin:10px 0 0 -8px;border:1px solid transparent}.hero-drag-frame{position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid var(--brand-accent);pointer-events:none}.hero-drag-frame:after{content:"";position:absolute;width:8px;height:8px;right:-5px;bottom:-5px;background:var(--brand-accent)}.hero-grid-word{display:inline-block;position:relative;color:var(--muted)}.hero-grid-baseline{display:inline-block;width:0;height:0;vertical-align:baseline}.hero-grid-stroke{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;font:inherit;letter-spacing:inherit}.hero-grid-stroke text{fill:none;stroke:var(--brand-accent);stroke-width:1.3;stroke-dasharray:700;opacity:0}.product-summary{font-size:15px;line-height:1.75;color:var(--muted);max-width:440px;margin:28px 0}.product-actions{flex-wrap:wrap;gap:24px;margin:28px 0 18px}.primary-link,.product-actions{display:flex;align-items:center}.primary-link{background:var(--text);color:var(--page);padding:15px 18px;font-size:13px;gap:32px}.primary-link:hover{background:var(--brand-accent);color:#fff}.secondary-link,.text-link{color:var(--text);font-size:13px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}.secondary-link:hover,.text-link:hover{color:var(--brand-accent)}.release-note{color:var(--muted);font:13px/1.8 ui-monospace,monospace}.motion-preview{min-width:0;border-block:1px solid var(--line);background:transparent;overflow:hidden;align-self:center}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.capability-list article,.demo-scenarios button,.primary-link,.resource-links a{transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.demo-scenarios button:hover,.primary-link:hover{transform:translateY(-2px)}.capability-list article:hover{background:var(--soft)}}.product-facts{display:grid;grid-template-columns:repeat(4,1fr);font:13px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line)}.product-facts span{padding:18px 20px;border-right:1px solid var(--line)}.product-facts span:last-child{border-right:0}.page-header{padding:40px 0 20px;scroll-margin-top:20px}.page-header h2{font-size:28px;letter-spacing:-1px;margin:0}.page-header .eyebrow{margin-bottom:10px}.demo-scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:0;border:1px solid var(--line);border-bottom:0;counter-reset:scenario}.demo-scenarios button{text-align:left;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);padding:18px;font-size:13px;counter-increment:scenario}.demo-scenarios button:last-child{border-right:0}.demo-scenarios button:before{content:"0" counter(scenario) " / ";font:13px ui-monospace,monospace;color:var(--brand-accent)}.demo-scenarios button:hover{background:var(--soft)}.demo-scenarios span{display:block;margin-top:6px;font-size:13px;color:var(--muted)}.product-section{max-width:none;margin:0;padding:72px 36px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.product-section h2{font-family:Space Grotesk,sans-serif;margin:0 0 20px;font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:600}.product-section p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}#capabilities{display:grid;grid-template-columns:1fr 1.3fr;column-gap:64px}#capabilities>.eyebrow,#capabilities>h2{grid-column:1}.capability-list{grid-column:2;grid-row:1/span 2;display:grid;gap:0;border-top:1px solid var(--line)}.capability-list article{display:grid;grid-template-columns:30px 1fr;gap:8px 14px;padding:22px 0;border-bottom:1px solid var(--line)}.capability-list article>span{grid-row:span 2;padding-top:4px;font:13px ui-monospace,monospace;color:var(--brand-accent)}.capability-list h3{font-size:17px;margin:0;letter-spacing:-.4px}.capability-list p{margin:0}.ai-section,.integration-section{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start}pre{margin:0;max-width:100%;overflow:auto;scrollbar-width:thin;background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:0;font:13px/1.9 ui-monospace,SFMono-Regular,monospace}.integration-section pre{background:#242820;color:#e4e8d9;border-color:#3b4134}.resource-links{border-top:1px solid var(--line)}.resource-links a{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px}.resource-links a:hover{color:var(--brand-accent)}.resource-links span{font:13px ui-monospace,monospace;color:var(--muted)}.footer-wordmark{font-family:Space Grotesk,sans-serif;display:flex;justify-content:space-between;gap:24px;padding:44px 0 24px;overflow:hidden;font-size:clamp(32px,8vw,120px);font-weight:650;letter-spacing:-.065em;line-height:1}.footer-wordmark span{color:var(--brand-accent)}.documentation{max-width:1180px;padding:0 24px;margin:auto}.documentation h1{font-size:40px;letter-spacing:-1px}.docs-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:50px;padding:40px 0}.docs-nav{display:grid;align-content:start;gap:18px;position:sticky;top:20px;height:max-content;font-size:13px;color:var(--muted)}.docs-layout section{scroll-margin-top:20px;margin-bottom:48px}.docs-layout h2{font-size:24px;margin-top:0}.docs-layout li,.docs-layout p{font-size:14px;line-height:1.8;color:var(--muted)}.docs-layout pre{margin:20px 0}.ai-section>*,.docs-layout article,.integration-section>*{min-width:0}@media(max-width:900px){.product-intro{grid-template-columns:1fr;padding:40px 20px;gap:28px}.motion-preview{max-width:580px;width:100%}.product-section{padding:48px 20px}#capabilities,.ai-section,.integration-section{gap:28px}}@media(max-width:640px){.nav-links{gap:10px;font-size:13px}.nav-links .source-link{display:none}.brand{font-size:14px;gap:4px}.brand-mark{width:22px;height:22px}.brand-subtitle{margin-left:0}.theme-toggle{width:30px;height:30px}.product-intro{padding:32px 12px}.product-intro h1{font-size:64px;letter-spacing:-3.5px}.product-summary{font-size:13px}.product-actions{gap:18px}.preview-top,.primary-link{font-size:13px}.preview-modes button{padding:9px 6px;font-size:13px}.preview-caption,.preview-modes button:before{font-size:13px}.product-facts{grid-template-columns:1fr 1fr}.product-facts span{padding:14px 12px;font-size:13px}.product-facts span:nth-child(2){border-right:0}.product-facts span:nth-child(-n+2){border-bottom:1px solid var(--line)}.demo-scenarios{grid-template-columns:repeat(2,1fr)}.demo-scenarios button{padding:14px 10px;font-size:13px}.demo-scenarios button:nth-child(2){border-right:0}.demo-scenarios button:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-section{padding:40px 0}#capabilities,.ai-section,.integration-section{grid-template-columns:1fr}.capability-list{grid-column:1;grid-row:auto}.product-section h2{font-size:34px}.docs-layout{grid-template-columns:1fr;gap:24px}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:14px}.documentation h1{font-size:32px}}.below-grid,.grid-panel,.guide-section{font-family:system-ui,sans-serif}.example-heading{padding:64px 32px 36px;max-width:900px}.example-heading h1{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,68px);letter-spacing:-2px;line-height:1.1;margin:16px 0}.example-heading>p:last-child{font-size:18px;line-height:1.6;color:var(--muted)}.example-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.example-catalog>a{padding:32px;border-bottom:1px solid var(--line)}.example-catalog>a:nth-child(odd){border-right:1px solid var(--line)}.example-catalog h2{font-size:25px;letter-spacing:-.6px;display:flex;justify-content:space-between;gap:12px}.example-catalog p{color:var(--muted);line-height:1.7;max-width:440px}.example-catalog>a:focus-visible,.example-catalog>a:hover{background:var(--soft)}.example-catalog h2 span{color:var(--brand-accent)}.example-topics{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0;border-block:1px solid var(--line)}.example-topics a{padding:9px 12px;font-size:13px;background:var(--soft)}.example-topics a[aria-current]{background:var(--text);color:var(--page)}.example-instructions{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:32px}.example-instructions h2{font-size:22px;margin-top:0}.example-instructions ol{list-style:decimal;padding-left:22px}.example-instructions li{padding:0 0 12px 8px;line-height:1.65;font-size:15px}.example-instructions aside{border-left:2px solid var(--brand-accent);padding-left:24px;color:var(--muted);line-height:1.7}.feature-demo #grid{height:430px}.example-discovery{margin:20px 0;font-size:14px}.keyboard-help{margin:auto;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;padding:24px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 16px 60px #0003}.keyboard-help::backdrop{background:#0004}.keyboard-help header{display:flex;align-items:center;justify-content:space-between;gap:16px}.keyboard-help h2{font-size:24px;margin:0}.keyboard-help p{color:var(--muted);font-size:14px;line-height:1.7;margin:16px 0}.keyboard-help dl{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 20px;font-size:13px}.keyboard-help dd{margin:0;line-height:1.8}.demo-notes{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.demo-notes summary{cursor:pointer;width:max-content}.demo-notes p{max-width:850px;line-height:1.8;margin-top:12px}.docs-nav{max-height:calc(100dvh - 40px)}.framework-support{padding:36px 0;border-bottom:1px solid var(--line)}.framework-support header{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-bottom:24px}.framework-support .eyebrow{flex-basis:100%;margin:0}.framework-support h2{font:600 clamp(24px,3vw,36px)/1.2 Space Grotesk,sans-serif;letter-spacing:-1px;margin:0}.framework-support header>p:last-child{color:var(--muted);margin:0}.framework-options{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--muted)}.border-draw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.border-draw rect{fill:none;stroke:var(--brand-accent);stroke-width:1;stroke-dasharray:1;opacity:0}.framework-options>a{padding:24px;border-right:1px solid var(--line)}.framework-options>a:last-child{border-right:0}.framework-options>a:focus-visible,.framework-options>a:hover{background:var(--soft)}.framework-label{font:13px ui-monospace,monospace;color:var(--brand-accent)}.framework-options h3{font-size:21px;margin:16px 0;display:flex;justify-content:space-between;gap:12px}.framework-options p{font-size:14px;line-height:1.7;color:var(--muted)}.framework-options code{font-size:13px}.framework-note{font-size:13px;color:var(--muted);line-height:1.8;margin:18px 0 0}@media(max-width:640px){.framework-options{grid-template-columns:1fr}.framework-options>a{border-right:0;border-bottom:1px solid var(--line);padding:20px 12px}.framework-options>a:last-child{border-bottom:0}.keyboard-help{padding:18px}.keyboard-help dl{grid-template-columns:1fr;gap:6px}.keyboard-help dd{margin-bottom:10px}.example-heading{padding:32px 0 20px}.example-catalog,.example-instructions{grid-template-columns:1fr}.example-catalog>a{padding:24px 12px}.example-catalog>a:nth-child(odd){border-right:0}.example-instructions{padding:24px 0;gap:16px}}.capability-list article{position:relative}.capability-list article:after{content:"↗";position:absolute;right:8px;top:22px;color:var(--brand-accent);opacity:0}.capability-list article:hover:after{opacity:1}.capability-list article:hover h3{color:var(--brand-accent)}.capability-list h3{padding-right:28px}.reading-progress{display:none}@media(prefers-reduced-motion:no-preference){.nav-links>a{position:relative}.primary-link span{transition:transform .25s ease}.primary-link:hover span{transform:translate(3px,-3px)}.capability-list article,.capability-list article:after,.resource-links a{transition:background-color .25s ease,color .25s ease,opacity .25s ease,transform .25s ease}.resource-links a:hover{transform:translateX(6px)}@supports(animation-timeline:scroll()){.reading-progress{display:block;position:fixed;z-index:50;left:0;top:0;right:0;height:2px;background:var(--brand-accent);transform-origin:left;animation:reading-progress linear both;animation-timeline:scroll(root)}@keyframes reading-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}}.hero-typed{display:inline-block}.hero-type-cursor{position:absolute;top:12%;height:72%;width:2px;background:var(--brand-accent);opacity:0}.code-block{position:relative;min-width:0}.code-block pre{padding-top:42px}.code-copy{position:absolute;right:10px;top:10px;padding:4px 9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:13px system-ui;opacity:0}.code-block:focus-within .code-copy,.code-block:hover .code-copy{opacity:1}.code-string{color:#9b3b1e}.code-keyword{color:#6750a4}.code-comment{color:#737866;font-style:italic}.code-number{color:#16766c}.integration-section .code-string,body[data-appearance=dark] .code-string{color:#e5b889}.integration-section .code-keyword,body[data-appearance=dark] .code-keyword{color:#bfa5ee}.integration-section .code-comment,body[data-appearance=dark] .code-comment{color:#a1aa92}.integration-section .code-number,body[data-appearance=dark] .code-number{color:#8cd2bc}@media(hover:none){.code-copy{opacity:1}}.nav-links>a{padding:8px 10px;border-radius:5px;transition:background-color .16s ease,color .16s ease}.nav-links>a:hover{background:var(--soft)}.nav-links>a[aria-current]{color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,var(--page));text-decoration:none}@media(prefers-reduced-motion:reduce){.nav-links>a{transition:none}}.docs-nav{font-size:14px;gap:6px;max-height:calc(100vh - 40px);overflow:auto;scrollbar-width:thin}.docs-nav a{padding:7px 10px;border-left:2px solid transparent}.docs-nav a[aria-current=location]{color:var(--brand-accent);background:var(--soft);border-left-color:var(--brand-accent);font-weight:600}.docs-layout li,.docs-layout p{font-size:16px}pre{line-height:1.8}.nav-links,pre{font-size:14px}.page-footer{font-size:13px;flex-wrap:wrap}.product-section p:not(.eyebrow){font-size:15px}.secondary-link,.text-link{font-size:14px}.code-property{color:#256c94}.code-call{color:#936313}.code-operator{color:#80534e}.integration-section .code-property,body[data-appearance=dark] .code-property{color:#8ecada}.integration-section .code-call,body[data-appearance=dark] .code-call{color:#e8cf8b}.integration-section .code-operator,body[data-appearance=dark] .code-operator{color:#d0b1a0}@media(max-width:640px){.nav-links{font-size:13px;gap:8px}.docs-nav{max-height:none}}.product-facts{font-size:13px}.product-facts span{font-size:inherit}.reference-packages{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;border-block:1px solid var(--line);font-size:15px}.reference-packages a[aria-current]{color:var(--brand-accent);text-decoration:underline}.reference-content{font-size:16px;line-height:1.8}.reference-content h2{margin:40px 0 16px;scroll-margin-top:20px}.reference-content h3{font-size:20px}.reference-content a{text-decoration:underline;text-underline-offset:3px}.reference-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.reference-content td,.reference-content th{padding:10px;border:1px solid var(--line)}@media(min-width:641px){#grid-count,.appearance-control,.appearance-control select,.demo-notes,.eyebrow,.framework-label,.grid-status,.preview-caption,.preview-top,.product-facts,.release-note,.state-legend,.toggle-control,.tool-button{font-size:13px}.product-summary{font-size:17px}.primary-link{font-size:14px}}.guide-feature-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;padding:28px 0}.guide-feature-notes h3{font-size:22px}.reference-content{overflow-wrap:anywhere}.reference-content pre{overflow-wrap:normal}.demo-scenarios button[aria-pressed=true]{background:var(--soft);box-shadow:inset 0 -3px var(--brand-accent);color:var(--brand-accent)}.demo-scenarios button[aria-pressed=true] span{color:var(--text)}.grid-status,.grid-toolbar,.panel-header{background:var(--surface);color:var(--text)}.grid-status{flex-wrap:wrap}.demo-notes h3{margin:0 0 8px;font-size:14px}.nav-menu>summary{display:none}.nav-menu:not([open])>.nav-links{display:flex}@media(max-width:1000px){.app-nav{position:relative}.nav-menu>summary{display:block;cursor:pointer;padding:10px 14px;border:1px solid var(--line);border-radius:6px;font-size:14px}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu:not([open])>.nav-links{display:none}.nav-menu .nav-links{position:absolute;z-index:10001;top:calc(100% - 1px);left:0;right:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 20px #0002;font-size:14px}.nav-menu .nav-links a{padding:10px 12px}.nav-menu .nav-links .source-link{display:flex}}.app-nav{position:sticky;top:0;z-index:10002}@media(max-width:640px){.app-nav{position:sticky}}[id]{scroll-margin-top:96px}.docs-nav{top:96px;max-height:calc(100dvh - 112px)}.reference-content h2{scroll-margin-top:96px}.language-control select{max-width:145px;padding:7px;background:var(--surface);border:1px solid var(--line);font-size:13px}@media(min-width:641px) and (max-width:1000px){.nav-links{gap:12px}.language-control select{max-width:100px}}:lang(vi) .hero-selected{font-size:.38em}:lang(ja) .hero-selected,:lang(ko) .hero-selected,:lang(zh) .hero-selected{font-size:.45em}@media(max-width:900px){.app-nav{position:sticky}}select:focus-visible{outline:1px solid var(--brand-accent);outline-offset:-1px;border-color:var(--brand-accent)}.docs-layout article p{margin:0 0 1em}.docs-layout article :is(ul,ol){padding-left:1.5em;margin:1em 0}.docs-layout article ul{list-style:disc}.docs-layout article ol{list-style:decimal}.docs-layout article li{padding-left:.25em;margin:.45em 0}.docs-layout article li>:is(ul,ol){margin:.5em 0}.docs-layout article li>p{margin:.5em 0}.docs-layout article h3{margin:1.5em 0 .75em;font-weight:600}.docs-layout article blockquote{margin:1.5em 0;padding:12px 20px;border-left:3px solid var(--line);background:var(--soft)}.docs-layout article blockquote p:last-child{margin-bottom:0}.docs-layout article hr{margin:2em 0;border-color:var(--line)}.docs-layout article :not(pre)>code{font-size:.9em;padding:.1em .3em;background:var(--soft);border-radius:3px}.reference-content h2{margin:2em 0 .75em}.reference-content table{margin:1.5em 0}.hero-brand{font-size:.72em;letter-spacing:-.055em;white-space:nowrap}.architecture-figure{margin:0 0 48px;border:1px solid var(--line)}.architecture-flow{display:flex;align-items:center;padding:40px 24px;color:var(--text);gap:12px}.architecture-flow>div{flex:1 1;min-width:0;align-self:stretch;border:1px solid var(--line);padding:24px 10px;text-align:center}.architecture-flow>div:first-child{border-top:2px solid var(--brand-accent)}.architecture-flow strong{display:block;font:600 17px ui-monospace,SFMono-Regular,monospace}.architecture-flow span{display:block;margin-top:12px;font-size:14px;color:var(--muted)}.architecture-flow i{color:var(--muted);font-style:normal}@media(max-width:640px){.architecture-flow{flex-direction:column;padding:24px}.architecture-flow>div{width:100%}.architecture-flow i{transform:rotate(90deg)}}.architecture-figure figcaption{padding:20px 24px;font-size:16px;line-height:1.7;color:var(--muted);max-width:80ch}.brand-name{color:var(--brand-accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.brand-name{background-image:linear-gradient(125deg,var(--text) 0 45%,var(--brand-accent) 45% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:no-preference){.brand-name{animation:brand-color-sweep 1.25s cubic-bezier(.2,.65,.3,1) both}@keyframes brand-color-sweep{0%{background-position:0 0}to{background-position:100% 0}}}}@media(prefers-reduced-motion:no-preference){.hero-drag-frame.handle-spin:after{animation:hero-handle-turn 2.65s ease-in-out .4s both}}[data-preview-grid]{height:280px;position:relative;overflow:visible;border:0}.preview-badge{display:flex;align-items:center;gap:7px;color:var(--muted)}.preview-badge span,.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}@media (max-width:640px){.playground{padding:0 14px}.app-nav{height:64px}.preview-badge{display:none}.nav-links{gap:10px}.page-header{padding:14px 0}.guide-link{display:none}.panel-header{padding:14px;align-items:flex-start}.panel-heading{flex-wrap:wrap;gap:6px}#grid-count{text-align:right;max-width:130px;line-height:1.5}.grid-toolbar{padding:8px;gap:10px}.tool-group{gap:3px}.settings-group{margin-left:0;width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.appearance-control{margin-left:0}.find-button kbd{display:none}#grid{height:60dvh;min-height:300px}.grid-status{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px}#grid-activity{text-align:left}.below-grid{flex-wrap:wrap}.state-legend{gap:12px}.guide-section{padding-top:20px}.guide-cards{gap:8px}.guide-cards article{padding:14px}.guide-details{gap:10px}.guide-details,dl{grid-template-columns:1fr}dl{gap:6px}dd{margin-bottom:8px}.page-footer{flex-wrap:wrap}}.preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0;font:13px ui-monospace,monospace;color:var(--muted);border-bottom:1px solid var(--line)}.preview-top>span:first-child{display:flex;align-items:center;gap:8px}.preview-top i{width:6px;height:6px;background:var(--accent);border-radius:50%}.preview-label{font:13px ui-monospace,monospace;letter-spacing:1px;white-space:nowrap}.preview-sheet{position:relative;margin:24px 0;overflow:hidden;border:1px solid var(--line);border-radius:0}.preview-table{display:grid;grid-template-columns:30px 100px minmax(120px,1fr) 100px;font-size:13px;line-height:1}.preview-table>[role=row]>span{display:flex;align-items:center;height:38px;padding:0 10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;background:var(--surface)}.preview-table>[role=row]>[role=columnheader]{background:var(--soft);color:var(--muted);font-weight:600}.preview-table>[role=row]:last-child>span{border-bottom:0}.preview-table .preview-index{padding:0;justify-content:center;background:var(--soft);color:var(--muted)}.preview-table b{padding:5px 7px;border-radius:4px;font-weight:500;color:#147b56;background:#e3f3eb}.preview-table b.pending{color:#a6661b;background:#fff0da}.preview-selection{position:absolute;left:130px;right:100px;top:76px;height:114px;border:1.5px solid var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 9%,transparent);pointer-events:none}.preview-selection:after{content:"";position:absolute;width:6px;height:6px;background:var(--brand-accent);border:1px solid var(--surface);right:-4px;bottom:-4px}.preview-drop,.preview-freeze{position:absolute;left:129px;top:0;bottom:0;width:2px;background:var(--muted);display:none}.preview-drop{left:auto;right:100px;background:var(--brand-accent)}.preview-modes{display:flex;gap:0;padding:0;flex-wrap:wrap;counter-reset:preview}.preview-modes button{border:0;border-bottom:1px solid transparent;padding:10px 12px;background:transparent;color:var(--muted);font-size:13px;counter-increment:preview}.preview-modes button:before{content:"0" counter(preview) " / ";font:13px ui-monospace,monospace}.preview-modes button[aria-pressed=true]{color:var(--brand-accent);background:transparent;border-color:var(--brand-accent)}.preview-caption{display:flex;justify-content:space-between;gap:10px;padding:20px 0 16px;margin:0;color:var(--muted);font:13px ui-monospace,monospace}.motion-preview[data-motion=freeze] .preview-selection,.motion-preview[data-motion=reorder] .preview-selection{display:none}.motion-preview[data-motion=freeze] .preview-freeze,.motion-preview[data-motion=reorder] .preview-drop{display:block}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.capability-list article,.demo-scenarios button,.primary-link,.resource-links a{transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.demo-scenarios button:hover,.primary-link:hover{transform:translateY(-2px)}.capability-list article:hover{background:var(--soft)}.motion-preview[data-motion=select] .preview-selection{transform-origin:top left;animation:preview-select .8s cubic-bezier(.2,.8,.2,1) both}.motion-preview[data-motion=freeze] .preview-table>[role=row]>span:not(.preview-code):not(.preview-index){animation:preview-pan 1.6s ease both}.motion-preview[data-motion=freeze] .preview-code,.motion-preview[data-motion=freeze] .preview-index{position:relative;z-index:1}.motion-preview[data-motion=reorder] .preview-code{position:relative;z-index:2;box-shadow:3px 0 12px #17212918;animation:preview-move 1.4s ease both}.motion-preview[data-motion=reorder] .preview-drop{animation:preview-guide 1.4s ease both}@keyframes preview-select{0%{opacity:0;transform:scale(.4,.33)}to{opacity:1;transform:scale(1)}}@keyframes preview-pan{0%,to{transform:translateX(0)}45%,65%{transform:translateX(-45px)}}@keyframes preview-move{0%,to{transform:translateX(0)}45%,70%{transform:translateX(105px)}}@keyframes preview-guide{0%,to{opacity:0}35%,80%{opacity:1}}}@media(max-width:1100px){.product-intro{gap:36px;padding-inline:20px}.product-intro h1{font-size:78px;letter-spacing:-4px}.preview-label{display:none}}@media(max-width:640px){.nav-links{gap:10px;font-size:13px}.nav-links .source-link{display:none}.brand{font-size:14px;gap:4px}.brand-mark{width:22px;height:22px}.brand-subtitle{margin-left:0}.theme-toggle{width:30px;height:30px}.product-intro{padding:32px 12px}.product-intro h1{font-size:64px;letter-spacing:-3.5px}.product-summary{font-size:13px}.product-actions{gap:18px}.primary-link{font-size:13px}.preview-table{grid-template-columns:26px 78px minmax(95px,1fr) 86px}.preview-table>[role=row]>span{padding:0 6px;font-size:13px}.preview-selection{left:104px;right:86px}.preview-freeze{left:103px}.preview-drop{right:86px}.preview-top{font-size:13px}.preview-modes button{padding:9px 6px;font-size:13px}.preview-caption,.preview-modes button:before{font-size:13px}.product-facts{grid-template-columns:1fr 1fr}.product-facts span{padding:14px 12px;font-size:13px}.product-facts span:nth-child(2){border-right:0}.product-facts span:nth-child(-n+2){border-bottom:1px solid var(--line)}.demo-scenarios{grid-template-columns:repeat(2,1fr)}.demo-scenarios button{padding:14px 10px;font-size:13px}.demo-scenarios button:nth-child(2){border-right:0}.demo-scenarios button:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-section{padding:40px 0}#capabilities,.ai-section,.integration-section{grid-template-columns:1fr}.capability-list{grid-column:1;grid-row:auto}.product-section h2{font-size:34px}.docs-layout{grid-template-columns:1fr;gap:24px}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:14px}.documentation h1{font-size:32px}}.preview-caption button{font:inherit;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(min-width:641px){#grid-count,.appearance-control,.appearance-control select,.demo-notes,.demo-scenarios span,.eyebrow,.framework-label,.grid-status,.preview-caption,.preview-modes button,.preview-table,.preview-top,.product-facts,.release-note,.state-legend,.toggle-control,.tool-button{font-size:13px}.product-summary{font-size:17px}.primary-link{font-size:14px}}.preview-modes button,.preview-modes button:before{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}@media(max-width:640px){.preview-modes button,.preview-modes button:before{font-size:13px}}.preview-modes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.preview-modes button{flex:0 0 auto;white-space:nowrap}.preview-modes button:before{content:counter(preview,decimal-leading-zero) " / "}.preview-caption{align-items:center;font-size:13px;flex-wrap:wrap}.preview-caption a{text-decoration:underline;text-underline-offset:3px}.preview-caption [data-preview-current],.preview-scene{color:var(--text)}.preview-scene{display:none;position:absolute;line-height:1.5;background:var(--surface);border:1px solid var(--line)}.motion-preview:not([data-motion=select]):not([data-motion=copy]) .preview-selection{display:none}.motion-preview:is([data-motion=menu],[data-motion=menu-search]) .preview-menu,.motion-preview[data-motion=choices] .preview-choices,.motion-preview[data-motion=edit] .preview-editor,.motion-preview[data-motion=filter] .preview-filter,.motion-preview[data-motion=group] .preview-group,.motion-preview[data-motion=lock] .preview-lock,.motion-preview[data-motion=merge] .preview-merged,.motion-preview[data-motion=resize] .preview-resize,.motion-preview[data-motion=rich-text] .preview-rich,.motion-preview[data-motion=sort] .preview-sort{display:block}.preview-lock{inset:70px 24px auto;padding:16px;box-shadow:0 8px 24px #0002}.preview-lock svg{display:inline-block;vertical-align:middle;margin-right:8px;color:var(--brand-accent)}.preview-lock small{display:block;margin-top:8px;color:var(--muted)}.motion-preview[data-motion=lock] .preview-table{opacity:.45}.preview-menu{top:52px;right:24px;width:200px;padding:6px;box-shadow:0 8px 24px #0002}.preview-menu>div{padding:7px 9px;display:flex;align-items:center;gap:8px}.preview-menu kbd{margin-left:auto;font-size:13px;color:var(--muted)}.preview-menu .preview-menu-lock{border-top:1px solid var(--line)}.preview-menu .preview-menu-query{display:none;border:1px solid var(--line);margin-bottom:6px}.motion-preview[data-motion=menu-search] .preview-menu-query{display:flex}.motion-preview[data-motion=menu-search] :is(.preview-menu-copy,.preview-menu-edit,.preview-menu-lock){display:none}.motion-preview[data-motion=menu-search] .preview-menu-merge{background:var(--soft);color:var(--brand-accent)}.preview-merged{left:130px;right:0;top:76px;height:76px;padding:24px 12px;border-color:var(--brand-accent)}.preview-group{left:0;right:0;top:76px;height:114px;padding:42px 12px;background:var(--soft);color:var(--brand-accent)}.preview-editor,.preview-rich{left:130px;right:10px;top:76px;padding:12px;border-color:var(--brand-accent)}.preview-editor i{display:inline-block;height:13px;width:1px;background:var(--brand-accent)}.preview-choices{top:76px;right:24px;width:180px;padding:8px;box-shadow:0 8px 24px #0002}.preview-choices span{display:block;padding:5px 8px}.preview-choices span:nth-child(-n+2){color:var(--brand-accent);background:var(--soft)}.preview-filter,.preview-sort{left:130px;right:0;top:0;height:38px;padding:10px;background:var(--soft)}.preview-filter b,.preview-sort b{float:right;color:var(--brand-accent)}.preview-filter svg{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:5px}.motion-preview[data-motion=filter] .preview-table>[role=row]>span:nth-child(n+13):nth-child(-n+16),.motion-preview[data-motion=filter] .preview-table>[role=row]>span:nth-child(n+21){display:none}.motion-preview[data-motion=filter] .preview-sheet{min-height:228px}.preview-resize{top:0;bottom:0;left:65%;width:1px;border:0;background:var(--brand-accent)}.preview-resize span{position:absolute;top:45px;right:6px;padding:4px 8px;white-space:nowrap;background:var(--surface);border:1px solid var(--line)}.preview-rich em,.preview-rich strong,.preview-rich u{display:block}.motion-preview[data-motion=copy] .preview-selection{border-style:dashed}@media(max-width:640px){.preview-editor,.preview-filter,.preview-merged,.preview-rich,.preview-sort{left:104px}}@media(prefers-reduced-motion:no-preference){.hero-drag-frame.handle-spin:after{animation:hero-handle-turn 2.65s ease-in-out .4s both}@keyframes hero-handle-turn{0%{transform:rotate(0)}24.5%,75.5%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.motion-preview .preview-scene{animation:preview-scene-enter .4s ease-out both}@keyframes preview-scene-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.motion-preview[data-motion=resize] .preview-resize{animation:preview-resize-guide 1.5s ease-in-out both}@keyframes preview-resize-guide{0%{left:50%}to{left:65%}}.motion-preview[data-motion=menu-search] .preview-menu-query span{animation:preview-menu-typing .7s steps(6) both}@keyframes preview-menu-typing{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.motion-preview[data-motion=sort] .preview-table>[role=row]>span:nth-child(n+5):nth-child(-n+8):not(.preview-index){animation:preview-sort-row 1.2s ease-in-out both}@keyframes preview-sort-row{0%{transform:translateY(0)}to{transform:translateY(38px)}}.motion-preview[data-motion=sort] .preview-table>[role=row]>span:nth-child(n+9):nth-child(-n+12):not(.preview-index){animation:preview-sort-row-back 1.2s ease-in-out both}@keyframes preview-sort-row-back{0%{transform:translateY(0)}to{transform:translateY(-38px)}}}body{min-height:100dvh;transition:none}html:has(body[data-appearance=dark]){background:#171915}.app-nav{background:var(--page);isolation:isolate}.reading-progress{z-index:10003;height:3px;pointer-events:none}:where(section[id],header[id],h2[id]){scroll-margin-top:96px}.language-control select{padding:8px 12px;background:var(--soft);max-width:180px}.theme-toggle{width:40px;height:40px;background:var(--soft)}.page-footer{padding:24px 0 32px;line-height:1.7;font-size:14px;color:var(--muted);border-color:var(--line)}.page-footer a:hover{color:var(--brand-accent)}.preview-sheet{min-height:228px;contain:paint}.preview-table>[role=row]>span{font-size:13px}.preview-scene{max-width:calc(100% - 24px);font-size:13px}.preview-menu{top:42px;right:12px;width:220px}.preview-menu>div{padding:6px 9px}.preview-caption{gap:12px;line-height:1.6}@media(max-width:640px){.preview-table{grid-template-columns:26px 82px minmax(90px,1fr) 82px}.preview-table>[role=row]>span{font-size:12px;padding:0 5px}.preview-caption{font-size:13px}.page-footer{gap:16px}}@media(prefers-reduced-motion:reduce){.motion-preview *{animation:none!important;transition:none!important}}.preview-table>[role=row]{display:contents}.preview-table [role=columnheader]{background:var(--soft);color:var(--muted)}.preview-table [role=cell]{background:var(--page);font-weight:400}.motion-preview[data-motion=filter] .preview-table>[role=row]:is(:nth-child(4),:nth-child(6))>span{display:none}.motion-preview[data-motion=group] .preview-group{inset:76px 0 auto;height:38px;padding:9px 12px;text-align:left;border-color:var(--line);color:var(--text)}.preview-menu{background:var(--surface);border-radius:6px}.preview-menu-merge{border-top:1px solid var(--line)}.preview-menu-query svg{color:var(--muted)}.preview-table>[role=row]>[role=cell]{background:var(--page);color:var(--text);font-weight:400}.preview-table>[role=row]>.preview-index{background:var(--soft);color:var(--muted)}body[data-appearance=dark] .preview-table b{background:#183c30;color:#9ed8b6}body[data-appearance=dark] .preview-table b.pending{background:#422f16;color:#f7cf89}.preview-choices span{display:flex;align-items:center;gap:8px}.preview-choices svg{width:14px;height:14px;flex:none;color:currentColor}.language-picker{position:relative;display:inline-flex;align-items:center}.language-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--muted);pointer-events:none;z-index:1}.language-control select{padding:8px 12px 8px 34px;max-width:200px;border:1px solid transparent;border-radius:20px;background:transparent;color:var(--text);font-size:14px}.language-control select:hover{background:var(--soft);border-color:transparent}.language-control select:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}@supports (appearance:base-select){.language-control select,.language-control select::picker(select){appearance:base-select}.language-control select::picker-icon{color:var(--muted);margin-left:12px}.language-control select:open{background:var(--soft);border-color:transparent}.language-control select::picker(select){margin-top:8px;padding:6px;min-width:210px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #0002;font:14px Instrument Sans,sans-serif}.language-control option{display:flex;gap:14px;align-items:center;min-height:38px;padding:8px 12px;border-radius:5px}.language-control option:focus-visible,.language-control option:hover{background:var(--soft);outline:none}.language-control option:checked{background:var(--soft);color:var(--brand-accent);font-weight:600}.language-control option::checkmark{color:var(--brand-accent)}}@media(max-width:900px){.language-control select{max-width:220px}.language-control{margin-left:4px}}@media(max-width:640px){.docs-nav{position:sticky;top:64px;z-index:20;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;max-height:62px;padding:8px 0;background:var(--page);border-block:1px solid var(--line);overflow-x:auto}.docs-nav a{flex:none;white-space:nowrap;min-height:40px;display:flex;align-items:center;border-left:0;border-radius:4px;font-size:14px}.docs-layout section,.reference-content h2[id]{scroll-margin-top:136px}.code-copy{opacity:1;min-height:36px}}.documentation{max-width:1600px;padding-inline:32px}.docs-layout{max-width:1180px;margin-inline:auto}.page-footer{margin-top:0;padding-block:28px;align-items:center}.footer-brand{display:inline-flex;align-items:center;gap:5px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;color:var(--text)}.footer-brand svg{margin-right:5px;width:20px;height:20px}.footer-brand .brand-subtitle{margin-left:0}main:has(>.example-catalog) .example-catalog>a:nth-last-child(-n+2){border-bottom:0}.product-section:last-of-type{border-bottom:0}@media(max-width:640px){.documentation{padding-inline:14px}.page-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:24px}.footer-brand{grid-column:1/-1}.example-catalog>a:last-child{border-bottom:0}}.example-topics a{line-height:1.4;font-size:14px}.example-topics a[aria-current]{color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,var(--page))}.example-instructions aside{border-left-width:1px}.grid-toolbar{row-gap:10px}@media(max-width:640px){.example-topics{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:12px 0;scrollbar-width:thin}.example-topics a{flex:none;white-space:nowrap;min-height:44px;display:flex;align-items:center}.grid-toolbar{padding:10px}.tool-group:first-child{width:100%;gap:4px}.tool-button{min-height:40px;font-size:14px}.icon-button{min-width:40px}.settings-group{display:grid;grid-template-columns:1fr;gap:8px;border-top:1px solid var(--line);padding-top:10px}.settings-group .toggle-control{justify-content:flex-start;min-height:36px;gap:10px}.settings-group select{min-height:36px;max-width:65%;font-size:14px}.grid-status{font-size:13px;line-height:1.6}.feature-demo .example-instructions{padding-inline:0}}.preview-navigator{display:flex;gap:12px;align-items:flex-start;position:relative}.preview-picker{flex:1 1;min-width:0}.preview-picker summary{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer}.preview-picker summary::-webkit-details-marker{display:none}.preview-count{flex:none;font:12px ui-monospace,monospace;color:var(--brand-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-title{font:14px ui-monospace,monospace;color:var(--text)}.preview-picker summary:after{content:"+";margin-left:auto;color:var(--muted);font-size:20px}.preview-picker[open] summary:after{content:"−"}.preview-arrows{display:flex;gap:6px}.preview-arrows button{width:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--text)}.preview-arrows button:hover{background:var(--soft);color:var(--brand-accent)}.preview-picker .preview-modes{display:none}.preview-picker[open] .preview-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:visible;padding:12px 0;border-top:1px solid var(--line)}.preview-picker .preview-modes button{white-space:normal;text-align:left;border:0;border-radius:4px;line-height:1.5;padding:10px}.preview-picker .preview-modes button:hover,.preview-picker .preview-modes button[aria-pressed=true]{background:var(--soft)}.preview-caption [data-preview-current]{display:none}.preview-caption button{background:transparent;border:0;padding:8px 0}@media(max-width:640px){.preview-picker[open] .preview-modes{grid-template-columns:1fr}.preview-navigator{gap:8px}.preview-picker summary{gap:10px}.preview-title{font-size:13px}}.preview-navigator{margin-top:24px;align-items:center}.preview-picker summary{min-height:56px;gap:18px;padding:0}.preview-count{font:400 36px/1 ui-monospace,monospace;letter-spacing:-.04em}.preview-title{font-size:14px}.preview-picker summary:after{content:"";width:6px;height:6px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg);margin:0 8px 4px auto}.preview-picker[open] summary:after{content:"";transform:rotate(225deg);margin-bottom:0}.preview-arrows{gap:12px}.preview-arrows button{border:0;border-radius:0;width:32px;height:44px;background:transparent;transition:transform .18s ease,color .18s ease}.preview-arrows button:hover{background:transparent}.preview-arrows button:first-child:hover{transform:translateX(-3px)}.preview-arrows button:last-child:hover{transform:translateX(3px)}.preview-timeline{display:flex;gap:7px;margin:8px 0 4px}.preview-timeline button{flex:1 1;min-width:0;height:24px;padding:0;border:0;background:linear-gradient(var(--line),var(--line)) 50%/100% 2px no-repeat;cursor:pointer}.preview-timeline button:hover{background-image:linear-gradient(var(--muted),var(--muted))}.preview-timeline button[aria-pressed=true]{background-image:linear-gradient(var(--brand-accent),var(--brand-accent)),linear-gradient(var(--line),var(--line));background-size:100% 2px,100% 2px;background-position:0,50%;background-repeat:no-repeat}.preview-caption{padding-top:12px}@media(prefers-reduced-motion:reduce){.preview-arrows button{transition:none}.preview-arrows button:hover{transform:none}}.preview-context-pointer{display:none;position:absolute;left:48%;top:110px;z-index:8;pointer-events:none}.preview-context-pointer svg{width:22px;height:26px;fill:var(--text);stroke:var(--page);stroke-width:1}.preview-context-pointer span{position:absolute;left:-10px;top:-8px;width:26px;height:26px;border:1px solid var(--brand-accent);border-radius:50%;opacity:0}@media(prefers-reduced-motion:no-preference){.motion-preview[data-motion=menu-search] .preview-context-pointer{display:block;animation:preview-context-pointer 3s both}.motion-preview[data-motion=menu-search] .preview-context-pointer span{animation:preview-context-click 3s both}.motion-preview[data-motion=menu-search] .preview-menu{animation:preview-context-open 3s both}.motion-preview[data-motion=menu-search] .preview-menu-query{animation:preview-query-open 3s both}.motion-preview[data-motion=menu-search] .preview-menu-query span{animation:preview-menu-typing .55s steps(5) 1.6s both}.motion-preview[data-motion=menu-search] :is(.preview-menu-copy,.preview-menu-edit,.preview-menu-lock){display:flex;animation:preview-menu-filter 3s both;overflow:hidden}@keyframes preview-context-pointer{0%{opacity:0;transform:translate(-60px,35px)}12%{opacity:1}28%,42%{transform:translate(0);opacity:1}58%{transform:translate(60px,-42px);opacity:1}75%,to{transform:translate(60px,-42px);opacity:0}}@keyframes preview-context-click{0%,27%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(.7)}42%,to{opacity:0;transform:scale(1.5)}}@keyframes preview-context-open{0%,32%{opacity:0;visibility:hidden;transform:translateY(3px)}38%,to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes preview-query-open{0%,50%{max-height:0;padding-block:0;margin-bottom:0;opacity:0;border-width:0}55%,to{max-height:42px;padding-block:6px;margin-bottom:6px;opacity:1;border-width:1px}}@keyframes preview-menu-filter{0%,68%{max-height:40px;padding-block:6px;opacity:1}74%,to{max-height:0;padding-block:0;opacity:0;border-width:0}}}.preview-copy-ants{display:none;position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible}.preview-copy-ants rect{width:calc(100% - 1px);height:calc(100% - 1px);fill:none;stroke:var(--brand-accent);stroke-width:1;stroke-dasharray:4 3}.motion-preview[data-motion=copy] .preview-selection{border-color:transparent}.motion-preview[data-motion=copy] .preview-copy-ants{display:block}@media(prefers-reduced-motion:no-preference){.motion-preview[data-motion=copy] .preview-copy-ants rect{animation:preview-copy-march 1.2s linear infinite}}@keyframes preview-copy-march{to{stroke-dashoffset:-14}}html{scrollbar-color:var(--muted) var(--page)}::selection{background:color-mix(in srgb,var(--brand-accent) 22%,var(--surface));color:var(--text)}.app-nav{border-bottom:1px solid var(--line)}.app-nav :is(a,button,select,summary):focus-visible,.example-topics a:focus-visible,.primary-link:focus-visible,.secondary-link:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.nav-links{gap:8px}.nav-links>a{padding:12px 16px;white-space:nowrap}.nav-links>a[aria-current=page]{color:var(--brand-accent);text-decoration:none}.nav-links .source-link svg{width:18px;height:18px;flex-shrink:0}.theme-toggle{min-width:40px}.language-control select,.theme-toggle{min-height:40px;border-radius:6px}.product-intro h1{font-size:clamp(52px,6.5vw,96px);letter-spacing:-.04em;text-wrap:balance}.product-section p:not(.eyebrow),.product-summary{font-size:16px;line-height:1.75}.product-section p:not(.eyebrow){max-width:70ch}.example-heading h1,.product-section h2{letter-spacing:-.03em;text-wrap:balance}.product-actions a{min-height:44px;align-content:center}.product-facts{line-height:1.6}.example-catalog h2{font-family:Space Grotesk,sans-serif;line-height:1.3}.example-catalog>a:focus-visible,.framework-options>a:focus-visible,.resource-links a:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.example-topics a{min-height:40px;align-content:center;border-radius:4px}.grid-toolbar{row-gap:12px;padding:12px}.grid-toolbar .appearance-control select,.grid-toolbar .toggle-control,.grid-toolbar .tool-button{min-height:36px}.code-copy{opacity:1;min-height:32px;border-radius:4px}.page-footer a{padding:8px 0;text-underline-offset:4px}@media(max-width:1000px){.nav-menu .nav-links{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px 12px;padding:16px;border-radius:12px;top:calc(100% + 8px);max-height:calc(100dvh - 96px);overflow-y:auto}.nav-menu .nav-links a{grid-column:1/-1;min-height:48px;display:flex;align-items:center;padding:12px 16px;border-radius:6px}.nav-menu .nav-links a:hover{background:var(--soft)}.nav-menu .language-control{grid-column:1;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}.nav-menu .language-control select{width:100%;max-width:none}.nav-menu .theme-toggle{grid-column:2;align-self:end;min-height:44px}.nav-menu>summary{display:flex;align-items:center;gap:10px;min-height:44px}.nav-menu>summary:after{content:"";width:14px;height:10px;border-block:1.5px solid currentColor}.nav-menu[open]>summary{background:var(--soft)}}@media(max-width:640px){.product-intro h1{font-size:56px;letter-spacing:-.035em}.product-summary{font-size:16px}.product-section p:not(.eyebrow){font-size:15px}.product-actions{gap:16px}.grid-toolbar .tool-button{min-height:40px}.settings-group{justify-content:flex-start;gap:8px 16px}.toggle-control{padding:4px 0}.example-instructions{gap:24px}}