:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;font-synthesis:none;color-scheme:dark;--page-width: 1440px;--site-scale: 1;--header-height: 56px;--background: #09090b;--surface: #121215;--surface-hover: #17171c;--surface-subtle: #18181b;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .2);--text: #f4f4f5;--muted: #a1a1aa;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .15);--star: #fbbf24;--dots: rgba(255, 255, 255, .018);--code-bg: #0d0d11;--code-border: rgba(255, 255, 255, .08);--code-keyword: #f43f5e;--code-string: #34d399;--code-number: #a78bfa;--code-title: #60a5fa;color:var(--text);background:var(--background)}:root[data-theme=light]{color-scheme:light;--background: #fafafa;--surface: #ffffff;--surface-hover: #f4f4f5;--surface-subtle: #f8fafc;--border: #e4e4e7;--border-hover: #d4d4d8;--text: #09090b;--muted: #60606a;--accent: #2563eb;--accent-glow: rgba(37, 99, 235, .1);--star: #d97706;--dots: rgba(0, 0, 0, .025);--code-bg: #f4f4f5;--code-border: #e4e4e7;--code-keyword: #e11d48;--code-string: #059669;--code-number: #7c3aed;--code-title: #2563eb}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}body{margin:0;background-color:var(--background);background-image:radial-gradient(var(--dots) 1px,transparent 1px);background-size:24px 24px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header,main,footer{max-width:var(--page-width);width:100%;margin:0 auto;padding:0 24px}header{position:sticky;top:0;z-index:30;display:flex;align-items:center;height:56px;gap:24px;border-bottom:1px solid var(--border);background:#09090bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-theme=light] header{background:#fafafad9}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--text);text-decoration:none;height:56px;line-height:1;flex-shrink:0}.brand-glyph{display:block;color:var(--accent);flex-shrink:0}.brand-name{display:inline-block;line-height:1}header nav{display:flex;align-items:center;gap:22px;height:56px}header nav a{display:inline-flex;align-items:center;height:56px;font-size:14px;line-height:1;color:var(--muted);text-decoration:none;transition:color .15s ease;white-space:nowrap}header nav a:hover{color:var(--text)}header nav a[aria-current=page]{color:var(--text);font-weight:500}.theme-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;min-height:calc(44px / var(--site-scale));border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.theme-toggle:hover{border-color:var(--border-hover);background:var(--surface-hover)}.github{display:inline-flex;align-items:center;gap:6px;min-height:calc(44px / var(--site-scale));padding:6px 0;color:var(--star);font-size:13px;font-weight:500;text-decoration:none;background:transparent;white-space:nowrap}.github:hover{text-decoration:none;opacity:.9}.github-star{flex:0 0 auto}.github-count{font-size:13px;font-variant-numeric:tabular-nums;border-left:0;color:var(--muted)}.github-count:empty{display:none}h1,h2,h3{line-height:1.15;color:var(--text);letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(34px,4.8vw,56px);margin:0;font-weight:600}h2{font-size:clamp(24px,3.2vw,32px);margin:0 0 12px;font-weight:600}h3{font-size:18px;margin:0 0 8px;font-weight:600}p{color:var(--muted);line-height:1.6}section{padding:72px 0;border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--header-height, 56px) + 24px)}section:last-child{border-bottom:none}.home>section>p{max-width:100ch}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:64px;padding-bottom:56px}.hero-copy{flex:1 1 560px;max-width:900px}.hero-copy .eyebrow,.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-mascot{flex:0 0 224px;width:224px;height:224px;margin-right:32px;object-fit:contain}.hero-copy h1{font-size:clamp(36px,4.8vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:600}.hero-copy>p{font-size:18px;line-height:1.6;margin:22px 0 0;max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-actions a{gap:16px}.hero-install{display:flex;align-items:center;gap:12px;max-width:100%;width:fit-content;margin-top:20px;padding:0 0 0 12px;border:1px solid var(--border);border-radius:6px;background:var(--code-bg);color:var(--muted);font-size:13px}.hero-install code{min-width:0;overflow-wrap:anywhere;padding:10px 0}.hero-install button{flex-shrink:0;min-height:44px;padding:0 12px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--accent);font:inherit;cursor:pointer}.hero-install button:hover{background:var(--surface-hover);color:var(--text)}.hero-copy .hero-platforms{margin-top:16px;font-size:13px}.button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:calc(44px / var(--site-scale));padding:10px 20px;background:var(--text);color:var(--background);font-size:14px;font-weight:500;border-radius:6px;text-decoration:none;transition:opacity .15s ease}.button-primary:hover{color:var(--background);opacity:.9}.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:calc(44px / var(--site-scale));padding:10px 18px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:500;border-radius:6px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.button-secondary:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.hero-preview-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%;min-width:0;margin-top:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 36px #0000001f;overflow:hidden;scroll-margin-top:calc(var(--header-height, 56px) + 24px)}.source-disclosure{min-width:0;background:var(--code-bg);border-right:1px solid var(--border)}.hero-preview-card:has(.source-disclosure:not([open])){grid-template-columns:minmax(0,1fr)}.source-disclosure:not([open]){grid-row:2;border-top:1px solid var(--border);border-right:0}.hero-preview-card:has(.source-disclosure:not([open])) .preview-window-pane{grid-row:1}.source-disclosure>summary{padding:12px 16px;min-height:44px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);cursor:pointer}.preview-pane{display:flex;flex-direction:column;min-width:0}.preview-code-pane{height:704px;min-height:0}.example-code-bar{display:flex;align-items:stretch;flex-shrink:0;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.example-file-tabs{display:flex;overflow-x:auto;flex:1 1 auto;min-width:0;background:transparent}.example-copy{flex:0 0 auto;align-self:center;min-height:32px;margin:0 8px;padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font:11px ui-monospace,SFMono-Regular,monospace;white-space:nowrap;cursor:pointer}.example-copy:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.example-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-file-tabs [role=tab]{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:0 14px;border:0;border-top:2px solid transparent;border-right:1px solid var(--border);background:transparent;color:var(--muted);font:12px ui-monospace,SFMono-Regular,monospace;white-space:nowrap;cursor:pointer}.example-file-tabs [role=tab]:hover{background:var(--surface-hover);color:var(--text)}.example-file-tabs [role=tab][aria-selected=true]{border-top-color:var(--accent);background:var(--code-bg);color:var(--text)}.example-file-tabs [role=tab]:focus-visible,.preview-code-body[role=tabpanel]:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.example-file-icon{font-size:11px;font-weight:600;color:var(--code-title)}.example-file-icon.xml{color:var(--code-keyword)}.example-file-path{margin-top:auto;padding:8px 16px;border-top:1px solid var(--border);color:var(--muted);font:11px ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.preview-code-body{flex:1;min-width:0;min-height:0;overflow:auto;padding:18px}.preview-code-body pre{margin:0;padding:0;background:none;border:0;font-size:13px;white-space:pre;tab-size:2}.preview-code-body pre code{display:block;line-height:1.6}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-subtle);font-size:12px}.app-window-title{font-weight:600}.preview-label{color:var(--muted);font-size:11px}.launch-demo{display:block;width:100%;height:640px;flex:1 0 640px;border:0;background:#10131c}.launch-demo:focus-visible{outline-offset:-4px}.preview-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding:10px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.preview-caption a{display:inline-flex;align-items:center;gap:8px;min-height:32px}.home>.hero>.preview-note{max-width:none;width:100%;margin:-8px 0 0;font-size:12px;color:var(--muted)}.demo-section>p{font-size:16px;margin:0 0 28px}.demo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin:28px 0}.demo-card{grid-column:span 3;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.demo-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.demo-card-featured{grid-column:span 4}.demo-card-phone{grid-column:span 2}.demo-media{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.demo-card-phone .demo-media{aspect-ratio:auto;min-height:0;height:100%;max-height:500px;padding:20px}.demo-card-phone .demo-image{max-height:460px}.demo-image{display:block;width:100%;height:100%;object-fit:contain}.demo-card-content{padding:18px;display:flex;flex-direction:column;flex:1}.card-top-row{margin-bottom:8px}.card-category-tag{display:inline-block;font-size:11px;font-weight:500;color:var(--accent);background:var(--accent-glow);padding:2px 8px;border-radius:4px}.demo-card-content h3{font-size:18px;margin:0 0 6px}.demo-card-content p{font-size:14px;margin:0 0 16px;color:var(--muted);line-height:1.5}.demo-card-content a{display:inline-flex;align-items:center;min-height:calc(44px / var(--site-scale));margin-top:auto;font-size:13px;font-weight:500;color:var(--accent)}.demo-card-content a:hover{text-decoration:underline}.engine-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0;padding:0}.engine-step{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;position:relative}.step-num{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--accent);margin-bottom:12px;font-weight:600}.engine-step h3{font-size:17px;margin:0 0 8px;color:var(--text)}.engine-step p{font-size:14px;margin:0;color:var(--muted);line-height:1.55}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 32px}.metric-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:inset 0 1px #ffffff0d}.metric-number{font-family:ui-monospace,SFMono-Regular,monospace;font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1.1;margin-bottom:6px}.metric-title{letter-spacing:0;line-height:1.4;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:8px}.metric-detail{font-size:13px;margin:0;color:var(--muted);line-height:1.5}.comparison-scroll{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.comparison-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.comparison-table th,.comparison-table td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}.comparison-table th{color:var(--text);font-weight:600;background:var(--surface-subtle)}.comparison-table td{color:var(--muted)}.comparison-table thead th{white-space:nowrap}.comparison-table tr:last-child>*{border-bottom:0}pre{font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;line-height:1.55;padding:18px;background:var(--code-bg);color:var(--text);overflow-x:auto;border:1px solid var(--code-border);border-radius:8px;margin:16px 0}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em}.core-example pre,.code-example pre{margin:0}.setup-command{margin:16px 0}.setup-command code{color:var(--text);font-size:14px}.full-program{margin:20px 0}.full-program summary{display:flex;align-items:center;gap:10px;min-height:calc(44px / var(--site-scale));color:var(--accent);cursor:pointer;font-size:14px;font-weight:500}.hljs-keyword,.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-tag,.hljs-literal,.hljs-operator{color:var(--code-keyword)}.hljs-string,.hljs-regexp,.hljs-addition{color:var(--code-string)}.hljs-number,.hljs-symbol,.hljs-built_in{color:var(--code-number)}.hljs-title,.hljs-title.function_,.hljs-attr,.hljs-attribute,.hljs-type,.hljs-name,.hljs-function,.hljs-variable,.hljs-template-variable,.hljs-property{color:var(--code-title)}.hljs-comment,.hljs-quote,.hljs-meta,.hljs-doctag{color:var(--muted)}.hljs-params,.hljs-subst,.hljs-punctuation{color:var(--text)}.hljs-template-tag{color:var(--code-number);font-weight:600}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.team-card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column}.team-media{width:100%;aspect-ratio:16 / 9;background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:14px}.team-media-light{background:#fff}.team-media-dark{background:#000}.team-image-dark{filter:contrast(10)}.team-image{display:block;width:100%;height:100%;object-fit:contain}.team-card-header{margin-bottom:6px}.team-card-header h3{margin:0;font-size:16px}.team-role{display:inline-block;font-size:12px;color:var(--accent);margin-top:2px}.team-card p{font-size:13px;margin:0;color:var(--muted);line-height:1.5}.mobile-guides{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px}.mobile-guides a{display:inline-flex;align-items:center;min-height:calc(44px / var(--site-scale));font-size:14px;font-weight:500}footer{padding:48px 24px 36px;border-top:1px solid var(--border);margin-top:56px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px}.footer-brand-col{max-width:380px}.footer-logo .brand-name{font-weight:600;font-size:16px;color:var(--text)}.footer-tagline{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.5}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 24px}.footer-nav a{display:inline-flex;align-items:center;min-height:calc(44px / var(--site-scale));font-size:14px;color:var(--muted)}.footer-nav a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:20px}.docs-shell{min-height:100dvh}.docs-shell>header{width:100%}.docs-main{width:100%;padding-top:0}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-top:32px}.docs-layout>aside{position:sticky;top:calc(var(--header-height, 56px) + 24px);max-height:calc(100vh - var(--header-height, 56px) - 32px);overflow-y:auto;min-width:0;padding-right:20px;border-right:1px solid var(--border)}.docs-layout>aside:has(details[open]){position:static}.docs-content{min-width:0;width:100%;max-width:860px;font-size:15px;line-height:1.7;padding-bottom:64px}.docs-content.showcase-page{max-width:100%}.docs-lead{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:24px}.showcase-picker{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:4px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.showcase-picker a{display:inline-flex;align-items:center;min-height:calc(34px / var(--site-scale));padding:6px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;transition:color .12s ease,background-color .12s ease,border-color .12s ease;white-space:nowrap}.showcase-picker a:hover{color:var(--text);background:var(--surface-hover)}.showcase-picker a[aria-current=true]{background:var(--accent);color:#fff;border-color:#3b82f666;font-weight:600;box-shadow:0 1px 3px #0003}.showcase-picker a[aria-current=true]:hover{background:#2563eb;color:#fff}aside .docs-nav{display:flex;flex-direction:column;gap:16px;font-size:13.5px}.docs-menu-toggle{display:none}.docs-nav-group{margin:0}.docs-nav-group summary{display:flex;align-items:center;justify-content:space-between;min-height:calc(32px / var(--site-scale));padding:4px 0;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;list-style:none;transition:color .15s ease}.docs-nav-group summary::-webkit-details-marker{display:none}.docs-nav-group summary:after,.docs-menu-toggle:after{width:5px;height:5px;flex:0 0 5px;margin:0 2px 0 8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;content:"";transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.docs-nav-group[open]>summary{color:var(--text)}.docs-nav-group[open]>summary:after,.docs-menu-toggle[aria-expanded=true]:after{transform:rotate(225deg) translate(-1px,-1px)}.docs-nav-links{display:flex;flex-direction:column;gap:2px;margin:6px 0 12px;padding-left:0}.docs-nav-entry{display:flex;flex-direction:column}aside .docs-nav a{color:var(--muted)}aside .docs-nav .docs-nav-parent{display:flex;align-items:center;min-height:calc(34px / var(--site-scale));padding:6px 12px;border-radius:6px;font-size:13px;text-decoration:none;transition:color .12s ease,background-color .12s ease,border-color .12s ease}aside .docs-nav .docs-nav-parent:hover{color:var(--text);background:#ffffff0a}aside .docs-nav .docs-nav-parent[aria-current=page],.docs-nav-parent.active{color:var(--text);background:var(--surface-subtle);font-weight:500;border-radius:6px}.markdown{min-width:0;overflow-wrap:anywhere}.markdown p{max-width:none;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px}.markdown strong{color:var(--text);font-weight:600}.markdown h1{font-size:34px;font-weight:600;letter-spacing:-.03em;margin:0 0 16px;line-height:1.15;color:var(--text)}.markdown h2{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:44px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--text)}.markdown h3{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.35;margin-top:32px;margin-bottom:10px;color:var(--text)}.markdown h1,.markdown h2,.markdown h3{scroll-margin-top:calc(var(--header-height, 56px) + 16px * var(--site-scale))}.markdown ul,.markdown ol{padding-left:1.5em;margin:0 0 20px}.markdown li{margin-bottom:.5em;color:var(--muted);line-height:1.65}.markdown a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-color:#3b82f64d;transition:text-decoration-color .15s ease,color .15s ease}.markdown a:hover{color:var(--text);text-decoration-color:var(--text)}.markdown :not(pre)>code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.88em;background:var(--surface-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--text)}.markdown blockquote{border-left:3px solid var(--accent);background:var(--surface-subtle);border-radius:0 8px 8px 0;padding:16px 20px;margin:24px 0;color:var(--text);font-size:14px;line-height:1.65}.markdown blockquote p{margin:0;color:var(--text)}.markdown img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border)}.showcase-media-grid{display:grid;gap:20px 16px;align-items:start;margin:24px 0 32px}.showcase-media-grid--grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.showcase-media-grid--grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.showcase-media-grid--single{grid-template-columns:minmax(0,1fr)}.showcase-media-grid--portrait{grid-template-columns:minmax(0,min(100%,320px));justify-content:center}.showcase-media{min-width:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:8px;box-shadow:0 4px 16px #00000040;transition:border-color .15s ease;text-align:center}.showcase-media:hover{border-color:var(--border-hover)}.showcase-media--wide{grid-column:1 / -1}.gallery-open{display:flex;justify-content:center;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:zoom-in}.gallery-open img,.gallery-open video{display:block;max-width:100%;height:auto;border-radius:6px;transition:transform .2s ease}.gallery-open:hover img,.gallery-open:hover video{transform:scale(1.01)}.showcase-media-control{display:inline-flex;align-items:center;gap:6px;min-height:calc(36px / var(--site-scale));margin-top:8px;padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-subtle);color:var(--text);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.showcase-media-control:hover{border-color:var(--border-hover);background:var(--surface-hover)}.media-control-icon{flex:0 0 auto}.showcase-media figcaption{margin-top:10px;padding:2px 4px;color:var(--muted);font-size:13px;font-weight:500}.lightbox-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.lightbox-card{position:relative;width:min(100%,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;margin:auto}.lightbox-card>img,.lightbox-card>video{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;margin:0 auto;border-radius:10px;border:1px solid var(--border);box-shadow:0 16px 48px #0009}.lightbox-bar{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;margin-top:16px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:0 4px 20px #0006}.lightbox-caption{flex:1;min-width:0;margin:0;text-align:center;font-size:14px;color:#f4f4f5;overflow-wrap:anywhere}.lightbox-resolution{color:#a1a1aa;font-size:12px;white-space:nowrap}.lightbox-close,.lightbox-prev,.lightbox-next{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--surface-subtle);color:var(--text);font-size:16px;line-height:1;cursor:pointer;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.markdown-table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:24px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 2px 10px #00000026}.markdown table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;text-align:left}.markdown th,.markdown td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.55}.markdown th{background:var(--surface-subtle);color:var(--text);font-weight:600;font-size:13px;letter-spacing:-.01em}.markdown td{color:var(--muted);border-right:1px solid var(--border)}.markdown td:last-child,.markdown th:last-child{border-right:none}.markdown tr:last-child td{border-bottom:none}.skip{position:absolute;left:16px;top:-100px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);color:var(--text);z-index:50}.skip:focus{top:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-menu-toggle{display:none}.home>section>p.section-note{max-width:none;font-size:14px}.maintainer-card{display:flex;align-items:center;gap:24px;max-width:680px;padding:28px;margin:32px 0 56px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.maintainer-card h2{font-size:24px;margin:0}.maintainer-card p{margin:4px 0;font-size:14px}.maintainer-card a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.maintainer-links{display:flex;flex-wrap:wrap;gap:0 16px}.maintainer-avatar{object-fit:cover;display:grid;place-items:center;flex:0 0 72px;height:72px;border-radius:50%;color:var(--accent);background:var(--accent-glow);font-size:24px;font-weight:600}@media(max-width:1100px){.hero-copy{flex-basis:480px}header{gap:16px}header nav{gap:14px}header nav a{font-size:13px}.hero-mascot{flex-basis:160px;width:160px;height:160px;margin-right:0}}@media(max-width:1024px){.hero-preview-card{grid-template-columns:minmax(0,1fr)}.preview-window-pane{grid-row:1}.source-disclosure{grid-row:2;border-right:0;border-top:1px solid var(--border)}.source-disclosure>summary{min-height:48px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card-featured,.demo-card-phone,.demo-card{grid-column:span 1}.demo-card-phone .demo-media{height:auto;aspect-ratio:16 / 9;padding:10px}.demo-card-phone .demo-image{max-height:100%}.docs-layout{gap:28px}header{gap:12px;height:auto;min-height:64px;flex-wrap:wrap}.brand{height:64px}.site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:44px;margin-left:auto;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.site-menu-toggle:hover{background:var(--surface-hover)}.theme-toggle{margin-left:0}.theme-toggle span{display:none}header nav{display:none;flex:0 0 100%;order:5;height:auto;padding:0 0 12px}header nav[data-open=true]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}header nav a{height:auto;min-height:44px;font-size:14px}}@media(max-width:768px){header,main,footer,.docs-shell>header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}section{padding:48px 0}.hero{padding-top:36px;gap:20px}.hero-copy{flex-basis:100%}.hero-copy h1{font-size:clamp(34px,6.4vw,48px)}.hero-copy>p{font-size:16px;margin-top:16px}.hero-copy .eyebrow{font-size:10px;margin:0 0 14px}.hero-copy .hero-platforms{font-size:12px}.hero-mascot,.hero-break{display:none}.hero-actions{margin-top:22px}.hero-install{font-size:11px;margin-top:16px;gap:8px}.hero-preview-card{margin-top:8px}.preview-caption>span{display:none}.preview-caption a{min-height:44px}.demo-grid{grid-template-columns:minmax(0,1fr)}.demo-card-phone .demo-media{aspect-ratio:4 / 3}.engine-flow,.metrics-grid,.team-grid{grid-template-columns:minmax(0,1fr)}.metric-number{font-size:30px}.footer-content,.footer-bottom{flex-direction:column;gap:24px}.footer-bottom{align-items:flex-start;gap:8px}.docs-layout{display:flex;flex-direction:column;gap:20px;padding-top:12px}.docs-layout>aside{position:static;padding:0;border-right:none;width:100%}.docs-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.docs-menu-toggle:hover{background:var(--surface-hover)}.docs-layout>aside[data-open=false] .docs-nav{display:none}.docs-layout>aside[data-open=true] .docs-nav{padding-top:12px}.maintainer-card{gap:16px;padding:20px}.maintainer-avatar{flex-basis:48px;height:48px;font-size:18px}.maintainer-card h2{font-size:20px}}@media(max-width:520px){.hero-actions a{padding:10px 16px;gap:12px}.github-text{display:none}.github{padding:0 4px;min-width:44px;justify-content:center}.theme-toggle{padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.core-example{border:1px solid var(--code-border);border-radius:8px;overflow:hidden}.core-example .preview-code-pane{height:680px}.preview-live-body{padding:0;overflow:hidden}.preview-live-body iframe{display:block;width:100%;height:100%;border:0;background:#f3f5fa}.start-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;margin-bottom:36px}.start-copy h2{font-size:clamp(30px,3.2vw,42px);line-height:1.12;margin-bottom:18px}.start-copy>p:not(.eyebrow){font-size:16px;max-width:42ch;margin:0}.start-file-labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.start-file-labels span{padding:4px 10px;border:1px solid var(--border);border-radius:5px;color:var(--muted);font:11px ui-monospace,SFMono-Regular,monospace}.start-steps{list-style:none;counter-reset:setup;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.start-steps li{display:flex;gap:16px;padding:24px;counter-increment:setup}.start-steps li+li{border-top:1px solid var(--border)}.start-steps li:before{content:"0" counter(setup);flex:0 0 28px;padding-top:2px;color:var(--accent);font:12px ui-monospace,SFMono-Regular,monospace}.start-step-content{min-width:0;flex:1}.start-step-content h3{font-size:15px;letter-spacing:-.01em;margin:0 0 8px}.start-step-content p{font-size:13px;line-height:1.7;margin:0}.start-step-content p code{color:var(--text)}.start-command{display:flex;align-items:center;margin-top:14px;border:1px solid var(--code-border);border-radius:6px;background:var(--code-bg);overflow:hidden}.start-command code{flex:1;min-width:0;padding:12px;overflow-wrap:anywhere;font-size:12px;color:var(--text)}.start-command button{flex-shrink:0;align-self:stretch;min-height:44px;padding:8px 12px;border:0;border-left:1px solid var(--border);color:var(--accent);background:transparent;font:inherit;font-size:12px;cursor:pointer}.start-command button:hover{color:var(--text);background:var(--surface-hover)}.starter-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600}.starter-preview-heading span+span{color:var(--muted);font-size:12px;font-weight:400}.start-run{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:18px;font-size:13px}.start-run>span{color:var(--text)}.start-run>code{padding:6px 12px;border:1px solid var(--code-border);border-radius:5px;background:var(--code-bg);color:var(--accent)}.start-run p{margin:0 0 0 auto;font-size:12px}@media(max-width:1024px){.start-intro{gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.start-steps li{padding:20px;gap:12px}}@media(max-width:768px){.start-intro{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:24px}.start-copy h2{font-size:32px}.start-file-labels{margin-top:18px}.start-steps li{padding:20px 16px}.start-steps li:before{flex-basis:20px}.start-command{margin-left:-32px}.start-command code{font-size:11px}.starter-preview-heading{padding:12px;font-size:12px}.starter-preview-heading span+span{font-size:10px}.start-run p{flex-basis:100%;margin-left:0}}.core-example .preview-code-pane:has(.preview-live-body:not([hidden])){height:1000px}@media(max-width:768px){.core-example .preview-code-pane:has(.preview-live-body:not([hidden])){height:1100px}}.starter-picker{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--border);background:var(--surface)}.starter-picker button{padding:10px 14px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.starter-picker button[aria-pressed=true]{background:var(--code-bg);color:var(--text);font-weight:600}.starter-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.core-example.hello-example .preview-code-pane:has(.preview-live-body:not([hidden])){height:500px}.detail-page h1{font-size:clamp(30px,4vw,46px);margin-bottom:16px}