:root{--color-primary-25: #FBFAFF;--color-primary-50: #F5F3FF;--color-primary-100: #ECE9FE;--color-primary-200: #DDD6FE;--color-primary-300: #C3B5FD;--color-primary-400: #A48AFB;--color-primary-500: #875BF7;--color-primary-600: #7839EE;--color-primary-700: #6927DA;--color-primary-800: #5720B7;--color-primary-900: #491C96;--color-primary-950: #2E125E;--color-secondary-50: #FFF0F4;--color-secondary-100: #FFDDE5;--color-secondary-200: #FFC0CF;--color-secondary-300: #FF94AD;--color-secondary-400: #FF577F;--color-secondary-500: #FF2357;--color-secondary-600: #FF003C;--color-secondary-700: #D70033;--color-secondary-800: #B1032C;--color-secondary-900: #920A2A;--color-secondary-950: #500013;--color-neutral-25: #FCFCFD;--color-neutral-50: #F8FAFC;--color-neutral-100: #EEF2F6;--color-neutral-200: #E3E8EF;--color-neutral-300: #CDD5DF;--color-neutral-400: #9AA4B2;--color-neutral-500: #697586;--color-neutral-600: #4B5565;--color-neutral-700: #364152;--color-neutral-800: #202939;--color-neutral-900: #121926;--color-neutral-950: #0D121C;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-success-950: #052e16;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-warning-950: #451a03;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-error-950: #450a0a;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-info-950: #172554;--color-surface: #ffffff;--color-surface-subtle: var(--color-neutral-50);--color-surface-inverse: var(--color-neutral-900);--color-text-heading: var(--color-neutral-900);--color-text: var(--color-neutral-700);--color-text-muted: var(--color-neutral-500);--color-border: var(--color-neutral-100);--color-brand: var(--color-primary-500);--color-brand-hover: var(--color-primary-600);--color-brand-navy: #2D0064;--color-brand-red: var(--color-secondary-600);--color-focus: #9e77ed3d;--space-px: 1px;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, .05);--shadow-md: 0px 20px 24px -4px rgba(16, 24, 40, .08), 0px 8px 8px -4px rgba(16, 24, 40, .03);--shadow-lg: 0 0 .5px 0 rgba(15, 20, 25, .18), 0 3px 8px 0 rgba(15, 20, 25, .1), 0 1px 3px 0 rgba(15, 20, 25, .1);--shadow-focus: 0 0 0 4px #9e77ed3d;--font-sans: Geist, "Geist Fallback", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}.text-display-5xl{font-family:var(--font-sans);font-size:3rem;line-height:1;font-weight:600}.text-hero-title{font-family:var(--font-sans);font-size:2.25rem;line-height:2.5rem;font-weight:600}.text-section-title-lg{font-family:var(--font-sans);font-size:2rem;line-height:3rem;font-weight:600}.text-section-title{font-family:var(--font-sans);font-size:1.5rem;line-height:2rem;font-weight:600}.text-title{font-family:var(--font-sans);font-size:1.25rem;line-height:1.75rem;font-weight:500}.text-lead{font-family:var(--font-sans);font-size:1.125rem;line-height:1.75rem;font-weight:400}.text-card-title{font-family:var(--font-sans);font-size:1rem;line-height:1.5rem;font-weight:500}.text-body{font-family:var(--font-sans);font-size:1rem;line-height:1.5rem;font-weight:400}.text-body-sm{font-family:var(--font-sans);font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:-.28px}.text-caption{font-family:var(--font-sans);font-size:.75rem;line-height:1rem;font-weight:400}.text-button{font-family:var(--font-sans);font-size:1rem;line-height:1.5rem;font-weight:500}.text-subtitle{font-family:var(--font-mono);font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase}.text-link-mono{font-family:var(--font-mono);font-size:.875rem;line-height:1;font-weight:500;text-transform:uppercase}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface)}.pb-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4)}.pb-stack{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.pb-btn{appearance:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-sans);background-color:var(--btn-bg, var(--color-primary-500));color:var(--btn-color, #ffffff);border:var(--btn-border, none);border-radius:var(--radius-lg);box-shadow:var(--btn-shadow, var(--shadow-sm));font-size:.875rem;font-weight:600;line-height:1.25rem;padding:var(--space-2-5) var(--space-4);transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out,column-gap .2s ease-out}.pb-btn:hover{background-color:var(--btn-bg-hover, var(--btn-bg));color:var(--btn-color-hover, var(--btn-color, #ffffff))}.pb-btn:focus-visible{outline:none;box-shadow:var(--btn-shadow-focus, var(--shadow-focus))}.pb-btn:disabled{cursor:not-allowed;opacity:.5}.pb-btn-lg{font-size:1rem;font-weight:500;line-height:1.5rem}.pb-btn-primary{--btn-bg: var(--color-primary-500);--btn-bg-hover: var(--color-primary-600);--btn-color: #ffffff}.pb-btn-ghost{--btn-bg: var(--color-primary-50);--btn-bg-hover: var(--color-primary-25);--btn-color: var(--color-neutral-600);--btn-color-hover: var(--color-neutral-900);--btn-border: 1px solid var(--color-neutral-300);--btn-shadow-focus: 0 0 0 4px #98a2b324}.pb-btn-tertiary{--btn-bg: transparent;--btn-shadow: none;--btn-color: var(--color-neutral-600);--btn-color-hover: var(--color-neutral-800);padding:0;font-weight:500}.pb-btn-tertiary .pb-arrow{color:var(--color-neutral-400);transition:color .2s ease-out}.pb-btn-tertiary:hover{column-gap:var(--space-2)}.pb-btn-tertiary:hover .pb-arrow{color:var(--color-primary-600)}.pb-field{display:flex;flex-direction:column;gap:var(--space-1-5);max-width:360px}.pb-field-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-neutral-700)}.pb-input{appearance:none;font:inherit;font-size:1rem;line-height:1.5rem;background:#fff;color:#344054;border:1px solid rgba(108,60,255,.2);border-radius:var(--radius-lg);box-shadow:0 0 0 2px transparent;outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow .15s,border-color .15s,background .15s}.pb-input::placeholder{color:var(--color-neutral-500)}.pb-input:focus{background:#faf8ff;border-color:var(--color-primary-400);box-shadow:0 0 0 2px #6c3cff1a}.pb-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-neutral-50);border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg);padding:var(--space-8);max-width:300px}.pb-card-title{margin:0;padding-top:var(--space-1);font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--color-neutral-900)}.pb-card-body{margin:0;font-size:.875rem;line-height:1.25rem;letter-spacing:-.28px;color:var(--color-neutral-700)}:root[data-theme=dark]{color-scheme:dark;--color-neutral-25: #0D121C;--color-neutral-50: #121926;--color-neutral-100: #202939;--color-neutral-200: #364152;--color-neutral-300: #4B5565;--color-neutral-400: #697586;--color-neutral-500: #9AA4B2;--color-neutral-600: #CDD5DF;--color-neutral-700: #E3E8EF;--color-neutral-800: #EEF2F6;--color-neutral-900: #F8FAFC;--color-neutral-950: #FCFCFD;--color-primary-25: #15102A;--color-primary-50: #1D1540;--color-primary-100: #2A1D5A;--color-primary-200: #3A2A7C;--color-primary-300: #5B3FB5;--color-primary-600: #A48AFB;--color-primary-700: #C3B5FD;--color-primary-800: #DDD6FE;--color-primary-900: #ECE9FE;--color-secondary-600: #FF577F;--color-success-600: #4ade80;--color-warning-600: #fbbf24;--color-error-600: #f87171;--color-info-600: #60a5fa;--color-surface: #0D121C;--color-surface-subtle: #121926;--color-surface-inverse: #F8FAFC;--color-text-heading: #F8FAFC;--color-text: #CDD5DF;--color-text-muted: #9AA4B2;--color-border: #202939;--color-brand-navy: #C3B5FD;--color-focus: #9e77ed66;--shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, .4);--shadow-md: 0px 20px 24px -4px rgba(0, 0, 0, .5), 0px 8px 8px -4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 4px #9e77ed66}:root[data-theme=dark] .pb-input{background:var(--color-neutral-50);color:var(--color-text);border-color:var(--color-neutral-200)}:root[data-theme=dark] .pb-input:focus{background:var(--color-primary-25)}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light}html,body{min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased}docs-root{display:block}docs-shell{display:flex;flex-direction:column;min-height:100vh}.site-nav__icon-link{display:inline-flex;align-items:center}.site-nav__icon{width:var(--space-5);height:var(--space-5);fill:currentColor}.site-nav__icon--npm{width:calc(var(--space-4) + var(--space-0-5));height:calc(var(--space-4) + var(--space-0-5))}.theme-toggle{display:inline-flex;align-items:center;cursor:pointer;border:0;background:none;font:inherit}.theme-toggle__icon{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:root[data-theme=dark] .site-footer__brand img{filter:brightness(0) invert(1)}:root[data-theme=dark] .feature-example__stage img{filter:invert(1)}a{color:var(--color-primary-600)}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:67.1875rem;margin:0 auto;padding:0 var(--space-5)}.site-header{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:var(--space-px) solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:var(--space-16)}.brand{display:inline-flex;align-items:center;gap:var(--space-2-5);text-decoration:none;color:var(--color-text-heading)}.brand__mark{width:var(--space-8);height:var(--space-8)}.brand__name{font-weight:600;font-size:1.125rem}.site-nav{display:flex;gap:var(--space-1)}.site-nav__link{font-family:var(--font-mono);font-size:.875rem;font-weight:500;line-height:1;text-transform:uppercase;text-decoration:none;color:var(--color-neutral-600);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);transition:color .2s ease-out,background-color .2s ease-out}.site-nav__link:hover{color:var(--color-neutral-900);background:var(--color-neutral-50)}.site-nav__link.active{color:var(--color-primary-700);background:var(--color-primary-50)}.site-main{flex:1 0 auto;padding:var(--space-10) 0 var(--space-16)}.site-footer{border-top:var(--space-px) solid var(--color-border);background:var(--color-surface-subtle)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-8);flex-wrap:wrap}.site-footer__brand img{height:var(--space-8);width:auto;display:block}.site-footer__text{margin:0;color:var(--color-text-muted)}.hero{padding-top:var(--space-12);padding-bottom:var(--space-12)}.hero__eyebrow{margin:0 0 var(--space-4);color:var(--color-primary-600)}.hero__title{margin:0;max-width:14ch;color:var(--color-text-heading);letter-spacing:-.02em}.hero__lead{margin:var(--space-6) 0 0;max-width:60ch;color:var(--color-text)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.install{display:inline-block;margin:var(--space-8) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle);color:var(--color-text-heading);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.25rem}.icon-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-6);padding-bottom:var(--space-6);color:var(--color-primary-600);border-top:var(--space-px) solid var(--color-border);border-bottom:var(--space-px) solid var(--color-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-5);padding-top:var(--space-12)}.card-grid .pb-card{max-width:none}.card-grid--links{padding-top:var(--space-6)}.pb-card--link{text-decoration:none;transition:border-color .2s ease-out,background-color .2s ease-out}.pb-card--link:hover{border-color:var(--color-primary-300);background:var(--color-primary-25)}.pb-card code{font-size:.8125rem;padding:0 var(--space-1);background:var(--color-neutral-100);border-radius:var(--radius-base)}.prose{color:var(--color-text);font-size:1rem;line-height:1.5rem}.prose>:first-child{margin-top:0}.prose h1{font-size:2.25rem;line-height:2.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-heading);margin:0 0 var(--space-4)}.prose h2{font-size:1.5rem;line-height:2rem;font-weight:600;color:var(--color-text-heading);margin:var(--space-12) 0 var(--space-4);padding-top:var(--space-4);border-top:var(--space-px) solid var(--color-border)}.prose h3{font-size:1.25rem;line-height:1.75rem;font-weight:500;color:var(--color-text-heading);margin:var(--space-8) 0 var(--space-3)}.prose h2 a,.prose h3 a{color:inherit;text-decoration:none}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-4)}.prose li+li{margin-top:var(--space-1-5)}.prose .lead{font-size:1.125rem;line-height:1.75rem;color:var(--color-text-muted)}.prose code{font-size:.875em;padding:var(--space-0-5) var(--space-1-5);background:var(--color-neutral-100);border-radius:var(--radius-base)}.prose pre{margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);overflow-x:auto;background:var(--color-neutral-50);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5rem}.prose pre code{padding:0;background:none;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:0 0 var(--space-6);font-size:.875rem;line-height:1.25rem}.prose th,.prose td{text-align:left;vertical-align:top;padding:var(--space-2-5) var(--space-3);border-bottom:var(--space-px) solid var(--color-border)}.prose th{font-weight:500;color:var(--color-text-heading);background:var(--color-neutral-50)}.prose blockquote{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-5);border-left:var(--space-1) solid var(--color-primary-300);background:var(--color-primary-25);color:var(--color-neutral-700);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:0;border-top:var(--space-px) solid var(--color-border);margin:var(--space-8) 0}.shiki,.shiki code{background:transparent!important}.docs{display:grid;grid-template-columns:15rem minmax(0,1fr) 13.75rem;gap:var(--space-10);align-items:start}.docs__nav,.docs__toc{position:sticky;top:calc(var(--space-16) + var(--space-8));max-height:calc(100vh - var(--space-16) - var(--space-8));overflow-y:auto}.docs__nav-title{margin:0 0 var(--space-3);color:var(--color-text-muted)}.docs__nav-list,.docs__toc-list{list-style:none;margin:0;padding:0}.docs__nav-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--color-neutral-700);text-decoration:none;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:background-color .2s ease-out,color .2s ease-out}.docs__nav-link:hover{background:var(--color-neutral-50);color:var(--color-neutral-900)}.docs__nav-link.active{background:var(--color-primary-50);color:var(--color-primary-700)}.docs__toc-list{border-left:var(--space-px) solid var(--color-border)}.docs__toc-link{display:block;padding:var(--space-1-5) var(--space-3);margin-left:calc(-1 * var(--space-px));border-left:var(--space-0-5) solid transparent;color:var(--color-text-muted);text-decoration:none;font-size:.8125rem;line-height:1.25rem;transition:color .2s ease-out,border-color .2s ease-out}.docs__toc-item--sub .docs__toc-link{padding-left:var(--space-6)}.docs__toc-link:hover{color:var(--color-neutral-900);border-left-color:var(--color-primary-300)}.prose h2,.prose h3{scroll-margin-top:calc(var(--space-16) + var(--space-6))}.doc-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-16);padding-top:var(--space-6);border-top:var(--space-px) solid var(--color-border)}.doc-pager__link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-muted);transition:border-color .2s ease-out,background-color .2s ease-out}.doc-pager__link:hover{border-color:var(--color-primary-300);background:var(--color-primary-25)}.doc-pager__link--next{text-align:right;align-items:flex-end}.doc-pager__title{font-weight:500;color:var(--color-text-heading)}.demo-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-8);border-bottom:var(--space-px) solid var(--color-border)}.demo-tabs__link{padding:var(--space-3) var(--space-4);margin-bottom:calc(-1 * var(--space-px));border-bottom:var(--space-0-5) solid transparent;color:var(--color-neutral-600);text-decoration:none;font-weight:500;font-size:.875rem;line-height:1.25rem;transition:color .2s ease-out,border-color .2s ease-out}.demo-tabs__link:hover{color:var(--color-neutral-900)}.demo-tabs__link.active{color:var(--color-primary-700);border-bottom-color:var(--color-primary-600)}.compare{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:var(--space-10);align-items:start;--demo-accent: var(--color-neutral-700)}.compare[data-lib=fast-svg]{--demo-accent: var(--color-brand-navy)}.compare[data-lib=material]{--demo-accent: var(--color-warning-600)}.compare[data-lib=ionic]{--demo-accent: var(--color-info-600)}.compare[data-lib=font-awesome]{--demo-accent: var(--color-success-600)}.compare[data-lib=angular]{--demo-accent: var(--color-error-600)}.compare[data-lib=ant]{--demo-accent: var(--color-secondary-600)}.compare__nav{position:sticky;top:calc(var(--space-16) + var(--space-8))}.compare__nav-link.active{box-shadow:inset var(--space-1) 0 0 var(--demo-accent)}.compare__header{margin-bottom:var(--space-6)}.compare__eyebrow{margin:0 0 var(--space-2);color:var(--demo-accent)}.compare__title{margin:0;color:var(--color-text-heading)}.compare__header .text-lead{margin:var(--space-4) 0 0;max-width:60ch}.compare__controls{display:flex;flex-wrap:wrap;gap:var(--space-4)}.compare__group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4) var(--space-4);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.compare__group legend{padding:0 var(--space-1);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.compare__count{color:var(--color-text-muted);margin-left:var(--space-2)}.compare__steps{margin:0 0 var(--space-10);padding-left:var(--space-5);max-width:60ch}.compare__steps li+li{margin-top:var(--space-2)}.compare__layouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4);margin:0 0 var(--space-10)}.compare__layouts .pb-card{max-width:none}.compare__layouts dd{margin:0}.compare__start{display:flex;flex-wrap:wrap;gap:var(--space-2)}.compare__icons{display:flex;flex-wrap:wrap;color:var(--demo-accent)}.compare__icons .group{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}.compare__icons.on-screen{margin-top:var(--space-8)}.compare__icons.off-screen{margin-top:300vh}.compare__icons.distributed .group,.compare__icons.distributed li{margin:14%}.features{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:var(--space-10);align-items:start}.features__nav{position:sticky;top:calc(var(--space-16) + var(--space-8))}.feature__header{margin-bottom:var(--space-8)}.feature__eyebrow{margin:0 0 var(--space-2);color:var(--color-primary-600)}.feature__title{margin:0;color:var(--color-text-heading)}.feature__lead{margin:var(--space-4) 0 0;max-width:60ch}.feature-example{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-10);background:var(--color-surface-subtle);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg)}.feature-example--split{display:grid;grid-template-columns:minmax(0,1fr) 20rem;align-items:start}.feature-example__aside{position:sticky;top:calc(var(--space-16) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-4)}.feature-example__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.feature-example__field{max-width:16rem}.feature-example__hint,.feature-example__placeholder{margin:0;color:var(--color-text-muted)}.feature-example__stage{min-height:var(--space-20);padding:var(--space-5);background:var(--color-surface);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-primary-700)}.feature-example__stage--row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-6)}.feature-example__figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;text-align:center}.feature-example__figure figcaption{color:var(--color-text-muted);font-family:var(--font-mono)}.lazy-column{display:flex;flex-direction:column;align-items:flex-start;gap:120vh;padding:var(--space-5) 0 var(--space-20);color:var(--color-primary-700)}.feature-notes{max-width:70ch}.feature-notes .code-box{max-width:none}.code-box{margin:0;border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.code-box__caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:var(--space-px) solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono)}.code-box__copy{font-size:.75rem;padding:var(--space-1) var(--space-2)}.code-box__body pre{margin:0;border:0;border-radius:0;background:var(--color-surface)}.resource-log{border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.resource-log__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:var(--space-px) solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.resource-log__count{min-width:var(--space-7);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-700);font-family:var(--font-mono);font-size:.875rem;line-height:1.5rem;font-weight:600;text-align:center}.resource-log__list{list-style:none;margin:0;padding:var(--space-2) 0;max-height:20rem;overflow-y:auto}.resource-log__item{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) var(--space-4);font-size:.8125rem}.resource-log__item code{color:var(--color-text-heading)}.resource-log__item .text-caption{color:var(--color-text-muted);white-space:nowrap}.resource-log__empty{margin:0;padding:var(--space-3) var(--space-4);color:var(--color-text-muted)}@media(max-width:64rem){.feature-example--split{grid-template-columns:minmax(0,1fr)}.feature-example__aside{position:static}}@media(max-width:48rem){.features{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.features__nav{position:static}.features__nav .docs__nav-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.compare{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.compare__nav{position:static}.compare__nav .docs__nav-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.compare__nav-link.active{box-shadow:inset 0 calc(-1 * var(--space-1)) 0 var(--demo-accent)}}@media(max-width:64rem){.docs{grid-template-columns:13rem minmax(0,1fr)}.docs__toc{display:none}}@media(max-width:48rem){.docs{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.docs__nav{position:static;max-height:none}.docs__nav-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}}@media(max-width:40rem){.site-header__inner{gap:var(--space-3)}.brand__name{display:none}.site-nav__link{padding:var(--space-2) var(--space-2)}.hero__title{font-size:2.25rem;line-height:2.5rem}}