:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ct-canvas-default:#fff;--ct-canvas-subtle:#f6f8fa;--ct-canvas-inset:#eff2f5;--ct-fg-default:#1f2328;--ct-fg-muted:#59636e;--ct-fg-subtle:#6e7781;--ct-fg-on-emphasis:#fff;--ct-border-default:#d1d9e0;--ct-border-muted:#d8dee4;--ct-border-control:#818b98;--ct-accent-fg:#0969da;--ct-accent-emphasis:#0969da;--ct-accent-muted:#ddf4ff;--ct-success-fg:#1a7f37;--ct-success-emphasis:#1f883d;--ct-success-muted:#dafbe1;--ct-attention-fg:#9a6700;--ct-attention-muted:#fff8c5;--ct-danger-fg:#d1242f;--ct-danger-emphasis:#cf222e;--ct-danger-muted:#ffebe9;--ct-done-fg:#8250df;--ct-done-muted:#fbefff;--ct-neutral-emphasis:#59636e;--ct-control-bg:#f6f8fa;--ct-control-hover:#eff2f5;--ct-control-active:#e7ebef;--ct-overlay-bg:#fff;--ct-shadow-small:0 1px 0 #1f23280a;--ct-shadow-medium:0 8px 24px #8c959f33;--ct-focus-outline:#0969da;--ct-nav-indicator:#fd8c73;--ct-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ct-font-mono:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, "Liberation Mono", monospace;--ct-space-1:.25rem;--ct-space-2:.5rem;--ct-space-3:.75rem;--ct-space-4:1rem;--ct-space-5:1.25rem;--ct-space-6:1.5rem;--ct-space-8:2rem;--ct-space-10:2.5rem;--ct-layout-section-gap:var(--ct-space-8);--ct-layout-peer-gap:var(--ct-space-4);--ct-layout-action-gap:var(--ct-space-4);--ct-container-padding:var(--ct-space-6);--ct-radius-small:.375rem;--ct-radius-medium:.5rem;--ct-control-height:2rem;--ct-duration-fast:80ms;--ct-duration-default:.16s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ct-canvas-default:#0d1117;--ct-canvas-subtle:#151b23;--ct-canvas-inset:#010409;--ct-fg-default:#f0f6fc;--ct-fg-muted:#9198a1;--ct-fg-subtle:#7d8590;--ct-fg-on-emphasis:#fff;--ct-border-default:#3d444d;--ct-border-muted:#3d444db3;--ct-border-control:#3d444d;--ct-accent-fg:#4493f8;--ct-accent-emphasis:#1f6feb;--ct-accent-muted:#388bfd26;--ct-success-fg:#3fb950;--ct-success-emphasis:#238636;--ct-success-muted:#2ea04326;--ct-attention-fg:#d29922;--ct-attention-muted:#bb800926;--ct-danger-fg:#f85149;--ct-danger-emphasis:#da3633;--ct-danger-muted:#f8514926;--ct-done-fg:#a371f7;--ct-done-muted:#a371f726;--ct-neutral-emphasis:#6e7681;--ct-control-bg:#212830;--ct-control-hover:#262c36;--ct-control-active:#2f3742;--ct-overlay-bg:#151b23;--ct-shadow-small:0 0 transparent;--ct-shadow-medium:0 8px 24px #010409;--ct-focus-outline:#1f6feb;--ct-nav-indicator:#f78166}

*{box-sizing:border-box}html{background:var(--ct-canvas-default)}body{background:var(--ct-canvas-default);min-height:100vh;color:var(--ct-fg-default);font-family:var(--ct-font-sans);margin:0;font-size:.875rem;line-height:1.5}a{color:var(--ct-accent-fg)}a:focus-visible{outline:2px solid var(--ct-focus-outline);outline-offset:2px}.skip-link{z-index:1;top:var(--ct-space-2);left:var(--ct-space-2);padding:var(--ct-space-2) var(--ct-space-3);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-small);background:var(--ct-overlay-bg);color:var(--ct-fg-default);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.container{width:100%;max-width:1280px;padding-inline:var(--ct-container-padding);margin-inline:auto}.site-header{background:var(--ct-canvas-default)}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--ct-space-4);width:100%;max-width:1280px;min-height:3rem;padding-inline:var(--ct-container-padding);margin-inline:auto;display:flex}.site-brand{align-items:center;gap:var(--ct-space-2);color:var(--ct-fg-default);text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--ct-radius-small);background:var(--ct-neutral-emphasis);width:1.5rem;height:1.5rem;color:var(--ct-fg-on-emphasis);place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.site-title{font-weight:600}.global-nav{align-self:stretch;align-items:center;gap:var(--ct-space-1);display:flex}.global-nav a,.global-nav span{min-height:2rem;padding-inline:var(--ct-space-3);border-radius:var(--ct-radius-small);color:var(--ct-fg-default);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.global-nav a:hover{background:var(--ct-control-hover)}.global-nav span{color:var(--ct-fg-muted)}.portal-main{gap:var(--ct-layout-section-gap);padding-block:var(--ct-space-10);display:grid}.portal-intro{gap:var(--ct-space-4);max-width:80ch;display:grid}.eyebrow,.intro-copy,.portal-intro h1,.foundation-panel h2,.foundation-panel p{margin:0}.eyebrow{color:var(--ct-fg-muted);font-size:.75rem;font-weight:600}.portal-intro h1{max-width:32ch;font-size:2rem;font-weight:600;line-height:1.25}.intro-copy{max-width:70ch;color:var(--ct-fg-muted);font-size:1rem}.foundation-panel{gap:var(--ct-space-4);max-width:80ch;padding:var(--ct-space-6);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-subtle);display:grid}.foundation-panel h2{font-size:1.25rem;font-weight:600;line-height:1.4}.foundation-list{gap:var(--ct-space-2);padding-left:var(--ct-space-6);margin:0;display:grid}.action-group{margin-top:var(--ct-layout-action-gap)}.button-link{min-height:var(--ct-control-height);padding-inline:var(--ct-space-4);border:1px solid var(--ct-border-control);border-radius:var(--ct-radius-small);background:var(--ct-control-bg);color:var(--ct-fg-default);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--ct-control-hover)}.home-main{width:100%}.home-hero{width:100%;max-width:1280px;min-height:34rem;padding:clamp(4rem, 9vw, 7rem) var(--ct-container-padding);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:center;gap:clamp(3rem,8vw,7rem);margin-inline:auto;display:grid}.home-hero-content{gap:var(--ct-space-5);max-width:46rem;display:grid}.home-hero-content h1,.home-section-heading h2,.home-feature-card h3,.home-feature-card p,.home-section-heading p{margin:0}.home-hero-content h1{letter-spacing:-.045em;max-width:14ch;font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:650;line-height:1.04}.home-hero-content .intro-copy{max-width:39rem;font-size:clamp(1rem,1.8vw,1.1875rem);line-height:1.65}.hero-actions{gap:var(--ct-space-3);margin-top:var(--ct-space-2);flex-wrap:wrap;display:flex}.button-link-primary{border-color:var(--ct-success-emphasis);background:var(--ct-success-emphasis);color:var(--ct-fg-on-emphasis)}.button-link-primary:hover{border-color:var(--ct-success-fg);background:var(--ct-success-fg)}.home-hero-mark{justify-self:end;place-items:center;width:min(100%,34rem);display:grid}.home-hero-mark img{object-fit:contain;width:100%;height:auto}.home-section{gap:var(--ct-space-8);padding:clamp(4rem, 8vw, 6rem) max(var(--ct-container-padding), calc((100% - 1280px) / 2));border-top:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);scroll-margin-top:var(--ct-space-6);display:grid}.home-section-heading{gap:var(--ct-space-3);max-width:43rem;display:grid}.home-section-heading h2{letter-spacing:-.025em;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2}.home-section-heading>p:last-child{color:var(--ct-fg-muted);font-size:1rem}.home-feature-grid{gap:var(--ct-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-feature-card{align-content:start;gap:var(--ct-space-3);min-height:15rem;padding:var(--ct-space-6);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-default);display:grid}.home-feature-card-primary{border-top:3px solid var(--ct-success-emphasis)}.home-feature-index{color:var(--ct-fg-muted);font-family:var(--ct-font-mono);font-size:.75rem;font-weight:600}.home-feature-card h3{font-size:1.125rem}.home-feature-card p{color:var(--ct-fg-muted)}.home-feature-card a,.home-feature-status{padding-top:var(--ct-space-4);align-self:end;margin-top:auto;font-weight:600}.home-feature-card a{text-decoration:none}.home-feature-card a:hover{text-decoration:underline}.home-feature-status{color:var(--ct-fg-muted);font-size:.8125rem}.catalog-shell{grid-template-columns:16rem minmax(0,1fr);width:100%;max-width:1536px;min-height:calc(100vh - 3rem);margin-inline:auto;display:grid}.catalog-sidebar{border-right:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);min-width:0}.catalog-sidebar nav{min-width:0;overflow:hidden}.catalog-sidebar-inner{gap:var(--ct-space-3);padding:var(--ct-space-6) var(--ct-space-4);display:grid;position:sticky;top:0}.sidebar-label{color:var(--ct-fg-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.sidebar-list{gap:var(--ct-space-1);margin:0;padding:0;list-style:none;display:grid}.sidebar-list a{min-height:2rem;padding-inline:var(--ct-space-3);border-radius:var(--ct-radius-small);color:var(--ct-fg-default);align-items:center;font-weight:500;text-decoration:none;display:flex}.sidebar-list a:hover{background:var(--ct-control-hover)}.catalog-main{gap:var(--ct-space-10);width:100%;min-width:0;padding:var(--ct-space-10) var(--ct-container-padding);display:grid}.catalog-intro{gap:var(--ct-space-3);max-width:72ch;display:grid}.catalog-intro h1,.catalog-intro p,.category-heading h2,.category-heading p,.component-card h3,.component-card p{margin:0}.catalog-intro h1{font-size:2rem;line-height:1.25}.catalog-intro>p:last-child,.category-heading p,.component-card p{color:var(--ct-fg-muted)}.component-category{scroll-margin-top:var(--ct-space-6);gap:var(--ct-space-4);display:grid}.category-heading{justify-content:space-between;align-items:flex-start;gap:var(--ct-space-4);padding-bottom:var(--ct-space-3);border-bottom:1px solid var(--ct-border-default);display:flex}.category-heading h2{font-size:1.25rem;line-height:1.4}.category-heading p{margin-top:var(--ct-space-1)}.category-count,.status-badge{border:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);min-height:1.5rem;color:var(--ct-fg-muted);border-radius:999px;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.category-count{min-width:1.5rem;padding-inline:var(--ct-space-2);justify-content:center}.component-grid{gap:var(--ct-layout-peer-gap);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.component-card{border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-default);overflow:hidden}.component-card:hover{border-color:var(--ct-border-control);box-shadow:var(--ct-shadow-small)}.component-preview{border-bottom:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);place-items:center;min-height:8rem;display:grid;position:relative;overflow:hidden}.preview-shape{border:1px solid var(--ct-border-control);border-radius:var(--ct-radius-small);background:var(--ct-control-bg);display:block}.preview-shape-primary{width:5rem;height:var(--ct-control-height)}.preview-shape-secondary,.preview-shape-tertiary{background:var(--ct-border-muted);border:0;width:2rem;height:.5rem;position:absolute}.preview-shape-secondary{transform:translate(-2.5rem,2.75rem)}.preview-shape-tertiary{transform:translate(1rem,2.75rem)}.preview-button .preview-shape-primary,.preview-button-group .preview-shape-primary,.preview-link .preview-shape-primary,.preview-tabs .preview-shape-primary{border-color:var(--ct-accent-emphasis);background:var(--ct-accent-emphasis)}.preview-checkbox .preview-shape-primary,.preview-radio .preview-shape-primary,.preview-toggle .preview-shape-primary,.preview-avatar .preview-shape-primary{width:2.25rem;height:2.25rem}.preview-radio .preview-shape-primary,.preview-avatar .preview-shape-primary{border-radius:50%}.preview-input .preview-shape-primary,.preview-select .preview-shape-primary,.preview-textarea .preview-shape-primary,.preview-progress .preview-shape-primary{width:8rem}.preview-textarea .preview-shape-primary,.preview-dialog .preview-shape-primary,.preview-card .preview-shape-primary,.preview-panel .preview-shape-primary{background:var(--ct-overlay-bg);height:4.5rem;box-shadow:var(--ct-shadow-small)}.preview-table .preview-shape-primary,.preview-list .preview-shape-primary,.preview-menu .preview-shape-primary,.preview-stack .preview-shape-primary{background:repeating-linear-gradient(to bottom, var(--ct-canvas-default), var(--ct-canvas-default) 1rem, var(--ct-border-muted) 1rem, var(--ct-border-muted) 1.05rem);width:8rem;height:4.5rem}.preview-alert .preview-shape-primary,.preview-tooltip .preview-shape-primary,.preview-badge .preview-shape-primary{border-color:var(--ct-accent-fg);background:var(--ct-accent-muted)}.preview-divider .preview-shape-primary{background:var(--ct-border-default);border:0;width:9rem;height:1px}.component-card-body{align-content:start;gap:var(--ct-space-3);min-height:7.5rem;padding:var(--ct-space-4);display:grid}.component-card-heading{justify-content:space-between;align-items:center;gap:var(--ct-space-2);display:flex}.component-card h3{font-size:1rem;line-height:1.4}.status-badge{padding-inline:var(--ct-space-2)}@media (max-width:768px){.container{padding-inline:var(--ct-space-4)}.portal-main{padding-block:var(--ct-space-8)}.portal-intro h1{font-size:1.5rem}.home-hero{gap:var(--ct-space-8);min-height:auto;padding-block:var(--ct-space-10);grid-template-columns:1fr}.home-hero-content h1{max-width:16ch}.home-hero-mark{justify-self:start;width:min(100%,28rem)}.home-section{padding-inline:var(--ct-space-4)}.home-feature-grid{grid-template-columns:1fr}.home-feature-card{min-height:12rem}.foundation-panel{padding:var(--ct-space-4)}.site-header-inner{padding-block:var(--ct-space-3);flex-direction:column;align-items:flex-start}.global-nav{width:100%;overflow-x:auto}.catalog-shell{grid-template-columns:1fr}.catalog-sidebar{border-right:0;border-bottom:1px solid var(--ct-border-default)}.catalog-sidebar-inner{padding:var(--ct-space-3) var(--ct-space-4);position:static}.sidebar-list{width:100%;display:flex;overflow-x:auto}.sidebar-list a{white-space:nowrap}.catalog-main{padding:var(--ct-space-8) var(--ct-space-4)}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.site-title{font-size:.8125rem}.component-grid{grid-template-columns:1fr}}@media (forced-colors:active){.skip-link,.foundation-panel,.site-header,.catalog-sidebar,.category-heading,.component-card,.component-preview{border-color:canvastext}}