.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--accent);color:var(--accent-text);font-weight:600;border-radius:0 0 .375rem .375rem;text-decoration:none;z-index:9999}.skip-link:focus{top:0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d10;--surface:#111116;--surface-2:#18181f;--border:#38383f;--border-subtle:#1a1a20;--text:#e2e2ea;--muted:##3d3d38;--muted-2:#7e7e92;--accent:#c9b800;--accent-text:#0a0a0a;--accent-hover:#e0ce00;--accent-dim:rgba(201,184,0,0.12);--green:#3dd68c;--red:#ff6b6b;--tok-kw:#c792ea;--tok-str:#c3e88d;--tok-cmt:#7a8a9a;--tok-num:#f78c6c;--tok-fn:#82aaff;--tok-prop:#ffcb6b;--tok-op:#89ddff;--tok-punct:#7e8899;--sidebar-w:260px;--header-h:52px;--content-w:740px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"Fira Code","Cascadia Code","JetBrains Mono","Menlo","Monaco",monospace;--radius:8px}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.hero{max-width:860px;margin:0 auto;padding:5rem 2rem;text-align:center;background:none}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;text-wrap:balance;margin-bottom:1.5rem;color:#0a0a0a;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#0a0a0a;background-clip:unset}.hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:4rem;flex-wrap:wrap}.faq-item{padding:2rem 0;border-bottom:1px solid var(--border-subtle)}.faq-item:last-child{border-bottom:none}.faq-q{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:0.875rem;letter-spacing:-0.01em;line-height:1.4}.faq-a p{font-size:0.925rem;color:var(--muted);line-height:1.75;max-width:68ch;margin-bottom:0.75rem}.faq-a p:last-child{margin-bottom:0}.faq-a .code-block{margin:0.75rem 0}.table-sticky-col{overflow-x:auto}.table-sticky-col table th:first-child,.table-sticky-col table td:first-child{position:sticky;left:0;z-index:1;border-right:1px solid rgba(255,255,255,0.15)}.versus-table-wrap{overflow-x:auto;max-width:900px;margin:0 auto}.versus-table .v-yes{color:#f0e642}.versus-table .v-partial{color:rgba(255,255,255,0.6)}.versus-table .v-no{color:rgba(255,255,255,0.6)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:99;opacity:0;transition:opacity 0.25s ease}@media (max-width:768px){.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}.component-demo{border:1px solid var(--border);border-radius:var(--radius);margin:1.5rem 0}.demo-preview{padding:3.5rem 1.5rem 1.5rem;background:#0d0d10;border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-direction:column;gap:0.75rem;position:relative}.demo-preview-inner{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:flex-start;min-width:0;width:100%}.demo-preview--bleed{padding-inline:0}.demo-preview--bleed .demo-preview-inner{gap:0}.demo-preview--bleed .demo-preview-inner>*{width:100%}.demo-preview--col .demo-preview-inner{display:block}.demo-preview--col .demo-preview-inner>* + *{margin-top:0.75rem}.demo-preview--scroll .demo-preview-inner{flex-wrap:nowrap;overflow-x:auto}.demo-mobile-nav .ui-nav-links{display:none}.demo-mobile-nav .ui-nav-burger{display:flex}.demo-phone{width:320px;border-radius:32px;overflow:hidden;background:var(--bg,#0d0d10);box-shadow:0 0 0 7px var(--surface-2,#18181f),0 0 0 8px var(--border,#222228),0 24px 48px rgba(0,0,0,0.5)}.demo-phone-statusbar{height:28px;background:var(--bg,#0d0d10);display:flex;align-items:center;justify-content:center}.demo-phone-pill{width:64px;height:10px;background:var(--surface-2,#18181f);border-radius:99px}.demo-phone-content{min-height:160px;display:flex;align-items:center;justify-content:center;padding:1.5rem}.demo-phone-content p{margin:0;color:var(--muted,#6b6b80);font-size:0.8rem;text-align:center}.demo-preview.is-light{background:#f0f0f8}.demo-theme-toggle{position:absolute;top:0.6rem;right:0.6rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,0.15);border-radius:6px;background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.5);cursor:pointer;transition:background 0.15s,color 0.15s;z-index:1}.demo-theme-toggle:hover{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}.demo-preview.is-light .demo-theme-toggle{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.4)}.demo-preview.is-light .demo-theme-toggle:hover{background:rgba(0,0,0,0.1);color:rgba(0,0,0,0.8)}.demo-theme-toggle__light{display:none}.demo-preview.is-light .demo-theme-toggle__dark{display:none}.demo-preview.is-light .demo-theme-toggle__light{display:block}.demo-code pre.code-block{margin:0;border-radius:0;border:none;border-top:1px solid var(--border)}.demo-code .code-filename{border-radius:0;border:none;border-top:1px solid var(--border)}.prompt-group{margin-bottom:3rem}.prompt-group-title{font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-subtle)}.prompt-grid{display:flex;flex-direction:column;gap:0.75rem}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.prompt-tag{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);margin-bottom:0.65rem}.prompt-text{font-size:0.93rem;color:var(--text);line-height:1.65;border-left:3px solid var(--accent);padding-left:1rem;margin:0 0 0.85rem;font-style:italic}.prompt-produces{font-size:0.82rem;color:var(--muted);line-height:1.6}.prompt-produces code{font-family:var(--mono);font-size:0.8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;padding:0.1em 0.35em;color:var(--tok-str);font-style:normal}.docs-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100dvh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.docs-sidebar::-webkit-scrollbar{width:4px}.docs-sidebar::-webkit-scrollbar-track{background:transparent}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-logo{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-search-wrap{display:flex;align-items:center;gap:0.4rem;padding:0.6rem 0.75rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative}.sidebar-search-icon{color:var(--muted-2);flex-shrink:0;pointer-events:none}.sidebar-search{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font);font-size:0.82rem;color:var(--text);padding:0;line-height:1.4}@media (pointer:coarse){.sidebar-search,.search-overlay-input{font-size:max(1rem,16px)}}.sidebar-search::placeholder{color:var(--muted-2)}.sidebar-search::-webkit-search-cancel-button{-webkit-appearance:none}.sidebar-search-full{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--muted-2);cursor:pointer;transition:color 0.1s,background 0.1s}.sidebar-search-full:hover{color:var(--text);background:var(--border)}.sidebar-no-results{padding:0.75rem 1.25rem;font-size:0.8rem;color:var(--muted-2)}.search-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.search-overlay[hidden]{display:none}.search-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(3px)}.search-overlay-panel{position:relative;width:min(640px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,0.5);display:flex;flex-direction:column;overflow:hidden;max-height:70vh}.search-overlay-header{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.search-overlay-input-wrap{display:flex;align-items:center;gap:0.6rem;flex:1;color:var(--muted-2)}.search-overlay-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font);font-size:1rem;color:var(--text);padding:0;line-height:1.4}.search-overlay-input::placeholder{color:var(--muted-2)}.search-overlay-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-overlay-close{font-family:var(--mono);font-size:0.7rem;color:var(--muted-2);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0.2rem 0.5rem;cursor:pointer;flex-shrink:0}.search-overlay-results{overflow-y:auto;flex:1;padding:0.5rem}.search-result{display:block;padding:0.65rem 0.75rem;border-radius:6px;text-decoration:none;color:var(--text);transition:background 0.1s}.search-result:hover,.search-result--selected{background:var(--surface-2)}.search-result-meta{margin-bottom:0.15rem}.search-result-section{font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent)}.search-result-title{font-size:0.9rem;font-weight:500;color:var(--text);line-height:1.4}.search-result-title mark,.search-result-snip mark{background:rgba(201,184,0,0.3);color:inherit;border-radius:2px}.search-result-snip{font-size:0.78rem;color:var(--muted-2);margin-top:0.25rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-overlay-empty{padding:2rem 1rem;text-align:center;color:var(--muted-2);font-size:0.9rem}.search-overlay-footer{display:flex;gap:1.25rem;padding:0.6rem 1rem;border-top:1px solid var(--border-subtle);flex-shrink:0;font-size:0.72rem;color:var(--muted-2)}.search-overlay-footer kbd{display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:0.68rem;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;padding:0.1rem 0.35rem;color:var(--muted-2);margin-right:0.2rem}.logo-link{display:flex;align-items:center;gap:0.5rem;color:var(--text);font-weight:700;font-size:1rem;text-decoration:none}.logo-link:hover{color:var(--accent)}.logo-name{color:var(--text)}.version-badge{font-size:0.7rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(155,141,255,0.2);border-radius:4px;padding:0.15rem 0.45rem;font-family:var(--mono)}.sidebar-nav{padding:0.75rem 0 2rem;flex:1}.nav-section{padding:0.5rem 0}.nav-section + .nav-section{border-top:1px solid var(--border-subtle);margin-top:0.25rem;padding-top:0.75rem}.nav-section-title{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-2);padding:0.25rem 1.25rem 0.5rem}.nav-link{display:block;padding:0.35rem 1.25rem;font-size:0.875rem;color:var(--muted);border-radius:0;transition:color 0.1s,background 0.1s;position:relative;border-left:2px solid transparent}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-dim)}.docs-main{margin-left:var(--sidebar-w);flex:1;min-width:0;display:flex;flex-direction:column}.docs-header{height:var(--header-h);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;background:rgba(13,13,16,0.9);backdrop-filter:blur(8px);z-index:10}.mobile-menu-btn{display:none;background:none;border:none;color:var(--muted);cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0}.mobile-menu-btn:hover{color:var(--text)}.header-logo-mobile{display:none;color:var(--text);min-width:44px;min-height:44px;align-items:center;justify-content:center}.header-github{display:flex;align-items:center;gap:0.4rem;font-size:0.82rem;color:var(--muted);transition:color 0.1s;margin-left:auto}.header-github:hover{color:var(--text)}.docs-content{flex:1;padding:3rem 3.5rem 5rem;max-width:calc(var(--content-w) + 7rem)}.doc-h1{font-size:2.25rem;font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin-bottom:1rem;color:var(--text)}.doc-lead{font-size:1.1rem;color:var(--muted);line-height:1.65;max-width:600px;margin-bottom:2.5rem}.doc-h2{font-size:1.35rem;font-weight:700;letter-spacing:-0.02em;margin:2.5rem 0 0.75rem;color:var(--text);padding-top:1rem;border-top:1px solid var(--border-subtle)}.doc-h2:first-of-type{border-top:none;margin-top:0}.doc-h3{font-size:1.05rem;font-weight:600;margin:1.75rem 0 0.6rem;color:var(--text)}.definition-list{display:flex;flex-direction:column;gap:0.75rem;margin:1rem 0}.definition-list dt{margin:0;font-weight:600}.definition-list dd{margin:0.2rem 0 0 0;color:var(--muted);font-size:0.9rem;line-height:1.55;padding-bottom:0.75rem;border-bottom:1px solid var(--border-subtle)}.definition-list dd:last-of-type{border-bottom:none;padding-bottom:0}.docs-content p:not([class*="ui-"]){margin-bottom:0.9rem;line-height:1.7;color:var(--text)}.docs-content p + p{margin-top:-0.1rem}.docs-content ul:not([class*="ui-"]),.docs-content ol{padding-left:1.5rem;margin-bottom:1rem}.docs-content li:not([class*="ui-"]){margin-bottom:0.35rem;line-height:1.65;color:var(--text)}.docs-content strong:not([class*="ui-"]){font-weight:600;color:#fff}.docs-content a:not(.ui-btn):not(.ui-nav-link):not(.ui-nav-logo):not(.ui-app-badge){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.docs-content a:not(.ui-btn):not(.ui-nav-link):not(.ui-nav-logo):not(.ui-app-badge):hover{color:var(--accent-hover)}.docs-content .ui-theme-light p,.docs-content .ui-theme-light li,.docs-content .ui-theme-light strong{color:var(--ui-text)}.docs-content code:not(pre code){font-family:var(--mono);font-size:0.82em;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0.1em 0.35em;color:var(--accent-hover)}.heading-anchor{color:inherit;text-decoration:none}.heading-anchor:hover{color:var(--accent)}.code-filename{background:var(--surface-2);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:0.4rem 1rem;font-family:var(--mono);font-size:0.75rem;color:var(--muted)}.code-filename + .code-block{border-radius:0 0 var(--radius) var(--radius);margin-top:0}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;overflow-x:auto;font-family:var(--mono);font-size:0.9rem;line-height:1.75;margin:1.25rem 0;tab-size:2;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.code-block::-webkit-scrollbar{height:4px}.code-block::-webkit-scrollbar-track{background:transparent}.code-block::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tok-kw{color:var(--tok-kw)}.tok-str{color:var(--tok-str)}.tok-cmt{color:var(--tok-cmt);font-style:italic}.tok-num{color:var(--tok-num)}.tok-fn{color:var(--tok-fn)}.tok-op{color:var(--tok-op)}.tok-punct{color:var(--tok-punct)}.table-wrap{overflow-x:auto;margin:1.25rem 0;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:0.875rem}thead{background:var(--surface-2)}th{font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);padding:0.65rem 1rem;text-align:left;border-bottom:1px solid var(--border)}td{padding:0.65rem 1rem;border-bottom:1px solid var(--border-subtle);vertical-align:top;line-height:1.5}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.callout{display:flex;gap:0.75rem;padding:1rem 1.25rem;border-radius:var(--radius);margin:1.25rem 0;border-left:3px solid;font-size:0.9rem;line-height:1.6}.callout-note{background:rgba(130,170,255,0.07);border-color:rgba(130,170,255,0.5)}.callout-warning{background:rgba(255,107,107,0.07);border-color:rgba(255,107,107,0.5)}.callout-tip{background:rgba(61,214,140,0.07);border-color:rgba(61,214,140,0.5)}.callout-note .callout-icon{color:#82aaff}.callout-warning .callout-icon{color:var(--red)}.callout-tip .callout-icon{color:var(--green)}.callout-icon{font-size:1rem;flex-shrink:0;margin-top:0.1rem}.callout-body p:last-child{margin-bottom:0}.doc-prev-next{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.prev-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.prev-next-link{display:flex;flex-direction:column;gap:0.2rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:border-color 0.15s,background 0.15s}.prev-next-link:hover{border-color:var(--accent);background:var(--accent-dim);color:inherit}.next-link{text-align:right}.prev-next-label{font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}.prev-next-title{font-size:0.95rem;font-weight:600;color:var(--accent)}@media (max-width:768px){.docs-sidebar{transform:translateX(-100%);transition:transform 0.25s ease}.docs-sidebar.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,0.4)}.docs-main{margin-left:0}.mobile-menu-btn,.header-logo-mobile{display:flex}.docs-content{padding:2rem 1.25rem 4rem}.sidebar-nav{padding-bottom:6rem}.doc-h1{font-size:1.75rem}.prev-next-grid{grid-template-columns:1fr}.hero{padding:4rem 1.25rem 3rem}.hero-stats{gap:1.5rem}}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;margin-bottom:1rem}.icon-grid-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem 0.5rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);cursor:default;transition:border-color 0.15s,background 0.15s}.icon-grid-item:hover{border-color:var(--border);background:var(--surface-2)}.icon-grid-preview{color:var(--text);line-height:1}.icon-grid-name{font-family:var(--mono,monospace);font-size:0.6rem;color:var(--muted);text-align:center;word-break:break-all;line-height:1.4}.hiw-flow{list-style:none;padding:0;margin:0}.hiw-flow-item{display:flex;gap:1rem}.hiw-flow-side{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.hiw-flow-dot{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;font-size:1rem;background:var(--accent-dim);color:var(--accent)}.hiw-flow-connector{width:2px;background:var(--border);flex:1;min-height:0.75rem}.hiw-flow-item:first-child .hiw-flow-connector--before,.hiw-flow-item:last-child .hiw-flow-connector--after{visibility:hidden}.hiw-flow-main{flex:1;padding-bottom:1.75rem}.hiw-flow-item:last-child .hiw-flow-main{padding-bottom:0}.hiw-flow-label{display:block;font-size:0.72rem;font-weight:600;color:var(--muted);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:0.35rem}