:root{--ink:#202124;--muted:#68707c;--line:#e5e7eb;--surface:#f7f8fa;--accent:#b3342c;--doc-text:#202124;--doc-text-subtle:#68707c;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:24px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p,h1,h2,h3{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#fbe4e1}code,pre{font-family:var(--font-mono)}.shell{max-width:1104px;margin-inline:auto;padding-inline:32px}.site-header{border-bottom:1px solid var(--line)}.nav-shell{justify-content:space-between;align-items:center;gap:24px;height:64px;padding-inline:28px;display:flex}.brand-lockup{align-items:center;gap:20px;display:flex}.brand-divider{color:#d0d4da;font-size:25px;font-weight:300}.product-name{letter-spacing:-.3px;font-weight:500}.nav-shell nav{align-items:center;gap:26px;font-size:13px;display:flex}.nav-shell nav>a:not(.button){color:var(--muted)}.button{color:#fff;background:#202124;border:1px solid #202124;border-radius:6px;justify-content:center;align-items:center;gap:18px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.button-small{padding:7px 13px}.button:active,.copy-button:active{transform:scale(.97)}.converter-heading{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:18px 20px 8px;display:flex}.converter-heading h1{letter-spacing:-1px;font-size:clamp(25px,2.4vw,32px);font-weight:600;line-height:1.2}.converter-description{color:var(--muted);font-size:13px}.converter-library-link{color:var(--muted);border-radius:5px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;line-height:1.6;display:inline-flex}.converter-library-link svg{flex-shrink:0}.demo-section{padding:12px 16px 0}.demo-section .demo-frame{border:1px solid var(--line);border-radius:8px}.demo-frame{background:var(--surface);border:1px solid #dfe2e7;border-radius:8px;overflow:hidden}.demo-embed{height:max(480px,100dvh - 350px);position:relative;overflow:hidden}.demo-frame iframe{background:#eef0f3;border:0;width:100%;height:100%;display:block}.workspace-caption{min-height:40px;color:var(--muted);grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;gap:16px;padding-inline:12px;font-size:11px;display:grid}.library-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.library-tags .library-tag{border:1px solid var(--line);color:var(--muted);font:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fafafa;border-radius:5px;padding:2px 8px;font-size:10px;line-height:1.5}.eyebrow{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);font-size:10px}h2{letter-spacing:-.8px;font-size:26px;font-weight:550;line-height:1.3}.integration-section{padding-top:32px;padding-bottom:56px}.integration-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px;display:flex}.integration-heading h2{letter-spacing:-1px;margin-top:0;font-size:28px;font-weight:600;line-height:1.25}.integration-heading>p{color:var(--muted);flex-shrink:0;font-size:13px}.install-command{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:12px;padding:12px 15px;display:flex}.terminal-prompt{font-family:var(--font-mono);color:#8a929e}.install-command code{white-space:nowrap;min-width:0;font-size:12px;overflow-x:auto}.copy-button.pui-btn{width:32px;height:32px;color:var(--muted);background:#fff;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;transition:background .15s,transform .15s;display:inline-flex}.copy-button.pui-btn>span{align-items:center;display:flex}.copy-button.pui-btn[data-status=error]{color:#b42318}.install-link.pui-btn{color:#fff;font:inherit;background:#202124;border:1px solid #202124;border-radius:6px;font-size:13px;font-weight:500}.install-link.pui-btn>span{align-items:center;gap:18px;display:flex}.install-command .copy-button{margin-left:auto}.availability{color:var(--muted);margin-top:9px;font-size:11px}.availability a{text-underline-offset:3px;text-decoration:underline}.code-example.pui-ide{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;margin-top:22px;font-family:inherit;overflow:hidden;box-shadow:0 2px 3px -2px #2021240a,0 12px 30px -20px #2021241a}.code-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.runtime-tabs{background:#f3f4f6;border-radius:7px;gap:2px;padding:3px;display:flex}.runtime-tabs button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px 12px;font-size:12px}.runtime-tabs button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #20212414}.code-example pre{color:#334155;background:#fafbfc;margin:0;padding:24px;font-size:12px;line-height:1.9;overflow:auto}.code-footnote{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 16px;font-size:11px;display:flex}.match-demo{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.match-demo input{accent-color:var(--ink);margin:0}.example-note{border-top:1px solid var(--line);color:var(--muted);padding:10px 16px;font-size:12px}.integration-links{flex-wrap:wrap;gap:24px;margin-top:20px;font-size:12px;display:flex}.integration-links>span{color:var(--muted)}.engine-section{background:#f7f8fa;border-block:1px solid #edf0f3;margin-bottom:32px;padding-top:56px}.features{padding-bottom:64px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card.pui-glass-card{--pui-grad:linear-gradient(135deg, #dce8f3, #f2f5f8 65%, #e9edf2);isolation:isolate;background:linear-gradient(150deg,#ffffffd9,#f5f7fa99);border:1px solid #e2e6eb;border-radius:14px;flex-direction:column;align-items:flex-start;padding:24px;font-family:inherit;display:flex;box-shadow:inset 0 1px #fff,0 4px 16px -12px #20212426}.feature-card.pui-glass-card:hover{border-color:#cbd5df}.feature-grid .feature-card>a{margin-top:auto;padding-top:20px}@media (prefers-reduced-motion:reduce),(hover:none){.feature-card.pui-glass-card:hover{transform:none}.feature-card.pui-glass-card:before{transition:none}}.feature-grid code{color:var(--accent);font-size:11px}.feature-grid h2{letter-spacing:-.35px;margin-top:12px;font-size:17px;font-weight:600}.feature-grid p{color:var(--muted);margin-top:12px;font-size:13px}.feature-grid a{margin-top:16px;font-size:12px;display:inline-block}.faq-section{grid-template-columns:1fr 2fr;gap:48px;padding-top:32px;padding-bottom:64px;display:grid}.faq-section h2{font-size:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:24px;padding:16px 0;font-size:13px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#8a929e}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding-bottom:20px;font-size:13px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-block:24px;font-size:11px;display:flex}.site-footer>div{gap:24px;display:flex}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:64px;padding-top:56px;padding-bottom:80px;display:grid}.guide-nav{font-size:12px}.guide-back{color:var(--muted);margin-bottom:32px;display:block}.guide-nav nav{gap:4px;margin-top:16px;display:grid}.guide-nav nav a{color:var(--muted);border-radius:5px;justify-content:space-between;padding:8px 10px;display:flex}.guide-nav nav a[aria-current=page]{background:var(--surface);color:var(--ink)}.guide-api-link{margin:24px 10px;display:block}.guide-article{min-width:0}.guide-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.guide-breadcrumb a:hover{text-decoration:underline}.guide-article h1{letter-spacing:-1.3px;margin-top:14px;font-size:38px;font-weight:600;line-height:1.15}.guide-description{color:var(--muted);margin-top:20px;font-size:16px}.guide-release-note{background:var(--surface);color:var(--muted);border-left:2px solid #cfd4db;margin-top:24px;padding:14px 18px;font-size:13px}.guide-release-note a,.prose a{text-underline-offset:3px;text-decoration:underline}.prose{margin-top:32px;line-height:1.8}.prose h2{margin:36px 0 16px;font-size:25px}.prose h3{margin:28px 0 12px;font-size:18px}.prose p,.prose ul,.prose ol{margin-block:16px}.prose pre{border:1px solid var(--line);background:#fafbfc;border-radius:6px;padding:20px;font-size:12px;line-height:1.8;overflow-x:auto}.prose :not(pre)>code{background:var(--surface);overflow-wrap:anywhere;padding:2px 4px;font-size:.87em}.prose table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);text-align:left;padding:10px 12px}.guide-install{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.guide-install .installation{margin-top:14px}.not-found{padding-block:100px}.not-found h1{letter-spacing:-1px;margin-top:18px;font-size:40px}.not-found p{margin-bottom:24px}.playground{height:100dvh}.demo-frame--full{border:none;border-radius:0;flex-direction:column;height:100%;display:flex}.demo-frame--full .demo-embed{flex:1;height:auto;min-height:0}.demo-heading{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:10px 18px;font-size:12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:999;padding:10px 18px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}@media (hover:hover) and (pointer:fine){a:not(.button):hover{color:var(--accent)}.button:hover{background:#35373b}.copy-button:hover{background:var(--surface)}}@media (max-width:850px){.integration-heading{display:block}.integration-heading>p{margin-top:14px}.guide-layout{grid-template-columns:160px minmax(0,1fr);gap:32px}.feature-grid{gap:12px}}@media (max-width:600px){.shell{padding-inline:20px}.nav-shell{gap:12px;height:60px;padding-inline:16px}.brand-divider,.product-name,.nav-github{display:none}.nav-shell nav{gap:16px;font-size:12px}.button-small{gap:10px;padding:7px 10px;font-size:11px}.demo-frame{border-radius:6px}.demo-embed{height:max(440px,100dvh - 230px)}.workspace-caption{gap:8px;padding-inline:6px;font-size:10px}.workspace-caption a{white-space:nowrap}.integration-section{padding-top:32px;padding-bottom:36px}h2{font-size:24px}.install-command{gap:8px;padding:10px}.install-command code{font-size:11px}.code-example pre{padding:18px 14px;font-size:11px}.code-footnote{padding-inline:12px;font-size:10px}.integration-links{gap:18px}.feature-grid{grid-template-columns:1fr;gap:12px}.features{padding-bottom:40px}.faq-section{padding-top:16px;padding-bottom:40px;display:block}.faq-list{margin-top:20px}.site-footer{flex-wrap:wrap;gap:12px}.site-footer>div{gap:20px}.guide-layout{padding-top:28px;display:block}.guide-nav{margin-bottom:32px}.guide-back{margin-bottom:16px}.guide-nav nav{grid-template-columns:1fr 1fr}.guide-api-link{margin:14px 10px}.guide-article h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.button:active,.copy-button:active{transform:none}}@media (max-width:600px){.demo-section{padding:8px 6px 0}}.workspace-caption>a:last-child{justify-self:end}.workspace-caption .explore-link{color:var(--ink);font-weight:500}.integration-heading>div{min-width:0}.integration-heading h2{max-width:590px}.integration-heading>p{flex-shrink:1;max-width:330px}.runtime-section{grid-template-columns:1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.runtime-section h2{letter-spacing:-.4px;font-size:18px;font-weight:600}.runtime-section p{color:var(--muted);margin-top:12px;font-size:13px}.runtime-section a{margin-top:14px;font-size:12px;display:inline-block}@media (max-width:850px){.integration-heading>p{max-width:580px}}@media (max-width:600px){.runtime-section{grid-template-columns:1fr;gap:28px;padding-bottom:36px}}.highlighted-code{min-width:0}.prose .highlighted-code code{font-size:inherit;background:0 0;padding:0}.engine-intro{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:48px;display:grid}.engine-intro h2{letter-spacing:-1px;max-width:420px;font-size:clamp(26px,3vw,36px);line-height:1.15}.engine-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.engine-intro a{color:var(--ink);text-underline-offset:3px;white-space:nowrap;-webkit-text-decoration:underline #cbd2da;text-decoration:underline #cbd2da}@media (max-width:700px){.engine-section{margin-bottom:20px;padding-top:32px}.engine-intro{grid-template-columns:1fr;gap:20px;padding-bottom:28px}}.demo-embed-loading{opacity:0;pointer-events:none}.demo-placeholder{background:#f5f6f8;position:absolute;inset:0}.demo-placeholder-panes{grid-template-columns:1fr 1fr;height:100%;display:grid}.demo-placeholder-pane+.demo-placeholder-pane{border-left:1px solid var(--line)}.demo-placeholder-toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;height:44px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.demo-placeholder-paper{background:#fff;border:1px solid #e3e6eb;width:84%;height:720px;margin:32px auto;padding:60px 12%;box-shadow:0 1px 3px #20212408}.demo-placeholder-paper span{background:#edf0f3;border-radius:2px;height:7px;margin-bottom:17px;display:block}.demo-placeholder-paper .demo-placeholder-title{width:65%;height:13px;margin-bottom:28px}.demo-placeholder-paper .demo-placeholder-short{width:45%}.demo-placeholder-status{border:1px solid var(--line);width:max-content;max-width:calc(100% - 32px);color:var(--muted);text-align:center;background:#fff;border-radius:8px;padding:12px 18px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-placeholder-status p{margin:0}.demo-placeholder-status a,.demo-placeholder-status noscript{margin-top:8px;display:block}.demo-placeholder-status a{text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.demo-placeholder-panes{grid-template-columns:1fr}.demo-placeholder-pane+.demo-placeholder-pane{display:none}}.code-example{border:1px solid var(--line);border-radius:8px;margin-top:22px;overflow:hidden}.code-toolbar>span{font:11px var(--font-mono);color:var(--muted)}.copy-button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:4px;padding:4px 9px;font-size:11px}.highlighted-code pre{background:#fff!important}.feature-card{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.engine-intro a{text-underline-offset:3px;text-decoration:underline}.license-note{color:var(--muted);gap:24px;padding-bottom:32px;font-size:12px;display:flex}.guides-index{padding-block:48px 64px}.guides-index h1{letter-spacing:-1px;margin:14px 0;font-size:34px;line-height:1.2}.guides-index>p:not(.eyebrow){color:var(--muted);margin-bottom:28px}.guide-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guide-card{border:1px solid var(--line);border-radius:6px;padding:24px}.guide-card h2{margin:12px 0;font-size:17px}.guide-card p{color:var(--muted);font-size:13px}.guide-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;font-size:12px;display:flex}.skip-link{clip-path:inset(50%);top:10px;transform:translateY(calc(-100% - 20px))}.skip-link:focus{clip-path:none;transform:none}@media (max-width:600px){.guide-cards{grid-template-columns:1fr}.workspace-caption{grid-template-columns:1fr auto}.workspace-caption>span{grid-column:1/-1;font-size:10px}.workspace-caption>a:last-child{grid-column:2}.license-note{flex-wrap:wrap}}