:root{--docs-bg:#f3f6fb;--docs-surface:#ffffffe6;--docs-panel:#fff;--docs-border:#dfe8f3;--docs-text:#0f172a;--docs-text-soft:#475569;--docs-brand:#4f46e5;--docs-brand-soft:#4f46e51a;--docs-shadow:0 16px 40px #0f172a14;--docs-code-bg:#101828;--docs-code-text:#e2e8f0;--docs-success:#059669;--docs-warning:#d97706;--docs-danger:#dc2626;--docs-radius:18px;--docs-box:0 1px 0 #0f172a0a, 0 18px 30px #0f172a0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--docs-bg:#0b1020;--docs-surface:#0f172ae0;--docs-panel:#0f172a;--docs-border:#24314a;--docs-text:#e2e8f0;--docs-text-soft:#a0aec0;--docs-brand:#a5b4fc;--docs-brand-soft:#a5b4fc1f;--docs-shadow:0 24px 50px #02061770;--docs-code-bg:#0b1220;--docs-code-text:#dbeafe;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--nx-font-family-sans), sans-serif;background:var(--docs-bg);color:var(--docs-text);margin:0}body,button,input,select,textarea{font-family:var(--nx-font-family-sans), sans-serif}button,a{transition:all .2s}img{max-width:100%;display:block}code,pre{font-family:var(--nx-font-family-mono), monospace}#app{min-height:100vh}.docs-main,.page-content{min-width:0}.docs-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--docs-border);background:var(--docs-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:290px;height:100vh;padding:1.5rem 1.1rem;position:sticky;top:0}.brand-block{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--docs-brand), #7c3aed);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.brand-text{flex-direction:column;gap:.1rem;display:flex}.brand-text strong{font-size:1.1rem}.brand-text span{color:var(--docs-text-soft);font-size:.78rem}.sidebar-version{background:var(--docs-brand-soft);color:var(--docs-brand);border-radius:999px;margin:.5rem 0 1rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.docs-nav{flex-direction:column;gap:1.1rem;height:calc(100vh - 130px);padding-right:.25rem;display:flex;overflow:auto}.nav-group{flex-direction:column;gap:.35rem;display:flex}.nav-label{letter-spacing:.1em;color:var(--docs-text-soft);margin-left:.5rem;font-size:.72rem;font-weight:700}.nav-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:var(--docs-text);border-radius:10px;padding:.6rem .8rem;font-size:.96rem;text-decoration:none;display:block}.nav-item:hover,.nav-item.active{background:var(--docs-brand-soft);color:var(--docs-brand);font-weight:600}.docs-main{flex:1;min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--docs-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 2rem;display:flex;position:sticky;top:0}.header-breadcrumb{flex:1;min-width:0}.doc-breadcrumb{color:var(--docs-text-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;font-size:.82rem;display:flex;overflow:hidden}.doc-breadcrumb a{color:inherit;text-decoration:none}.header-actions{align-items:center;gap:.75rem;display:flex}.header-actions a,.theme-toggle,.mobile-toggle{appearance:none;border:1px solid var(--docs-border);background:var(--docs-panel);color:var(--docs-text);cursor:pointer;border-radius:10px;font-size:.88rem;text-decoration:none}.theme-toggle,.mobile-toggle{width:40px;height:40px}.header-actions a{padding:.55rem .8rem}.page-content{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.page-header h1{letter-spacing:-.04em;margin:.4rem 0 .8rem;font-size:clamp(2.1rem,3vw,3.3rem);line-height:1.1}.page-header p{max-width:760px;color:var(--docs-text-soft);margin:0;font-size:1.06rem}.eyebrow{background:var(--docs-brand-soft);color:var(--docs-brand);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:.38rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.home-hero-header{padding-top:.5rem}.home-hero-header h1{letter-spacing:-.09em;margin-bottom:.35rem;font-size:clamp(4rem,8vw,7rem)}.home-title{letter-spacing:-.06em;margin:0 0 .7rem;font-size:clamp(2rem,4vw,3.2rem)}.home-subtitle{max-width:640px;color:var(--docs-text-soft);margin:0 0 1.4rem;font-size:1.12rem;line-height:1.7}.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:2rem;padding:1.5rem 0 2rem;display:grid;position:relative}.home-hero>*,.hero-section>*,.content-section>*,.demo-surface>*,.component-preview-grid>*,.card-grid>*,.docs-grid>*,.home-showcase,.demo-surface,.component-tile{min-width:0;max-width:100%}.demo-surface{overflow-x:auto}.demo-surface nx-input,.demo-surface nx-textarea,.demo-surface nx-select,.demo-surface nx-card,.demo-surface nx-alert,.demo-surface nx-progress,.demo-surface nx-toast,.demo-surface nx-tabs,.demo-surface nx-dialog,.demo-surface nx-table,.component-tile nx-input,.component-tile nx-alert{width:100%;min-width:0;max-width:100%;display:block}.demo-surface nx-input,.demo-surface nx-textarea,.demo-surface nx-select,.component-tile nx-input,.home-showcase nx-input{max-width:calc(100% - 2rem - var(--nx-border-width-thin) - var(--nx-border-width-thin))}.home-pills{margin-bottom:1rem}.home-showcase{background:linear-gradient(135deg,#7c3aed1f,#ffffffbf);border:1px solid #7c3aed2e;box-shadow:0 24px 60px #5b21b61f}html[data-theme=dark] .home-showcase{background:linear-gradient(135deg,#8b5cf62e,#0f172ae6)}.home-showcase-grid{grid-template-columns:1fr;display:grid}.mini-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--docs-brand);margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:inline-flex}.home-feature-grid{margin-top:1rem}.component-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.component-tile{border:1px solid var(--docs-border);border-radius:var(--docs-radius);background:var(--docs-panel);box-shadow:var(--docs-box);flex-direction:column;gap:.8rem;padding:1.2rem;display:flex}.component-tile span{letter-spacing:.08em;text-transform:uppercase;color:var(--docs-text-soft);font-size:.75rem;font-weight:700}.home-overview{margin-top:1.25rem}.home-author-section{grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:center;gap:2rem;display:grid}.author-copy h2{letter-spacing:-.045em;max-width:650px;margin:.7rem 0 1rem;font-size:clamp(1.7rem,3vw,2.5rem)}.author-copy p,.author-note p{color:var(--docs-text-soft);line-height:1.75}.author-links{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.author-links .action{overflow-wrap:anywhere;width:fit-content}.author-note{background:var(--docs-brand-soft);border-radius:24px;padding:1.5rem}.author-note p{margin:.75rem 0 1.2rem}.author-status{color:var(--docs-text);align-items:center;gap:.55rem;font-size:.84rem;font-weight:600;line-height:1.5;display:inline-flex}.author-status>span{background:#2e7d55;border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #2e7d551f}.home-hero-header h1{line-height:.95}.home-hero{padding-top:.75rem}.home-title{max-width:620px;line-height:1.08}.home-feature-grid{gap:.85rem}.home-feature-card{grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.15rem .9rem;min-height:144px;padding:1.25rem;display:grid}.home-feature-card .home-feature-icon{background:var(--docs-brand-soft);width:48px;height:48px;color:var(--docs-brand);border-radius:17px;grid-row:1/span 2;place-items:center;font-size:1.35rem;display:grid}.home-feature-card .mini-kicker{margin:0 0 .25rem;font-size:.63rem}.home-feature-card h3{margin:0;font-size:1rem}.home-feature-card p{color:var(--docs-text-soft);grid-column:2;margin:.35rem 0 0;font-size:.86rem;line-height:1.5}.section-heading-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.35rem;display:flex}.section-heading-row h2{margin:.4rem 0 0}.text-link{color:var(--docs-brand);flex:none;align-items:center;gap:.5rem;font-weight:650;text-decoration:none;display:inline-flex}.text-link:hover{gap:.75rem}.component-tile-link{min-height:238px;color:var(--docs-text);padding:1.35rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.component-tile-link:hover{border-color:color-mix(in srgb, var(--docs-brand) 35%, var(--docs-border));transform:translateY(-3px);box-shadow:0 14px 32px #261c371a}.component-tile-link>span:not(.component-tile-icon):not(.tile-preview):not(.tile-footer){color:var(--docs-text);letter-spacing:-.01em;text-transform:none;font-size:1.04rem}.component-tile-icon{background:var(--docs-brand-soft);width:38px;height:38px;color:var(--docs-brand);border-radius:14px;place-items:center;font-size:1.1rem;display:grid}.tile-preview{background:var(--docs-surface);border-radius:16px;align-items:center;gap:.55rem;width:100%;min-height:54px;padding:.7rem;display:flex}.tile-preview i{background:color-mix(in srgb, var(--docs-brand) 22%, var(--docs-panel));border-radius:99px;height:10px;display:block}.tile-preview:not(.tile-preview-fields):not(.tile-preview-card):not(.tile-preview-feedback) i:first-child{background:var(--docs-brand);width:60px;height:30px}.tile-preview:not(.tile-preview-fields):not(.tile-preview-card):not(.tile-preview-feedback) i:last-child{border:1px solid var(--docs-border);background:var(--docs-panel);width:48px;height:30px}.tile-preview-fields{flex-direction:column;align-items:stretch;gap:.35rem}.tile-preview-fields i{background:var(--docs-panel);border:1px solid var(--docs-border);width:100%;height:7px}.tile-preview-fields i:first-child{width:65%}.tile-preview-card{flex-direction:column;justify-content:center;align-items:flex-start}.tile-preview-card i:first-child{background:var(--docs-brand);width:38%;height:8px}.tile-preview-card i:last-child{width:85%}.tile-preview-feedback i:first-child{background:#4e8d6b;border-radius:50%;width:12px;height:12px}.tile-preview-feedback i:last-child{width:72%}.tile-footer{color:var(--docs-text-soft);justify-content:space-between;align-items:center;gap:.6rem;font-size:.82rem;display:flex}.component-toc{z-index:5;border:1px solid var(--docs-border);background:color-mix(in srgb, var(--docs-panel) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:.45rem;margin:0 0 1.25rem;padding:.55rem;display:flex;position:sticky;top:76px;overflow-x:auto}.component-toc a{color:var(--docs-text-soft);border-radius:999px;flex:none;padding:.55rem .9rem;font-size:.84rem;font-weight:600;text-decoration:none}.component-toc a:hover{background:var(--docs-brand-soft);color:var(--docs-brand)}.home-author-section{align-items:stretch}.author-copy{align-self:center}.author-copy h2{margin-bottom:.75rem}.author-copy p{max-width:580px;margin:0}.author-contact{background:var(--docs-brand-soft);border-radius:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem;padding:1.5rem;display:flex}.author-contact .mini-kicker{margin:0}.author-contact h3{margin:0;font-size:1.1rem}.contact-link,.portfolio-link{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;width:100%;text-decoration:none;display:flex}.contact-link{color:var(--docs-brand);font-size:1.03rem;font-weight:700}.portfolio-link{border-top:1px solid color-mix(in srgb, var(--docs-brand) 22%, transparent);color:var(--docs-text);padding-top:.75rem;font-size:.9rem;font-weight:600}.contact-link:hover,.portfolio-link:hover{text-underline-offset:4px;text-decoration:underline}.foundation-color-grid,.type-family-grid,.spacing-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.foundation-color-card,.type-family-card,.spacing-example-grid article{border:1px solid var(--docs-border);background:var(--docs-panel);border-radius:18px;align-items:center;gap:1rem;min-width:0;padding:1rem;display:flex}.foundation-color-swatch{background:var(--swatch);border:1px solid #0f172a1a;border-radius:16px;flex:none;width:56px;height:56px}.foundation-color-card div,.type-family-card{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.foundation-color-card code,.foundation-color-card small,.type-family-card code,.type-family-card small{color:var(--docs-text-soft);overflow-wrap:anywhere;font-size:.78rem}.semantic-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0 1.25rem;display:grid}.semantic-color-list>div{background:var(--docs-surface);border-radius:14px;align-items:center;gap:.7rem;padding:.8rem;display:flex}.semantic-color-list>div>span:last-child{gap:.2rem;display:grid}.semantic-color-list code{color:var(--docs-text-soft);overflow-wrap:anywhere;font-size:.74rem}.semantic-color-dot{background:var(--swatch);border-radius:50%;flex:none;width:18px;height:18px}.foundation-callout{background:var(--docs-brand-soft);color:var(--docs-text);border-radius:18px;align-items:flex-start;gap:.9rem;padding:1.1rem;display:flex}.foundation-callout>span{color:var(--docs-brand);font-size:1.25rem}.foundation-callout p{margin:0;line-height:1.6}.type-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-family-card{align-items:stretch;padding:1.25rem}.type-family-card>span{color:var(--docs-text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:650}.type-family-card strong{letter-spacing:-.05em;font-size:clamp(1.6rem,3vw,2.2rem)}.type-specimen-list{gap:.55rem;display:grid}.type-specimen-list>div{border-bottom:1px solid var(--docs-border);grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:baseline;gap:1rem;padding:.85rem 0;display:grid}.type-specimen-list code{color:var(--docs-text-soft);overflow-wrap:anywhere;font-size:.8rem}.type-weight-row{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.25rem;display:flex}.type-hierarchy-preview{background:var(--docs-surface);border-radius:18px;gap:.6rem;padding:1.4rem;display:grid}.type-hierarchy-preview .mini-kicker,.type-hierarchy-preview h3,.type-hierarchy-preview p{margin:0}.type-hierarchy-preview h3{font-size:1.5rem}.type-hierarchy-preview p,.type-hierarchy-preview small{color:var(--docs-text-soft)}.spacing-scale{gap:.6rem;display:grid}.spacing-scale-row{background:var(--docs-surface);border-radius:14px;grid-template-columns:minmax(150px,.8fr) minmax(100px,1fr) 52px;align-items:center;gap:1rem;padding:.7rem;display:grid}.spacing-scale-row code,.spacing-example-grid code{color:var(--docs-text-soft);overflow-wrap:anywhere;font-size:.8rem}.spacing-track{background:var(--docs-panel);border-radius:99px;height:18px;display:block}.spacing-track i{border-radius:inherit;background:var(--docs-brand);max-width:100%;height:100%;display:block}.spacing-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spacing-example-grid article{flex-direction:column;justify-content:space-between;align-items:stretch}.spacing-example-grid article>span{font-weight:650}.spacing-example-grid article>div{background:var(--docs-surface);border-radius:14px;justify-content:center;align-items:center;min-height:72px;padding:.5rem;display:flex}.spacing-example-grid article i{background:var(--docs-brand);border-radius:8px;width:26px;height:26px;display:block}.content-section[id],.content-section h3[id]{scroll-margin-top:150px}@media (width<=680px){.section-heading-row{align-items:flex-start}.component-tile-link{min-height:218px}.component-toc{top:64px}.home-author-section{gap:1.25rem}.foundation-color-grid,.type-family-grid,.semantic-color-list,.spacing-example-grid{grid-template-columns:1fr}.type-specimen-list>div{grid-template-columns:1fr;gap:.4rem}.spacing-scale-row{grid-template-columns:minmax(0,1fr) 56px}.spacing-track{grid-area:2/1/auto/-1}}button,a,nx-button,nx-input,nx-card,nx-badge,nx-alert,nx-switch,nx-select,nx-checkbox,nx-radio{transition:transform .2s,box-shadow .2s,border-color .2s}button:hover,a:hover,nx-button:hover,nx-icon-button:hover{transform:translateY(-1px)}@media (width<=980px){.home-hero,.hero-section,.home-author-section,.docs-grid,.feature-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.feature-grid,.component-preview-grid,.token-grid,.icon-grid{grid-template-columns:1fr}.action{width:100%}.hero-actions{display:grid}}.hero-section{grid-template-columns:1.1fr .9fr;gap:2rem;padding:1.5rem 0 2rem;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.pill-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.pill{border:1px solid var(--docs-border);background:var(--docs-panel);color:var(--docs-text-soft);border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:.85rem;display:flex}.action{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.action.primary{background:var(--docs-brand);color:#fff}.action.secondary{background:var(--docs-panel);color:var(--docs-text);border-color:var(--docs-border)}.action.tertiary{color:var(--docs-brand);border-color:var(--docs-border);background:0 0}.hero-showcase{border:1px solid var(--docs-border);border-radius:var(--docs-radius);box-shadow:var(--docs-shadow);background:linear-gradient(#ffffffbf,#f4f7fceb);flex-direction:column;gap:1rem;padding:1.4rem;display:flex}html[data-theme=dark] .hero-showcase{background:linear-gradient(#0c1220e6,#0f172af0)}.showcase-top,.showcase-buttons,.button-row,.inline-row,.badge-row,.icon-grid,.card-grid,.inline-form,.stack-form,.stacked-list,.stacked-form,.token-grid,.feature-grid,.info-row{flex-wrap:wrap;gap:.85rem;display:flex}.showcase-grid{grid-template-columns:1fr;gap:1rem;display:grid}.stat-card,.content-section,.demo-surface,.token-card,.icon-card,.info-panel{border:1px solid var(--docs-border);border-radius:var(--docs-radius);background:var(--docs-panel);box-shadow:var(--docs-box)}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:.5rem;display:grid}.stat-card{padding:1.2rem}.stat-card h3{margin:0 0 .5rem;font-size:1.05rem}.stat-card p{color:var(--docs-text-soft);margin:0}.content-section h2{margin:0 0 1rem;font-size:1.5rem}.section-body{flex-direction:column;gap:1rem;display:flex}.code-block{border:1px solid var(--docs-border);background:var(--docs-code-bg);border-radius:14px;overflow:auto}.code-block pre{color:var(--docs-code-text);margin:0;padding:1rem 1.1rem;font-size:.88rem;line-height:1.5}.code-stack{flex-direction:column;gap:.8rem;display:flex}.demo-surface{background:linear-gradient(#ffffffb8,#f4f7fceb);padding:1.2rem;display:block}.docs-grid{grid-template-columns:1.3fr .7fr;gap:1rem;display:grid}.info-panel{min-width:0;padding:1rem;overflow-x:auto}.info-panel h3{margin-top:0}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{border-bottom:1px solid var(--docs-border);text-align:left;vertical-align:top;padding:.7rem .5rem}.data-table th{color:var(--docs-text-soft);font-weight:700}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.token-card,.icon-card{flex-direction:column;gap:.4rem;padding:1rem;display:flex}.swatch{border:1px solid #0f172a14;border-radius:14px;width:48px;height:48px;display:block}.swatch-blue{background:#4f46e5}.swatch-gray{background:#0f172a}.swatch-green{background:#059669}.swatch-red{background:#dc2626}.semantic-list,.package-list{color:var(--docs-text);flex-direction:column;gap:.45rem;margin:0;padding-left:1.1rem;display:flex}.architecture-list{color:var(--docs-brand);flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;display:grid}.large-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.small-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-card{justify-content:center;align-items:center;min-height:110px}.icon-card span{color:var(--docs-text-soft);font-size:.8rem}.stacked-list,.stacked-form{flex-direction:column;gap:.85rem;display:flex}.inline-form{flex-wrap:wrap;align-items:end;gap:.9rem;display:flex}.form-demo{min-width:min(220px,100%);max-width:100%}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mini-button{border:1px solid var(--docs-border);background:var(--docs-panel);min-height:36px;color:var(--docs-text);border-radius:10px;padding:.45rem .8rem}@media (width<=980px){.docs-shell{flex-direction:column}.sidebar{z-index:15;width:min(280px,82vw);box-shadow:var(--docs-shadow);height:100vh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.topbar{padding:.9rem 1rem}.mobile-toggle{justify-content:center;align-items:center;display:inline-flex}.hero-section,.feature-grid,.token-grid,.icon-grid,.cards-grid,.docs-grid{grid-template-columns:1fr}}@media (width>=981px){.mobile-toggle{display:none}}@media (width<=680px){.page-content{width:min(100% - 1rem,1120px)}.header-actions a{display:none}.hero-actions{flex-direction:column;align-items:stretch}.action{width:100%}}:root{--docs-bg:#f3edfa;--docs-surface:#eee7f6;--docs-panel:#fff;--docs-border:#e7e1ef;--docs-text:#211c27;--docs-text-soft:#625d69;--docs-brand:#6750a4;--docs-brand-soft:#eee8f8;--docs-shadow:0 8px 28px #261c3712;--docs-code-bg:#211c27;--docs-code-text:#f4effa;--docs-radius:24px;--docs-box:0 1px 2px #261c3709, 0 8px 24px #261c370b}html[data-theme=dark]{--docs-bg:#141218;--docs-surface:#1d1a22;--docs-panel:#211e26;--docs-border:#39343f;--docs-text:#eee9f2;--docs-text-soft:#c7c0cc;--docs-brand:#d0bcff;--docs-brand-soft:#352d45;--docs-shadow:0 12px 30px #00000038;--docs-code-bg:#100e13;--docs-code-text:#f2edf7;--docs-box:0 1px 2px #0000002e, 0 8px 24px #00000024}body{background:radial-gradient(ellipse at 78% 0%, #6750a41f, transparent 34rem), var(--docs-bg)}html[data-theme=light]{background-color:var(--docs-bg)}html body{background:radial-gradient(ellipse at 78% 0%, #6750a41f, transparent 34rem), var(--docs-bg)}.sidebar{background:var(--docs-surface);border-color:#0000;width:276px;padding:1.4rem 1rem}.brand-mark{background:var(--docs-brand);color:#fff;border-radius:16px;width:42px;height:42px}html[data-theme=dark] .brand-mark{color:#241a38}.nav-group{gap:.45rem}.nav-label{letter-spacing:.06em;margin:.15rem .75rem}.nav-item{color:var(--docs-text-soft);border-radius:999px;padding:.72rem .9rem;font-size:.9rem}.nav-item:hover,.nav-item.active{background:var(--docs-brand-soft);color:var(--docs-brand)}.topbar{background:color-mix(in srgb, var(--docs-bg) 88%, transparent);border-color:var(--docs-border);padding:1rem 2.4rem}html[data-theme=dark] .topbar{background:color-mix(in srgb, var(--docs-bg) 88%, transparent)}.page-content{width:min(1160px,100% - 3rem);padding:3rem 0 5rem}.page-header{margin-bottom:2rem}.page-header h1{letter-spacing:-.065em;margin-top:.8rem;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:600}.page-header p{max-width:720px;font-size:1.12rem;line-height:1.75}.eyebrow{color:var(--docs-brand);letter-spacing:.12em;background:0 0;padding:0}.content-section,.stat-card,.info-panel,.token-card,.icon-card,.component-tile{border:1px solid var(--docs-border);background:var(--docs-panel);box-shadow:var(--docs-box);border-radius:28px}.content-section{margin-top:1.75rem;padding:clamp(1.25rem,3vw,2rem)}.content-section h2{letter-spacing:-.035em;margin-bottom:1.25rem;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:600}.info-panel{padding:1.4rem}.demo-surface{box-shadow:none;background:var(--docs-surface);border-radius:24px;padding:clamp(1rem,3vw,2rem)}html[data-theme=dark] .demo-surface{background:#19161e}.home-hero-header h1{color:var(--docs-brand);font-weight:600}.home-showcase{box-shadow:var(--docs-shadow);border-radius:32px}.stat-card,.component-tile{padding:1.5rem}.component-tile{gap:1.1rem}.component-tile span{letter-spacing:.06em}.action{border-radius:999px;min-height:48px;padding:.8rem 1.35rem}.action.primary{background:var(--docs-brand)}.code-block{background:var(--docs-code-bg);border:1px solid #39343f;border-radius:20px;position:relative}.code-toolbar{color:#c7c0cc;letter-spacing:.09em;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.65rem .85rem .65rem 1.1rem;font-size:.76rem;font-weight:700;display:flex}.copy-code{color:#f4effa;cursor:pointer;min-height:36px;font:inherit;letter-spacing:normal;background:#ffffff14;border:1px solid #ffffff2b;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.78rem;transition:background .18s,border-color .18s;display:inline-flex}.copy-code:hover{background:#ffffff26;border-color:#ffffff52}.copy-code:focus-visible{outline-offset:2px;outline:2px solid #d0bcff}.code-block pre{padding:1.2rem 1.35rem}.copy-status{color:#d0bcff;min-height:0;padding:0 1.35rem;font-size:.82rem;display:block}.copy-status:not(:empty){padding-bottom:.9rem}@media (width<=680px){.page-content{width:min(100% - 1.25rem,1160px);padding-top:2rem}.topbar{padding:.8rem .75rem}}:root{--nx-blue-50:#eef2ff;--nx-blue-100:#e0e7ff;--nx-blue-200:#c7d2fe;--nx-blue-300:#a5b4fc;--nx-blue-400:#818cf8;--nx-blue-500:#6366f1;--nx-blue-600:#4f46e5;--nx-blue-700:#4338ca;--nx-blue-800:#3730a3;--nx-blue-900:#312e81;--nx-gray-0:#fff;--nx-gray-50:#f8fafc;--nx-gray-100:#f1f5f9;--nx-gray-200:#e2e8f0;--nx-gray-300:#cbd5e1;--nx-gray-400:#94a3b8;--nx-gray-500:#64748b;--nx-gray-600:#475569;--nx-gray-700:#334155;--nx-gray-800:#1e293b;--nx-gray-900:#0f172a;--nx-gray-950:#080f1e;--nx-green-600:#059669;--nx-green-300:#6ee7b7;--nx-amber-600:#d97706;--nx-amber-300:#fcd34d;--nx-cobalt-600:#2563eb;--nx-sky-400:#60a5fa;--nx-red-300:#fca5a5;--nx-red-600:#dc2626;--nx-red-700:#b91c1c;--nx-font-family-sans:"Inter", "Segoe UI", sans-serif;--nx-font-family-mono:"JetBrains Mono", monospace;--nx-font-size-xs:.75rem;--nx-font-size-sm:.875rem;--nx-font-size-md:1rem;--nx-font-size-lg:1.125rem;--nx-font-weight-regular:400;--nx-font-weight-medium:500;--nx-font-weight-semibold:600;--nx-font-weight-bold:700;--nx-letter-spacing-label:.02em;--nx-spacing-1:.25rem;--nx-spacing-2:.5rem;--nx-spacing-3:.75rem;--nx-spacing-4:1rem;--nx-spacing-5:1.25rem;--nx-spacing-6:1.5rem;--nx-spacing-8:2rem;--nx-radius-sm:.25rem;--nx-radius-md:.5rem;--nx-radius-lg:.75rem;--nx-radius-pill:999px;--nx-border-width-thin:1px;--nx-border-width-focus:3px;--nx-line-height-control:1;--nx-elevation-low:0 1px 2px #0f172a14;--nx-elevation-medium:0 10px 30px #0f172a24;--nx-elevation-high:0 20px 60px #0f172a2e;--nx-motion-duration-fast:.15s;--nx-motion-duration-spinner:.7s;--nx-motion-duration-reduced:.001ms;--nx-motion-easing-standard:ease;--nx-motion-easing-linear:linear}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nx-color-primary:var(--nx-blue-600);--nx-color-primary-hover:var(--nx-blue-700);--nx-color-primary-active:var(--nx-blue-800);--nx-color-on-primary:var(--nx-gray-0);--nx-color-background:var(--nx-gray-50);--nx-color-surface:var(--nx-gray-0);--nx-color-surface-subtle:var(--nx-gray-50);--nx-color-surface-hover:var(--nx-gray-100);--nx-color-text-primary:var(--nx-gray-900);--nx-color-text-secondary:var(--nx-gray-600);--nx-color-border:var(--nx-gray-300);--nx-color-focus-ring:var(--nx-blue-500);--nx-color-secondary:var(--nx-gray-0);--nx-color-secondary-hover:var(--nx-gray-100);--nx-color-on-secondary:var(--nx-gray-800);--nx-color-outline:var(--nx-blue-600);--nx-color-outline-hover:var(--nx-blue-50);--nx-color-ghost-hover:var(--nx-blue-50);--nx-color-on-ghost:var(--nx-blue-700);--nx-color-error:var(--nx-red-600);--nx-color-error-hover:var(--nx-red-700);--nx-color-on-error:var(--nx-gray-0);--nx-color-disabled-surface:var(--nx-gray-100);--nx-color-disabled-text:var(--nx-gray-500);--nx-color-disabled-border:var(--nx-gray-200);--nx-color-control-track:var(--nx-gray-300);--nx-color-success:var(--nx-green-600);--nx-color-warning:var(--nx-amber-600);--nx-color-info:var(--nx-blue-600);--nx-color-badge-background:var(--nx-blue-100);--nx-color-badge-text:var(--nx-blue-700)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nx-color-primary:var(--nx-blue-300);--nx-color-primary-hover:var(--nx-blue-200);--nx-color-primary-active:var(--nx-blue-100);--nx-color-on-primary:var(--nx-gray-900);--nx-color-background:var(--nx-gray-950);--nx-color-surface:var(--nx-gray-900);--nx-color-surface-subtle:var(--nx-gray-950);--nx-color-surface-hover:var(--nx-gray-800);--nx-color-text-primary:var(--nx-gray-50);--nx-color-text-secondary:var(--nx-gray-300);--nx-color-border:var(--nx-gray-600);--nx-color-focus-ring:var(--nx-blue-300);--nx-color-secondary:var(--nx-gray-800);--nx-color-secondary-hover:var(--nx-gray-700);--nx-color-on-secondary:var(--nx-gray-50);--nx-color-outline:var(--nx-blue-300);--nx-color-outline-hover:var(--nx-blue-900);--nx-color-ghost-hover:var(--nx-blue-900);--nx-color-on-ghost:var(--nx-blue-200);--nx-color-error:var(--nx-red-300);--nx-color-error-hover:var(--nx-red-300);--nx-color-on-error:var(--nx-gray-900);--nx-color-disabled-surface:var(--nx-gray-800);--nx-color-disabled-text:var(--nx-gray-400);--nx-color-disabled-border:var(--nx-gray-700);--nx-color-control-track:var(--nx-gray-600);--nx-color-success:var(--nx-green-300);--nx-color-warning:var(--nx-amber-300);--nx-color-info:var(--nx-sky-400);--nx-color-badge-background:var(--nx-blue-900);--nx-color-badge-text:var(--nx-blue-200)}:root{--nx-button-height-sm:var(--nx-spacing-8);--nx-button-height-md:calc(var(--nx-spacing-8) + var(--nx-spacing-3));--nx-button-height-lg:calc(var(--nx-spacing-8) + var(--nx-spacing-5));--nx-button-padding-inline-sm:var(--nx-spacing-3);--nx-button-padding-inline-md:var(--nx-spacing-4);--nx-button-padding-inline-lg:var(--nx-spacing-6);--nx-button-radius:var(--nx-radius-md);--nx-button-content-gap:var(--nx-spacing-2);--nx-button-font-size-sm:var(--nx-font-size-sm);--nx-button-font-size-md:var(--nx-font-size-md);--nx-button-font-size-lg:var(--nx-font-size-lg);--nx-button-font-weight:var(--nx-font-weight-semibold);--nx-button-border-width:var(--nx-border-width-thin);--nx-button-focus-width:var(--nx-border-width-focus);--nx-button-shadow:var(--nx-elevation-low);--nx-select-height:calc(var(--nx-spacing-8) + var(--nx-spacing-3));--nx-select-padding-inline:var(--nx-spacing-4);--nx-select-radius:var(--nx-radius-md);--nx-icon-size-sm:var(--nx-spacing-4);--nx-icon-size-md:var(--nx-spacing-5);--nx-icon-size-lg:var(--nx-spacing-6);--nx-switch-track-width:calc(var(--nx-spacing-8) + var(--nx-spacing-3));--nx-switch-track-height:var(--nx-spacing-6);--nx-switch-thumb-size:calc(var(--nx-spacing-4) + var(--nx-spacing-1));--nx-switch-thumb-inset:var(--nx-spacing-1)}*{box-sizing:border-box}html{font-family:var(--nx-font-family-sans);background:var(--nx-color-background);color:var(--nx-color-text-primary)}body{background:var(--nx-color-background);color:var(--nx-color-text-primary);margin:0}button,input,select,textarea{font:inherit}