@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wc-color-page:#f5f7fb;--wc-color-page-subtle:#e9edf4;--wc-color-surface:#fffffff0;--wc-color-surface-subtle:#ffffffb8;--wc-color-surface-elevated:#fff;--wc-color-text:#172033;--wc-color-text-secondary:#4e5d75;--wc-color-text-muted:#728099;--wc-color-border:#485b7a2e;--wc-color-border-strong:#485b7a52;--wc-color-highlight:#ffffffb8;--wc-color-accent:#3f63b5;--wc-color-accent-soft:#e6edf9;--wc-color-on-accent:#fff;--wc-color-success:#237a5d;--wc-color-warning:#a66916;--wc-color-error:#b14956;--wc-color-info:#3f63b5;--wc-color-glass:#ffffffad;--wc-color-crystal-start:#eef4ffe0;--wc-color-crystal-end:#dde7f9ad;--wc-font-sans:ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--wc-font-mono:ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", monospace;--wc-text-xs:.75rem;--wc-text-body:1rem;--wc-text-body-lg:1.125rem;--wc-text-title-sm:1.25rem;--wc-text-title-md:1.5rem;--wc-text-title-lg:2.25rem;--wc-text-display:3.5rem;--wc-leading-xs:1.4;--wc-leading-body:1.6;--wc-leading-body-lg:1.55;--wc-leading-title-sm:1.35;--wc-leading-title-md:1.25;--wc-leading-title-lg:1.15;--wc-leading-display:1.05;--wc-weight-regular:400;--wc-weight-medium:500;--wc-weight-semibold:600;--wc-weight-bold:700;--wc-space-2xs:.25rem;--wc-space-xs:.5rem;--wc-space-sm:.75rem;--wc-space-md:1rem;--wc-space-lg:1.5rem;--wc-space-xl:2rem;--wc-space-2xl:3rem;--wc-space-3xl:4.5rem;--wc-radius-sm:.375rem;--wc-radius-md:.625rem;--wc-radius-lg:1rem;--wc-radius-xl:1.5rem;--wc-radius-full:9999px;--wc-border-fine:1px solid var(--wc-color-border);--wc-border-default:1px solid var(--wc-color-border-strong);--wc-shadow-sm:0 1px 2px #1f2f4e0f;--wc-shadow-md:0 10px 26px #1f2f4e1a;--wc-shadow-floating:0 18px 48px #1f2f4e29;--wc-shadow-highlight:inset 0 1px 0 var(--wc-color-highlight);--wc-content-max:44rem;--wc-page-max:72rem;--wc-page-wide-max:90rem;--wc-page-gutter:clamp(1rem, 4vw, 2.5rem);--wc-nav-height:4.25rem;--wc-z-base:0;--wc-z-sticky:10;--wc-z-navigation:20;--wc-z-dropdown:30;--wc-z-overlay:40;--wc-z-modal:50;--wc-z-toast:60}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wc-color-page:#0d1420;--wc-color-page-subtle:#131d2b;--wc-color-surface:#17202ff0;--wc-color-surface-subtle:#1f2b3ec2;--wc-color-surface-elevated:#182235;--wc-color-text:#edf2fa;--wc-color-text-secondary:#b7c3d7;--wc-color-text-muted:#8492aa;--wc-color-border:#b5c6e12e;--wc-color-border-strong:#b5c6e152;--wc-color-highlight:#ffffff1f;--wc-color-accent:#91b5ff;--wc-color-accent-soft:#1e3155;--wc-color-on-accent:#101929;--wc-color-success:#73c7a9;--wc-color-warning:#e7b56c;--wc-color-error:#ef9aa3;--wc-color-info:#91b5ff;--wc-color-glass:#182233b8;--wc-color-crystal-start:#273958e0;--wc-color-crystal-end:#162134b8;--wc-shadow-sm:0 1px 2px #0000002e;--wc-shadow-md:0 10px 26px #0000003d;--wc-shadow-floating:0 18px 48px #00000057}.wc-surface,.wc-mist,.wc-glass,.wc-crystal{color:var(--wc-color-text);border-radius:var(--wc-radius-lg)}.wc-surface{background:var(--wc-color-surface);border:var(--wc-border-fine);box-shadow:var(--wc-shadow-sm)}.wc-mist{background:var(--wc-color-surface-subtle);border:var(--wc-border-fine);box-shadow:var(--wc-shadow-highlight)}.wc-glass{background:var(--wc-color-surface-elevated);border:var(--wc-border-default);box-shadow:var(--wc-shadow-highlight), var(--wc-shadow-md)}.wc-crystal{background-color:var(--wc-color-surface-elevated);background-image:linear-gradient(135deg, var(--wc-color-crystal-start), var(--wc-color-crystal-end));border:var(--wc-border-default);box-shadow:var(--wc-shadow-highlight), var(--wc-shadow-floating)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.wc-glass{background:var(--wc-color-glass);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%)}.wc-crystal{background-color:var(--wc-color-glass);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%)}}:root{--wc-duration-micro:.15s;--wc-duration-standard:.22s;--wc-duration-page:.36s;--wc-ease-standard:cubic-bezier(.2, 0, 0, 1);--wc-ease-enter:cubic-bezier(.16, 1, .3, 1);--wc-ease-exit:cubic-bezier(.7, 0, .84, 0);--wc-ease-emphasized:cubic-bezier(.2, .8, .2, 1)}@keyframes wc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wc-enter-up{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.wc-fade-in{animation:wc-fade-in var(--wc-duration-standard) var(--wc-ease-enter) both}.wc-enter-up{animation:wc-enter-up var(--wc-duration-page) var(--wc-ease-enter) both}.wc-motion-scale{transition:transform var(--wc-duration-micro) var(--wc-ease-standard)}.wc-motion-scale:active{transform:scale(.985)}.wc-motion-material{transition:background-color var(--wc-duration-standard) var(--wc-ease-standard), border-color var(--wc-duration-standard) var(--wc-ease-standard), box-shadow var(--wc-duration-standard) var(--wc-ease-standard), transform var(--wc-duration-micro) var(--wc-ease-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.wc-button{border-radius:var(--wc-radius-md);cursor:pointer;font-family:var(--wc-font-sans);font-size:var(--wc-text-body);font-weight:var(--wc-weight-semibold);align-items:center;gap:var(--wc-space-xs);line-height:var(--wc-leading-xs);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard), border-color var(--wc-duration-micro) var(--wc-ease-standard), color var(--wc-duration-micro) var(--wc-ease-standard), opacity var(--wc-duration-micro) var(--wc-ease-standard);border:1px solid #0000;justify-content:center;display:inline-flex}.wc-button--small{min-block-size:calc(var(--wc-space-xl) + var(--wc-space-2xs));padding-inline:var(--wc-space-sm)}.wc-button--medium{min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-md)}.wc-button--large{min-block-size:calc(var(--wc-space-xl) + var(--wc-space-lg));padding-inline:var(--wc-space-lg)}.wc-button--primary{background:var(--wc-color-accent);border-color:var(--wc-color-accent);color:var(--wc-color-on-accent)}.wc-button--primary:not(:disabled):hover{background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.wc-button--primary:not(:disabled):hover{background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.wc-button--secondary{background:var(--wc-color-surface-elevated);border-color:var(--wc-color-border-strong);color:var(--wc-color-text)}.wc-button--secondary:not(:disabled):hover{background:var(--wc-color-page-subtle)}.wc-button--ghost{color:var(--wc-color-text-secondary);background:0 0;border-color:#0000}.wc-button--ghost:not(:disabled):hover{background:var(--wc-color-accent-soft);color:var(--wc-color-accent)}.wc-button--danger{background:var(--wc-color-error);border-color:var(--wc-color-error);color:var(--wc-color-on-accent)}.wc-button--danger:not(:disabled):hover{background:var(--wc-color-error)}@supports (color:color-mix(in lab, red, red)){.wc-button--danger:not(:disabled):hover{background:color-mix(in srgb, var(--wc-color-error) 88%, var(--wc-color-text))}}.wc-button:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.wc-button:active:not(:disabled){transform:scale(.985)}.wc-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.wc-button__spinner{animation:wc-button-spin var(--wc-duration-standard) linear infinite;block-size:var(--wc-space-md);border-radius:var(--wc-radius-full);inline-size:var(--wc-space-md);border:1px solid;border-inline-end-color:#0000}.wc-button__loading-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}@keyframes wc-button-spin{to{transform:rotate(1turn)}}.wc-badge{background:var(--wc-color-surface-subtle);border:var(--wc-border-fine);border-radius:var(--wc-radius-full);color:var(--wc-color-text-secondary);font-family:var(--wc-font-sans);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-medium);align-items:center;gap:var(--wc-space-2xs);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-xs);display:inline-flex}.wc-badge--accent{background:var(--wc-color-accent-soft);border-color:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.wc-badge--accent{border-color:color-mix(in srgb, var(--wc-color-accent) 28%, var(--wc-color-border))}}.wc-badge--accent{color:var(--wc-color-accent)}.wc-badge--success{border-color:var(--wc-color-success)}@supports (color:color-mix(in lab, red, red)){.wc-badge--success{border-color:color-mix(in srgb, var(--wc-color-success) 32%, var(--wc-color-border))}}.wc-badge--success{color:var(--wc-color-success)}.wc-badge--warning{border-color:var(--wc-color-warning)}@supports (color:color-mix(in lab, red, red)){.wc-badge--warning{border-color:color-mix(in srgb, var(--wc-color-warning) 32%, var(--wc-color-border))}}.wc-badge--warning{color:var(--wc-color-warning)}.wc-badge--danger{border-color:var(--wc-color-error)}@supports (color:color-mix(in lab, red, red)){.wc-badge--danger{border-color:color-mix(in srgb, var(--wc-color-error) 32%, var(--wc-color-border))}}.wc-badge--danger{color:var(--wc-color-error)}.wc-badge--info{border-color:var(--wc-color-info)}@supports (color:color-mix(in lab, red, red)){.wc-badge--info{border-color:color-mix(in srgb, var(--wc-color-info) 32%, var(--wc-color-border))}}.wc-badge--info{color:var(--wc-color-info)}.wc-card{flex-direction:column;min-inline-size:0;display:flex}.wc-card--hoverable:hover{border-color:var(--wc-color-border-strong);transform:translateY(calc(var(--wc-space-2xs) * -1))}.wc-card__header{padding:var(--wc-space-lg) var(--wc-space-lg) 0}.wc-card__title{font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm);margin:0}.wc-card__description{color:var(--wc-color-text-secondary);font-size:var(--wc-text-body);line-height:var(--wc-leading-body);margin:var(--wc-space-xs) 0 0}.wc-card__content{color:var(--wc-color-text-secondary);padding:var(--wc-space-lg)}.wc-card__footer{border-top:var(--wc-border-fine);align-items:center;gap:var(--wc-space-sm);padding:var(--wc-space-md) var(--wc-space-lg);flex-wrap:wrap;justify-content:flex-end;display:flex}.wc-container{box-sizing:border-box;max-width:var(--wc-page-max);width:calc(100% - (var(--wc-page-gutter) * 2));margin-inline:auto}.wc-container--content{max-width:var(--wc-content-max)}.wc-container--wide{max-width:var(--wc-page-wide-max)}.wc-container--full{max-width:none;padding-inline:var(--wc-page-gutter);width:100%}.wc-design-system{padding-block:var(--wc-space-3xl)}.wc-design-system__stack,.wc-design-system__section,.wc-design-system__section-heading,.wc-design-system__hero{display:grid}.wc-design-system__stack{gap:var(--wc-space-3xl)}.wc-design-system__hero,.wc-design-system__section-heading{gap:var(--wc-space-md);max-inline-size:var(--wc-content-max)}.wc-design-system__eyebrow,.wc-design-system__section-heading>p:first-child{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin:0}.wc-design-system__hero h1,.wc-design-system__section-heading h2,.wc-design-system__color-copy h3,.wc-design-system__principles h3,.wc-design-system__material-sample h3,.wc-design-system__foundation-list h3{color:var(--wc-color-text);margin:0}.wc-design-system__hero h1{font-size:clamp(var(--wc-text-title-lg), 10vw, var(--wc-text-display));font-weight:var(--wc-weight-bold);line-height:var(--wc-leading-display)}.wc-design-system__lead{color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);margin:0}.wc-design-system__hero-note{padding:var(--wc-space-md);margin:0}.wc-design-system__navigation{align-items:center;gap:var(--wc-space-xs);flex-wrap:wrap;display:flex}.wc-design-system__navigation a,.wc-design-system__catalog-link{border:var(--wc-border-fine);border-radius:var(--wc-radius-full);color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-medium);padding:var(--wc-space-2xs) var(--wc-space-sm);text-decoration:none}.wc-design-system__navigation a:hover,.wc-design-system__catalog-link:hover{background:var(--wc-color-accent-soft);border-color:var(--wc-color-accent);color:var(--wc-color-accent)}.wc-design-system__section{gap:var(--wc-space-lg);scroll-margin-block-start:calc(var(--wc-nav-height) + var(--wc-space-lg))}.wc-design-system__section-heading h2{font-size:var(--wc-text-title-lg);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-lg)}.wc-design-system__section-heading>p:last-child,.wc-design-system__principles p,.wc-design-system__color-copy p,.wc-design-system__material-sample p,.wc-design-system__foundation-list p,.wc-design-system__motion-note{color:var(--wc-color-text-secondary);margin:0}.wc-design-system__principles,.wc-design-system__accessibility-list,.wc-design-system__layer-track{margin:0;padding:0}.wc-design-system__principles{gap:var(--wc-space-sm);list-style:none;display:grid}.wc-design-system__principles li{border-block-start:var(--wc-border-fine);align-items:start;gap:var(--wc-space-sm);padding-block:var(--wc-space-md);grid-template-columns:auto minmax(0,1fr);display:grid}.wc-design-system__principles li>span{color:var(--wc-color-accent);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);padding-block-start:var(--wc-space-2xs)}.wc-design-system__principles li>div{gap:var(--wc-space-2xs);display:grid}.wc-design-system__principles h3,.wc-design-system__color-copy h3,.wc-design-system__material-sample h3,.wc-design-system__foundation-list h3{font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm)}.wc-design-system__color-list,.wc-design-system__material-grid,.wc-design-system__foundation-list{gap:var(--wc-space-md);display:grid}.wc-design-system__color-token{background:var(--wc-color-surface);border:var(--wc-border-fine);border-radius:var(--wc-radius-lg);gap:var(--wc-space-md);min-inline-size:0;padding:var(--wc-space-md);display:grid;overflow:hidden}.wc-design-system__color-swatch-pair{gap:var(--wc-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wc-design-system__swatch-context{background:var(--wc-color-page-subtle);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);min-inline-size:0;padding:var(--wc-space-sm);display:grid}.wc-design-system__swatch-context[data-theme=dark]{background:var(--wc-color-page)}.wc-design-system__swatch{border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);min-block-size:var(--wc-space-3xl)}.wc-design-system__color-copy,.wc-design-system__color-copy dl,.wc-design-system__token-row,.wc-design-system__token-value,.wc-design-system__copy-control,.wc-design-system__foundations,.wc-design-system__foundation-list article{display:grid}.wc-design-system__color-copy,.wc-design-system__foundation-list article{gap:var(--wc-space-xs)}.wc-design-system__color-copy code,.wc-design-system__token-row code,.wc-design-system__container-sample{font-family:var(--wc-font-mono);overflow-wrap:anywhere}.wc-design-system__color-copy dl{gap:var(--wc-space-2xs)}.wc-design-system__color-copy dl>div{align-items:baseline;gap:var(--wc-space-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.wc-design-system__color-copy dt{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs)}.wc-design-system__color-copy dd{min-inline-size:0;margin:0}.wc-design-system__copy-control{align-items:start;gap:var(--wc-space-2xs);justify-items:start}.wc-design-system__copy-button{border:var(--wc-border-default);border-radius:var(--wc-radius-md);color:var(--wc-color-text);cursor:pointer;font:inherit;font-size:var(--wc-text-xs);font-weight:var(--wc-weight-medium);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-2xs));padding-inline:var(--wc-space-sm);background:0 0}.wc-design-system__copy-button:hover{background:var(--wc-color-accent-soft);border-color:var(--wc-color-accent);color:var(--wc-color-accent)}.wc-design-system__copy-feedback{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);min-block-size:var(--wc-text-xs)}.wc-design-system__token-list{gap:var(--wc-space-sm);margin:0;display:grid}.wc-design-system__token-row{background:var(--wc-color-surface);border-block-end:var(--wc-border-fine);gap:var(--wc-space-xs);min-inline-size:0;padding-block-end:var(--wc-space-md)}.wc-design-system__token-row dt,.wc-design-system__token-value{align-items:baseline;gap:var(--wc-space-xs);flex-wrap:wrap;display:flex}.wc-design-system__token-row dt>span{color:var(--wc-color-text);font-weight:var(--wc-weight-semibold)}.wc-design-system__token-row dt code,.wc-design-system__token-value>code{color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs)}.wc-design-system__token-value{justify-content:space-between}.wc-design-system__token-usage,.wc-design-system__space-preview,.wc-design-system__shape-preview,.wc-design-system__type-preview{margin:0}.wc-design-system__token-usage{color:var(--wc-color-text-secondary)}.wc-design-system__space-preview,.wc-design-system__shape-preview{background:var(--wc-color-page-subtle);border-radius:var(--wc-radius-sm);max-inline-size:var(--wc-content-max);padding:var(--wc-space-sm);overflow:hidden}.wc-design-system__space-preview>span{background:var(--wc-color-accent);block-size:var(--wc-space-sm);max-inline-size:100%;min-inline-size:var(--wc-space-2xs);display:block}.wc-design-system__shape-preview>span{background:var(--wc-color-surface-elevated);min-block-size:var(--wc-space-2xl);min-inline-size:var(--wc-space-2xl);display:block}.wc-design-system__type-preview{color:var(--wc-color-text);max-inline-size:var(--wc-content-max);overflow-wrap:anywhere}.wc-design-system__layer-track{gap:var(--wc-space-2xs);list-style:none;display:grid}.wc-design-system__layer-track li{background:var(--wc-color-surface-subtle);border-inline-start:var(--wc-border-default);align-items:center;gap:var(--wc-space-sm);padding:var(--wc-space-sm);display:flex}.wc-design-system__layer-track li span{color:var(--wc-color-text-muted);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs)}.wc-design-system__material-sample{gap:var(--wc-space-xs);min-block-size:calc(var(--wc-space-3xl) * 2);padding:var(--wc-space-lg);display:grid}.wc-design-system__motion-note{border-inline-start:var(--wc-border-default);padding-inline-start:var(--wc-space-md)}.wc-design-system__accessibility-list{gap:var(--wc-space-sm);padding-inline-start:var(--wc-space-lg);list-style:"—  ";display:grid}.wc-design-system__accessibility-list li{color:var(--wc-color-text-secondary);padding-inline-start:var(--wc-space-xs)}.wc-design-system__foundations{gap:var(--wc-space-lg)}.wc-design-system__foundation-list article,.wc-design-system__container-sample{background:var(--wc-color-surface);border:var(--wc-border-fine);border-radius:var(--wc-radius-lg);min-inline-size:0;padding:var(--wc-space-md)}.wc-design-system__foundation-list .wc-card,.wc-design-system__foundation-list .wc-container{max-inline-size:var(--wc-content-max);width:100%;margin:0}.wc-design-system__catalog-link{justify-self:start}@media (min-width:48rem){.wc-design-system__color-list,.wc-design-system__material-grid,.wc-design-system__foundation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-design-system__token-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.wc-design-system__token-row>:is(.wc-design-system__token-value,.wc-design-system__space-preview,.wc-design-system__shape-preview,.wc-design-system__type-preview){grid-column:2}}.wc-app-shell{background-color:var(--wc-color-page);background-image:radial-gradient(circle at 12% -8%, var(--wc-color-accent-soft), transparent 34rem), linear-gradient(180deg, var(--wc-color-page), var(--wc-color-page-subtle))}@supports (color:color-mix(in lab, red, red)){.wc-app-shell{background-image:radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--wc-color-accent-soft) 72%, transparent), transparent 34rem), linear-gradient(180deg, var(--wc-color-page), var(--wc-color-page-subtle))}}.wc-app-shell{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:100svh;min-inline-size:0;display:grid}.wc-app-shell__main{min-inline-size:0}.wc-skip-link{background:var(--wc-color-surface-elevated);border:var(--wc-border-default);border-radius:var(--wc-radius-md);box-shadow:var(--wc-shadow-floating);color:var(--wc-color-text);padding:var(--wc-space-sm) var(--wc-space-md);left:50%;top:var(--wc-space-sm);z-index:var(--wc-z-toast);position:fixed;transform:translate(-50%,-160%)}.wc-skip-link:focus-visible{transform:translate(-50%)}.wc-site-header{min-inline-size:0;z-index:var(--wc-z-navigation);border-inline:0;border-radius:0;position:sticky;top:0}.wc-site-header__inner{min-block-size:var(--wc-nav-height);justify-content:space-between;align-items:center;display:flex}.wc-site-header__brand{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);letter-spacing:-.02em;line-height:var(--wc-leading-title-sm);white-space:nowrap;text-decoration:none}.wc-site-header__nav-list,.wc-site-footer__nav-list{margin:0;padding:0;list-style:none}.wc-site-header__nav-list{align-items:center;gap:var(--wc-space-2xs);display:flex}.wc-site-header__nav-link,.wc-site-footer__nav-link{color:var(--wc-color-text-secondary);font-weight:var(--wc-weight-medium);text-decoration:none}.wc-site-header__nav-link{border-radius:var(--wc-radius-md);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-sm);align-items:center;display:inline-flex}.wc-site-header__nav-link:hover,.wc-site-header__nav-link:focus-visible{background:var(--wc-color-accent-soft);color:var(--wc-color-accent)}.wc-site-header__mobile-menu{display:none;position:relative}.wc-site-header__mobile-summary{border-radius:var(--wc-radius-md);color:var(--wc-color-text-secondary);cursor:pointer;font-weight:var(--wc-weight-medium);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-sm);justify-content:center;align-items:center;list-style:none;display:inline-flex}.wc-site-header__mobile-summary::-webkit-details-marker{display:none}.wc-site-header__mobile-summary:hover,.wc-site-header__mobile-summary:focus-visible,.wc-site-header__mobile-menu[open] .wc-site-header__mobile-summary{background:var(--wc-color-accent-soft);color:var(--wc-color-accent)}.wc-site-header__mobile-navigation{background:var(--wc-color-surface-elevated);border:var(--wc-border-default);border-radius:var(--wc-radius-lg);box-shadow:var(--wc-shadow-highlight), var(--wc-shadow-floating);min-inline-size:min(18rem, calc(100vw - (var(--wc-page-gutter) * 2)));padding:var(--wc-space-xs);inset-inline-end:0;top:calc(100% + var(--wc-space-xs));position:absolute}.wc-site-header__mobile-navigation .wc-site-header__nav-list{align-items:stretch;gap:var(--wc-space-2xs);flex-direction:column}.wc-site-header__mobile-navigation .wc-site-header__nav-link{padding-inline:var(--wc-space-md);justify-content:flex-start;width:100%}.wc-site-footer{border-inline:0;border-radius:0;margin-block-start:var(--wc-space-2xl)}.wc-site-footer__inner{gap:var(--wc-space-lg);padding-block:var(--wc-space-xl);display:grid}.wc-site-footer__identity{gap:var(--wc-space-2xs);display:grid}.wc-site-footer__name,.wc-site-footer__description,.wc-site-footer__phase{margin:0}.wc-site-footer__name{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm)}.wc-site-footer__description,.wc-site-footer__phase{color:var(--wc-color-text-secondary)}.wc-site-footer__phase{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs)}.wc-site-footer__nav{align-self:end}.wc-site-footer__nav-list{gap:var(--wc-space-md);flex-wrap:wrap;display:flex}.wc-site-footer__nav-link:hover,.wc-site-footer__nav-link:focus-visible{color:var(--wc-color-accent)}@media (max-width:47.99rem){.wc-site-header__nav{display:none}.wc-site-header__mobile-menu{display:block}}@media (min-width:48rem){.wc-site-footer__inner{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.home-page{padding-block-end:var(--wc-space-3xl);overflow:clip}.home-hero{padding-block:var(--wc-space-3xl) var(--wc-space-2xl);position:relative}.home-hero:before{background:radial-gradient(circle at 72% 26%, var(--wc-color-accent-soft), transparent 32rem)}@supports (color:color-mix(in lab, red, red)){.home-hero:before{background:radial-gradient(circle at 72% 26%, color-mix(in srgb, var(--wc-color-accent-soft) 74%, transparent), transparent 32rem)}}.home-hero:before{content:"";pointer-events:none;position:absolute;inset:0}.home-hero__grid{align-items:center;gap:var(--wc-space-2xl);display:grid;position:relative}.home-hero__copy{gap:var(--wc-space-lg);max-inline-size:var(--wc-content-max);display:grid}.home-hero__status,.home-foundation-card__marker{font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.06em;line-height:var(--wc-leading-xs);text-transform:uppercase;justify-self:start;align-items:center;display:inline-flex}.home-hero__status{padding:var(--wc-space-2xs) var(--wc-space-sm)}.home-hero__title,.home-section__title,.home-final__title{color:var(--wc-color-text);letter-spacing:-.035em;margin:0}.home-hero__title{font-size:clamp(var(--wc-text-title-lg), 6vw, var(--wc-text-display));font-weight:var(--wc-weight-bold);line-height:var(--wc-leading-display)}.home-hero__description,.home-section__description,.home-final__description{color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);margin:0}.home-hero__actions{align-items:center;gap:var(--wc-space-sm);flex-wrap:wrap;display:flex}.home-link{border-radius:var(--wc-radius-md);font-weight:var(--wc-weight-semibold);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-md);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard), border-color var(--wc-duration-micro) var(--wc-ease-standard), color var(--wc-duration-micro) var(--wc-ease-standard), transform var(--wc-duration-micro) var(--wc-ease-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.home-link--primary{background:var(--wc-color-accent);border:1px solid var(--wc-color-accent);color:var(--wc-color-on-accent)}.home-link--primary:hover{background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.home-link--primary:hover{background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.home-link--primary:hover{transform:translateY(calc(var(--wc-space-2xs) * -1))}.home-link--secondary{border:var(--wc-border-fine);color:var(--wc-color-text-secondary)}.home-link--secondary:hover{background:var(--wc-color-surface-subtle);color:var(--wc-color-accent)}.home-core{aspect-ratio:1;place-self:center;inline-size:min(100%,32rem);position:relative;overflow:hidden}.home-core__grid,.home-core__orbit,.home-core__rail,.home-core__node{position:absolute}.home-core__grid{background-image:linear-gradient(var(--wc-color-border) 1px, transparent 1px), linear-gradient(90deg, var(--wc-color-border) 1px, transparent 1px);background-size:var(--wc-space-lg) var(--wc-space-lg);inset:var(--wc-space-lg);opacity:.76;-webkit-mask-image:radial-gradient(circle,#000 16%,#0000 72%);mask-image:radial-gradient(circle,#000 16%,#0000 72%)}.home-core__orbit{border:var(--wc-border-default);border-radius:var(--wc-radius-full);inset:20%}.home-core__orbit--outer{inset:11%}.home-core__orbit--inner{border-color:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.home-core__orbit--inner{border-color:color-mix(in srgb, var(--wc-color-accent) 42%, var(--wc-color-border))}}.home-core__orbit--inner{inset:29%}.home-core__rail{background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.home-core__rail{background:color-mix(in srgb, var(--wc-color-accent) 44%, transparent)}}.home-core__rail--horizontal{block-size:1px;inset-block-start:50%;inset-inline:14%}.home-core__rail--vertical{block-size:72%;inline-size:1px;inset-block-start:14%;inset-inline-start:50%}.home-core__node{background:var(--wc-color-accent);border:var(--wc-border-default);border-radius:var(--wc-radius-full);box-shadow:var(--wc-shadow-highlight), var(--wc-shadow-md);inline-size:var(--wc-space-md);aspect-ratio:1}.home-core__node--primary{inset-block-start:calc(50% - (var(--wc-space-xs) + var(--wc-space-2xs)));inset-inline-start:calc(50% - (var(--wc-space-xs) + var(--wc-space-2xs)))}.home-core__node--secondary{inset-block-start:24%;inset-inline-end:28%}.home-core__node--tertiary{background:var(--wc-color-surface-elevated);inset-block-end:27%;inset-inline-start:25%}.home-section,.home-final{padding-block-start:var(--wc-space-3xl)}.home-section[id]{scroll-margin-block-start:calc(var(--wc-nav-height) + var(--wc-space-lg))}.home-section__header{gap:var(--wc-space-sm);max-inline-size:var(--wc-content-max);display:grid}.home-section__eyebrow{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.home-section__title,.home-final__title{font-size:var(--wc-text-title-lg);font-weight:var(--wc-weight-bold);line-height:var(--wc-leading-title-lg)}.home-pillar-grid,.home-foundation-grid{gap:var(--wc-space-lg);margin-block-start:var(--wc-space-xl);display:grid}.home-pillar .wc-card__header{align-items:flex-start;gap:var(--wc-space-md);display:grid}.home-pillar .wc-card__content{gap:var(--wc-space-md);padding-block-start:var(--wc-space-md);display:grid}.home-pillar .wc-card__content p{margin:0}.home-foundation-card{min-block-size:100%}.home-foundation-card__marker{color:var(--wc-color-info)}.home-growth-flow{gap:var(--wc-space-md);margin:var(--wc-space-xl) 0 0;padding:0;list-style:none;display:grid}.home-growth-flow__step{gap:var(--wc-space-sm);padding:var(--wc-space-lg);display:grid;position:relative}.home-growth-flow__index{color:var(--wc-color-accent);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold)}.home-growth-flow__title{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);line-height:var(--wc-leading-title-sm);margin:0}.home-growth-flow__description{color:var(--wc-color-text-secondary);margin:0}.home-final__panel{align-items:center;gap:var(--wc-space-xl);padding:var(--wc-space-xl);display:grid}.home-final__panel .home-section__eyebrow{margin-block-end:var(--wc-space-xs)}.home-final__description{max-inline-size:var(--wc-content-max);margin-block-start:var(--wc-space-sm)}@media (min-width:40rem){.home-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.home-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr)}.home-foundation-grid,.home-growth-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.home-growth-flow__step:not(:last-child):after{color:var(--wc-color-accent);content:"→";font-size:var(--wc-text-title-md);z-index:var(--wc-z-base);position:absolute;inset-block-start:50%;inset-inline-end:calc(var(--wc-space-2xs) * -1);transform:translate(50%,-50%)}.home-final__panel{grid-template-columns:minmax(0,1fr) auto}}@media (min-width:72rem){.home-pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.projects-page{padding-block:var(--wc-space-3xl)}.projects-page__header{gap:var(--wc-space-sm);max-inline-size:var(--wc-content-max);display:grid}.projects-page__eyebrow{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.projects-page__header h1,.projects-detail__hero h1,.projects-not-found h1{color:var(--wc-color-text);font-size:var(--wc-text-title-lg);font-weight:var(--wc-weight-bold);letter-spacing:-.035em;line-height:var(--wc-leading-title-lg);margin:0}.projects-page__header>p:not(.projects-page__eyebrow,.projects-page__count),.projects-detail__hero>p,.projects-not-found>p:not(.projects-page__eyebrow){color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);margin:0}.projects-page__count{color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-sm);justify-self:start;align-items:center;display:inline-flex}.projects-grid{gap:var(--wc-space-lg);margin:var(--wc-space-xl) 0 0;padding:0;list-style:none;display:grid}.projects-collection{gap:var(--wc-space-xl);margin-block-start:var(--wc-space-xl);display:grid}.projects-grid>li,.projects-card,.projects-card__panel{min-inline-size:0}.projects-card__panel{block-size:100%}.projects-card__header{gap:var(--wc-space-sm);display:grid}.projects-card__content{padding-block-start:var(--wc-space-md)}.projects-card__footer{margin-block-start:auto}.projects-featured-card,.projects-featured-card__panel{min-inline-size:0}.projects-featured-card__panel{gap:var(--wc-space-xl);padding:clamp(var(--wc-space-lg), 4vw, var(--wc-space-2xl));display:grid;overflow:hidden}.projects-featured-card__header,.projects-featured-card__content,.projects-featured-card__footer{gap:var(--wc-space-md);padding:0;display:grid}.projects-featured-card__meta{align-items:center;gap:var(--wc-space-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.projects-featured-card__meta>p,.projects-featured-card__label{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.projects-featured-card__header .wc-card__title{font-size:clamp(var(--wc-text-title-lg), 5vw, var(--wc-text-display));letter-spacing:-.045em;line-height:var(--wc-leading-display)}.projects-featured-card__description{color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);max-inline-size:44rem;margin:0}.projects-featured-card__content{border-block:var(--wc-border-fine);padding-block:var(--wc-space-lg);grid-template-columns:minmax(0,1fr)}.projects-featured-card__content>div{gap:var(--wc-space-sm);min-inline-size:0;display:grid}.projects-featured-card__capabilities{color:var(--wc-color-text-secondary);gap:var(--wc-space-xs);margin:0;padding:0;list-style:none;display:grid}.projects-featured-card__capabilities li{align-items:baseline;gap:var(--wc-space-sm);display:flex}.projects-featured-card__capabilities li:before{color:var(--wc-color-accent);content:"•";font-weight:var(--wc-weight-bold)}.projects-featured-card__footer{align-items:start}.projects-featured-card__actions{gap:var(--wc-space-md);flex-wrap:wrap;display:flex}.projects-status__label{font-weight:var(--wc-weight-semibold)}.projects-technology-list{gap:var(--wc-space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.projects-link{background:var(--wc-color-accent);border:1px solid var(--wc-color-accent);border-radius:var(--wc-radius-md);color:var(--wc-color-on-accent);font-weight:var(--wc-weight-semibold);align-items:center;gap:var(--wc-space-xs);line-height:var(--wc-leading-xs);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-md);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard), border-color var(--wc-duration-micro) var(--wc-ease-standard), color var(--wc-duration-micro) var(--wc-ease-standard), transform var(--wc-duration-micro) var(--wc-ease-standard);justify-content:center;text-decoration:none;display:inline-flex}.projects-link:hover{background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.projects-link:hover{background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.projects-link:hover{transform:translateY(calc(var(--wc-space-2xs) * -1))}.projects-link:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.projects-link--secondary{border-color:var(--wc-color-border-strong);color:var(--wc-color-text-secondary);background:0 0}.projects-link--secondary:hover{background:var(--wc-color-page-subtle);color:var(--wc-color-accent)}.projects-text-link{color:var(--wc-color-accent);font-weight:var(--wc-weight-semibold);overflow-wrap:anywhere;text-underline-offset:.18em;text-decoration-thickness:1px}.projects-text-link:hover{color:var(--wc-color-text)}.projects-text-link:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.projects-empty,.projects-not-found{gap:var(--wc-space-md);padding:var(--wc-space-xl);margin-block-start:var(--wc-space-xl);display:grid}.projects-empty h2,.projects-detail h2{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm);margin:0}.projects-empty p{color:var(--wc-color-text-secondary);margin:0}.projects-detail{gap:var(--wc-space-xl);min-inline-size:0;display:grid}.projects-detail__hero,.projects-detail__body,.projects-detail__footer{gap:var(--wc-space-lg);display:grid}.projects-detail__hero{border-radius:var(--wc-radius-lg);padding:var(--wc-space-xl)}.projects-detail__hero-status{justify-self:start}.projects-detail__hero>p,.projects-detail__body section>p,.projects-detail__body dd,.projects-architecture-flow p,.projects-decision dd{color:var(--wc-color-text-secondary);line-height:var(--wc-leading-body);margin:0}.projects-detail__body{gap:var(--wc-space-2xl)}.projects-detail__body section{gap:var(--wc-space-md);min-inline-size:0;display:grid}.projects-detail__facts{gap:var(--wc-space-sm);margin:0;display:grid}.projects-detail__facts>div{gap:var(--wc-space-2xs);display:grid}.projects-detail__facts dt{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.06em;line-height:var(--wc-leading-xs);text-transform:uppercase}.projects-detail__facts dd{color:var(--wc-color-text);margin:0}.projects-detail__reading-list{color:var(--wc-color-text-secondary);gap:var(--wc-space-xs);margin:0;padding-inline-start:var(--wc-space-lg);display:grid}.projects-detail__footer{border-block-start:var(--wc-border-fine);align-items:start;padding-block-start:var(--wc-space-xl)}.projects-detail__actions{gap:var(--wc-space-sm);flex-wrap:wrap;display:flex}.projects-case-study{gap:var(--wc-space-2xl);display:grid}.projects-decision-list,.projects-architecture-flow{gap:var(--wc-space-md);margin:0;padding:0;list-style:none;display:grid}.projects-decision{border:var(--wc-border-fine);border-radius:var(--wc-radius-md);gap:var(--wc-space-md);padding:var(--wc-space-lg);display:grid}.projects-decision h3,.projects-architecture-flow h3{color:var(--wc-color-text);font-size:var(--wc-text-body);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-body);margin:0}.projects-decision dl{gap:var(--wc-space-md);margin:0;display:grid}.projects-decision dl>div{gap:var(--wc-space-2xs);display:grid}.projects-decision dt{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.06em;line-height:var(--wc-leading-xs);text-transform:uppercase}.projects-decision dd{margin:0}.projects-architecture-flow{counter-reset:architecture-step}.projects-architecture-flow li{border-inline-start:var(--wc-border-default);counter-increment:architecture-step;gap:var(--wc-space-xs);min-inline-size:0;padding-inline:var(--wc-space-lg) 0;display:grid;position:relative}.projects-architecture-flow li:before{background:var(--wc-color-page);color:var(--wc-color-accent);content:counter(architecture-step, decimal-leading-zero);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-bold);line-height:var(--wc-leading-xs);padding-inline-end:var(--wc-space-xs);position:absolute;inset-block-start:0;inset-inline-start:calc(var(--wc-space-xs) * -1)}.projects-not-found{margin-block-start:0}@media (min-width:40rem){.projects-featured-card__content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.projects-featured-card__footer{grid-template-columns:auto 1fr;align-items:center}.projects-featured-card__actions{justify-content:end}.projects-grid,.projects-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-detail__footer{align-items:center}}@media (min-width:68rem){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-catalog-page{padding-block:var(--wc-space-3xl)}.component-catalog-page__header{gap:var(--wc-space-sm);max-inline-size:var(--wc-content-max);display:grid}.component-catalog-page__eyebrow{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.component-catalog-page__header h1,.component-catalog-detail__header h1,.component-catalog-not-found h1{color:var(--wc-color-text);font-size:var(--wc-text-title-lg);font-weight:var(--wc-weight-bold);letter-spacing:-.035em;line-height:var(--wc-leading-title-lg);margin:0}.component-catalog-page__header>p:not(.component-catalog-page__eyebrow,.component-catalog-page__count),.component-catalog-detail__header>p,.component-catalog-not-found>p:not(.component-catalog-page__eyebrow){color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);margin:0}.component-catalog-page__count{color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-sm);justify-self:start;align-items:center;display:inline-flex}.component-catalog-grid{gap:var(--wc-space-lg);margin:var(--wc-space-xl) 0 0;padding:0;list-style:none;display:grid}.component-catalog-grid>li,.component-catalog-card,.component-catalog-card__panel{min-inline-size:0}.component-catalog-card__panel{block-size:100%}.component-catalog-card__header,.component-catalog-detail__header,.component-catalog-detail__body,.component-catalog-detail__footer{gap:var(--wc-space-lg);display:grid}.component-catalog-card__meta,.component-catalog-detail__meta{gap:var(--wc-space-xs);flex-wrap:wrap;display:flex}.component-catalog-status__label,.component-catalog-card__label{font-weight:var(--wc-weight-semibold)}.component-catalog-card__content{padding-block-start:var(--wc-space-md)}.component-catalog-card__tags{gap:var(--wc-space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.component-catalog-card__footer{margin-block-start:auto}.component-catalog-link{background:var(--wc-color-accent);border:1px solid var(--wc-color-accent);border-radius:var(--wc-radius-md);color:var(--wc-color-on-accent);font-weight:var(--wc-weight-semibold);align-items:center;gap:var(--wc-space-xs);line-height:var(--wc-leading-xs);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-md);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard), border-color var(--wc-duration-micro) var(--wc-ease-standard), color var(--wc-duration-micro) var(--wc-ease-standard), transform var(--wc-duration-micro) var(--wc-ease-standard);justify-content:center;text-decoration:none;display:inline-flex}.component-catalog-link:hover{background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.component-catalog-link:hover{background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.component-catalog-link:hover{transform:translateY(calc(var(--wc-space-2xs) * -1))}.component-catalog-link:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.component-catalog-link--secondary{border-color:var(--wc-color-border-strong);color:var(--wc-color-text-secondary);background:0 0}.component-catalog-link--secondary:hover{background:var(--wc-color-page-subtle);color:var(--wc-color-accent)}.component-catalog-empty,.component-catalog-not-found{gap:var(--wc-space-md);padding:var(--wc-space-xl);margin-block-start:var(--wc-space-xl);display:grid}.component-catalog-empty h2,.component-catalog-detail h2{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm);margin:0}.component-catalog-empty p,.component-catalog-detail__body p{color:var(--wc-color-text-secondary);margin:0}.component-catalog-detail__panel{overflow:hidden}.component-catalog-detail__header,.component-catalog-detail__body,.component-catalog-detail__footer{padding:var(--wc-space-xl)}.component-catalog-detail__body{border-block:var(--wc-border-fine)}.component-catalog-detail__body section,.component-catalog-attribute-list{gap:var(--wc-space-sm);display:grid}.component-catalog-attribute-list ul{color:var(--wc-color-text-secondary);gap:var(--wc-space-xs);margin:0;padding-inline-start:var(--wc-space-lg);display:grid}.component-catalog-preview{background:var(--wc-color-surface-subtle);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);align-items:center;gap:var(--wc-space-sm);min-inline-size:0;padding:var(--wc-space-md);flex-wrap:wrap;display:flex}.component-catalog-preview__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:stretch;display:grid}.component-catalog-preview__cards .wc-card{min-inline-size:0}.component-catalog-preview__glass-card{box-shadow:var(--wc-shadow-sm)}.component-catalog-preview__containers{align-items:stretch;gap:var(--wc-space-sm);display:grid}.component-catalog-preview__container{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);padding:var(--wc-space-sm)}.component-catalog-preview__container--content{max-inline-size:70%}.component-catalog-preview__container--wide{max-inline-size:100%}.component-catalog-detail__facts{gap:var(--wc-space-sm);margin:0;display:grid}.component-catalog-detail__facts>div{gap:var(--wc-space-2xs);min-inline-size:0;display:grid}.component-catalog-detail__facts dt{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.06em;line-height:var(--wc-leading-xs);text-transform:uppercase}.component-catalog-detail__facts dd{color:var(--wc-color-text);min-inline-size:0;margin:0}.component-catalog-detail__facts code{font-family:var(--wc-font-mono);overflow-wrap:anywhere;word-break:break-word}.component-catalog-detail__footer,.component-catalog-not-found__actions{align-items:start;gap:var(--wc-space-sm);flex-wrap:wrap;display:flex}.component-catalog-not-found{margin-block-start:0}@media (min-width:40rem){.component-catalog-grid,.component-catalog-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.component-catalog-detail__footer{justify-content:space-between;align-items:center}}@media (min-width:68rem){.component-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.component-showcase-card,.component-showcase-card .wc-card{block-size:100%;min-inline-size:0}.component-showcase-card__header,.component-showcase-card__content,.component-showcase-interaction,.component-showcase-card__guidance,.component-showcase-preview,.component-showcase-code{gap:var(--wc-space-md);display:grid}.component-showcase-card__eyebrow,.component-showcase-card__guidance dt{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.component-showcase-card__guidance{border-block-start:var(--wc-border-fine);margin:0;padding-block-start:var(--wc-space-md)}.component-showcase-card__guidance>div{gap:var(--wc-space-2xs);display:grid}.component-showcase-card__guidance dd{color:var(--wc-color-text-secondary);margin:0}.component-showcase-preview{background:var(--wc-color-surface-subtle);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);min-block-size:10rem;min-inline-size:0;padding:var(--wc-space-md);align-content:center}.component-showcase-preview--button,.component-showcase-preview--switch{justify-items:start}.component-showcase-preview--button.is-hover-preview .wc-button--primary:not(:disabled){background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.component-showcase-preview--button.is-hover-preview .wc-button--primary:not(:disabled){background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.component-showcase-preview__status,.component-showcase-preview__hint,.component-showcase-preview__error{color:var(--wc-color-text-secondary);font-size:var(--wc-text-body);line-height:var(--wc-leading-body);margin:0}.component-showcase-preview__error{color:var(--wc-color-error)}.component-showcase-preview--field label,.component-showcase-preview--accordion h3{color:var(--wc-color-text);font-size:var(--wc-text-body);font-weight:var(--wc-weight-semibold);margin:0}.component-showcase-preview--field input{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);color:var(--wc-color-text);font:inherit;min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-sm)}.component-showcase-preview--field input[aria-invalid=true]{border-color:var(--wc-color-error)}.component-showcase-preview--field input:disabled{cursor:not-allowed;opacity:.55}.component-showcase-state-selector{gap:var(--wc-space-xs);display:grid}.component-showcase-state-selector__label{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.component-showcase-state-selector__options{gap:var(--wc-space-2xs);flex-wrap:wrap;display:flex}.component-showcase-state-selector__button,.component-showcase-code__toggle,.component-showcase-accordion__trigger{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);color:var(--wc-color-text-secondary);cursor:pointer;font:inherit;font-size:var(--wc-text-body);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-sm)}.component-showcase-state-selector__button[aria-pressed=true]{background:var(--wc-color-accent-soft);border-color:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.component-showcase-state-selector__button[aria-pressed=true]{border-color:color-mix(in srgb, var(--wc-color-accent) 35%, var(--wc-color-border))}}.component-showcase-state-selector__button[aria-pressed=true]{color:var(--wc-color-accent)}.component-showcase-code{border-block-start:var(--wc-border-fine);padding-block-start:var(--wc-space-md)}.component-showcase-code__toolbar{align-items:center;gap:var(--wc-space-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.component-showcase-code__block{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);max-inline-size:100%;padding:var(--wc-space-md);margin:0;overflow-x:auto}.component-showcase-code__block code{color:var(--wc-color-text);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-body);white-space:pre}.component-showcase-switch{color:var(--wc-color-text);cursor:pointer;font-size:var(--wc-text-body);font-weight:var(--wc-weight-semibold);align-items:center;gap:var(--wc-space-sm);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));display:inline-flex}.component-showcase-switch input{clip:rect(0 0 0 0);clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.component-showcase-switch__track{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-full);inline-size:calc(var(--wc-space-xl) + var(--wc-space-lg));min-block-size:var(--wc-space-lg);padding:var(--wc-space-2xs);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard);justify-content:start;align-items:center;display:inline-flex}.component-showcase-switch__thumb{background:var(--wc-color-text-muted);block-size:var(--wc-space-md);border-radius:var(--wc-radius-full);inline-size:var(--wc-space-md);transition:transform var(--wc-duration-micro) var(--wc-ease-standard)}.component-showcase-switch input:checked+.component-showcase-switch__track{background:var(--wc-color-accent);border-color:var(--wc-color-accent);justify-content:end}.component-showcase-switch input:checked+.component-showcase-switch__track .component-showcase-switch__thumb{background:var(--wc-color-on-accent)}.component-showcase-switch input:focus-visible+.component-showcase-switch__track{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.component-showcase-switch input:disabled+.component-showcase-switch__track{cursor:not-allowed;opacity:.55}.component-showcase-accordion__trigger{text-align:start;justify-content:space-between;align-items:center;width:100%;display:flex}.component-showcase-accordion__content{color:var(--wc-color-text-secondary);line-height:var(--wc-leading-body)}@media (prefers-reduced-motion:reduce){.component-showcase-switch__track,.component-showcase-switch__thumb{transition:none}}.guides-page{padding-block:var(--wc-space-3xl)}.guides-page__header{gap:var(--wc-space-sm);max-inline-size:var(--wc-content-max);display:grid}.guides-page__eyebrow,.guides-detail__eyebrow{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.guides-page__header h1,.guides-detail__header h1,.guides-not-found h1{color:var(--wc-color-text);font-size:var(--wc-text-title-lg);font-weight:var(--wc-weight-bold);letter-spacing:-.035em;line-height:var(--wc-leading-title-lg);margin:0}.guides-page__header>p:not(.guides-page__eyebrow,.guides-page__count),.guides-not-found>p:not(.guides-page__eyebrow),.guides-detail__description{color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);margin:0}.guides-page__count{color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-sm);justify-self:start;align-items:center;display:inline-flex}.guides-grid{gap:var(--wc-space-lg);margin:var(--wc-space-xl) 0 0;padding:0;list-style:none;display:grid}.guides-grid>li,.guides-card,.guides-card__panel{min-inline-size:0}.guides-card__panel{block-size:100%}.guides-card__header,.guides-detail__header,.guides-detail__body,.guides-detail__footer{gap:var(--wc-space-lg);display:grid}.guides-card__content{color:var(--wc-color-text-secondary);padding-block-start:var(--wc-space-md)}.guides-card__content p{margin:0}.guides-card__footer{margin-block-start:auto}.guides-metadata{gap:var(--wc-space-sm);display:grid}.guides-metadata__badges,.guides-metadata__technologies,.guides-not-found__actions{gap:var(--wc-space-xs);flex-wrap:wrap;display:flex}.guides-metadata__technologies{margin:0;padding:0;list-style:none}.guides-metadata__label{font-weight:var(--wc-weight-semibold)}.guides-metadata__facts{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);gap:var(--wc-space-xs);line-height:var(--wc-leading-xs);flex-wrap:wrap;margin:0;display:flex}.guides-link{background:var(--wc-color-accent);border:1px solid var(--wc-color-accent);border-radius:var(--wc-radius-md);color:var(--wc-color-on-accent);font-weight:var(--wc-weight-semibold);align-items:center;gap:var(--wc-space-xs);line-height:var(--wc-leading-xs);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-md);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard), border-color var(--wc-duration-micro) var(--wc-ease-standard), color var(--wc-duration-micro) var(--wc-ease-standard), transform var(--wc-duration-micro) var(--wc-ease-standard);justify-content:center;text-decoration:none;display:inline-flex}.guides-link:hover{background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.guides-link:hover{background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.guides-link:hover{transform:translateY(calc(var(--wc-space-2xs) * -1))}.guides-link:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.guides-link--secondary{border-color:var(--wc-color-border-strong);color:var(--wc-color-text-secondary);background:0 0}.guides-link--secondary:hover{background:var(--wc-color-page-subtle);color:var(--wc-color-accent)}.guides-empty,.guides-not-found{gap:var(--wc-space-md);padding:var(--wc-space-xl);margin-block-start:var(--wc-space-xl);display:grid}.guides-empty h2,.guides-detail h2{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm);margin:0}.guides-empty p{color:var(--wc-color-text-secondary);margin:0}.guides-detail__panel{overflow:hidden}.guides-detail__header,.guides-detail__body,.guides-detail__footer{padding:var(--wc-space-xl)}.guides-detail__header{gap:var(--wc-space-md)}.guides-detail__summary{color:var(--wc-color-text);font-size:var(--wc-text-body-lg);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-body-lg);margin:0}.guides-table-of-contents{gap:var(--wc-space-sm);padding:var(--wc-space-md);display:grid}.guides-table-of-contents__title{color:var(--wc-color-text);font-size:var(--wc-text-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-body);margin:0}.guides-table-of-contents__list{gap:var(--wc-space-2xs);margin:0;padding:0;list-style:none;display:grid}.guides-table-of-contents__list a{border-radius:var(--wc-radius-sm);color:var(--wc-color-text-secondary);font-size:var(--wc-text-sm);line-height:var(--wc-leading-body);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-xs));padding-inline:var(--wc-space-sm);align-items:center;text-decoration:none;display:flex}.guides-table-of-contents__list a:hover{background:var(--wc-color-accent-soft);color:var(--wc-color-accent)}.guides-table-of-contents__list a:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.guides-detail__body{border-block:var(--wc-border-fine);gap:var(--wc-space-2xl)}.guides-section{gap:var(--wc-space-md);scroll-margin-block-start:calc(var(--wc-nav-height) + var(--wc-space-lg));display:grid}.guides-section__copy{color:var(--wc-color-text-secondary);gap:var(--wc-space-md);display:grid}.guides-section__copy p{margin:0}.guides-code-example{background:var(--wc-color-surface-subtle);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);min-inline-size:0;margin:0;overflow:hidden}.guides-code-example__header{align-items:start;gap:var(--wc-space-sm);padding:var(--wc-space-md);flex-wrap:wrap;justify-content:space-between;display:flex}.guides-code-example__header>div{gap:var(--wc-space-2xs);display:grid}.guides-code-example__actions{align-items:start;gap:var(--wc-space-sm);flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;margin-inline-start:auto;display:flex}.guides-code-example h3{color:var(--wc-color-text);font-size:var(--wc-text-body);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-body);margin:0}.guides-code-example__header p{color:var(--wc-color-text-secondary);margin:0}.guides-code-example__language{border:var(--wc-border-fine);border-radius:var(--wc-radius-full);color:var(--wc-color-text-muted);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-xs)}.guides-code-example__copy{gap:var(--wc-space-2xs);justify-items:end;min-inline-size:0;display:grid}.guides-code-example__copy-button{background:var(--wc-color-surface-elevated);border:1px solid var(--wc-color-border-strong);border-radius:var(--wc-radius-md);color:var(--wc-color-text-secondary);cursor:pointer;font-family:var(--wc-font-sans);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);min-block-size:calc(var(--wc-space-lg) + var(--wc-space-xs));padding-inline:var(--wc-space-sm)}.guides-code-example__copy-button:hover{background:var(--wc-color-page-subtle);color:var(--wc-color-accent)}.guides-code-example__copy-button:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.guides-code-example__copy-feedback{color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);line-height:var(--wc-leading-xs);text-align:end;max-inline-size:18rem;margin:0}.guides-code-example__copy-feedback--error{color:var(--wc-color-error)}.guides-code-example pre{background:var(--wc-color-surface-elevated);border-block-start:var(--wc-border-fine);color:var(--wc-color-text);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-body);overscroll-behavior-inline:contain;max-inline-size:100%;padding:var(--wc-space-md);white-space:pre;margin:0;overflow-x:auto}.guides-code-example code{font-family:inherit}.guides-detail__footer{align-items:start}.guides-not-found{margin-block-start:0}@media (min-width:40rem){.guides-grid,.guides-table-of-contents__list{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-detail__footer{align-items:center}}@media (min-width:68rem){.guides-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.playground-page{padding-block:var(--wc-space-3xl)}.playground-page__header{gap:var(--wc-space-sm);max-inline-size:var(--wc-content-max);display:grid}.playground-page__eyebrow,.playground-preview__eyebrow{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.playground-page__header h1{color:var(--wc-color-text);font-size:var(--wc-text-title-lg);font-weight:var(--wc-weight-bold);letter-spacing:-.035em;line-height:var(--wc-leading-title-lg);margin:0}.playground-page__header>p:not(.playground-page__eyebrow){color:var(--wc-color-text-secondary);font-size:var(--wc-text-body-lg);line-height:var(--wc-leading-body-lg);margin:0}.playground-safety{gap:var(--wc-space-xs);margin-block:var(--wc-space-xl);max-inline-size:var(--wc-content-max);padding:var(--wc-space-lg);display:grid}.playground-safety h2,.playground-preview h2{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm);margin:0}.playground-safety p{color:var(--wc-color-text-secondary);margin:0}.playground-workspace,.playground-workspace__main,.playground-workspace__editors,.playground-workspace__output{gap:var(--wc-space-lg);min-inline-size:0;display:grid}.playground-toolbar{align-items:center;gap:var(--wc-space-sm);padding:var(--wc-space-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.playground-toolbar__actions{gap:var(--wc-space-sm);flex-wrap:wrap;display:flex}.playground-toolbar__button{background:var(--wc-color-accent);border:1px solid var(--wc-color-accent);border-radius:var(--wc-radius-md);color:var(--wc-color-on-accent);cursor:pointer;font-family:var(--wc-font-sans);font-size:var(--wc-text-body);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));padding-inline:var(--wc-space-md);transition:background-color var(--wc-duration-micro) var(--wc-ease-standard), border-color var(--wc-duration-micro) var(--wc-ease-standard), color var(--wc-duration-micro) var(--wc-ease-standard);justify-content:center;align-items:center;display:inline-flex}.playground-toolbar__button:hover:not(:disabled){background:var(--wc-color-accent)}@supports (color:color-mix(in lab, red, red)){.playground-toolbar__button:hover:not(:disabled){background:color-mix(in srgb, var(--wc-color-accent) 88%, var(--wc-color-text))}}.playground-toolbar__button:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.playground-toolbar__button:disabled{cursor:not-allowed;opacity:.55}.playground-toolbar__button--secondary{border-color:var(--wc-color-border-strong);color:var(--wc-color-text-secondary);background:0 0}.playground-toolbar__button--secondary:hover:not(:disabled){background:var(--wc-color-page-subtle);color:var(--wc-color-accent)}.playground-toolbar__status{color:var(--wc-color-text-secondary);font-size:var(--wc-text-xs);line-height:var(--wc-leading-xs);margin:0}.playground-local-controls{gap:var(--wc-space-md);margin-block:var(--wc-space-lg);min-inline-size:0;padding:var(--wc-space-md);display:grid}.playground-template-selector,.playground-share-controls{gap:var(--wc-space-xs);min-inline-size:0;display:grid}.playground-template-selector>label,.playground-share-controls__fallback label{color:var(--wc-color-text);font-size:var(--wc-text-sm);font-weight:var(--wc-weight-semibold)}.playground-template-selector__controls,.playground-share-controls__actions{gap:var(--wc-space-sm);flex-wrap:wrap;display:flex}.playground-template-selector select,.playground-share-controls__fallback input{background:var(--wc-color-surface);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);color:var(--wc-color-text);font:inherit;max-inline-size:100%;min-block-size:calc(var(--wc-space-xl) + var(--wc-space-sm));min-inline-size:0;padding-inline:var(--wc-space-sm)}.playground-template-selector select{flex:15rem}.playground-template-selector select:focus-visible,.playground-share-controls__fallback input:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.playground-template-selector>p,.playground-local-controls__safety,.playground-draft-status,.playground-notice{color:var(--wc-color-text-secondary);font-size:var(--wc-text-sm);line-height:var(--wc-leading-body);margin:0}.playground-local-controls__safety{border-inline-start:3px solid var(--wc-color-border-strong);padding-inline-start:var(--wc-space-sm)}.playground-draft-status--error,.playground-notice{border-inline-start:3px solid var(--wc-color-warning);padding-inline-start:var(--wc-space-sm)}.playground-draft-status--error{color:var(--wc-color-error)}.playground-notice{margin-block:var(--wc-space-sm)}.playground-share-controls__fallback{gap:var(--wc-space-xs);min-inline-size:0;display:grid}.playground-share-controls__fallback input{font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);overflow-x:auto}.playground-editor{background:var(--wc-color-surface);border:var(--wc-border-fine);border-radius:var(--wc-radius-lg);box-shadow:var(--wc-shadow-sm);gap:var(--wc-space-sm);min-inline-size:0;padding:var(--wc-space-md);display:grid}.playground-editor__header,.playground-preview__header{align-items:center;gap:var(--wc-space-sm);justify-content:space-between;display:flex}.playground-editor__header label,.playground-preview h2{color:var(--wc-color-text);font-weight:var(--wc-weight-semibold)}.playground-editor__header span,.playground-preview__header>span{border:var(--wc-border-fine);border-radius:var(--wc-radius-full);color:var(--wc-color-text-muted);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-xs)}.playground-editor__textarea{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);box-sizing:border-box;color:var(--wc-color-text);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-body);min-block-size:13rem;max-inline-size:100%;padding:var(--wc-space-md);resize:vertical;white-space:pre}.playground-editor__textarea:focus-visible{border-color:var(--wc-color-accent);outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.playground-editor-tabs{border-block-end:var(--wc-border-fine);align-items:end;gap:var(--wc-space-2xs);flex-wrap:wrap;min-inline-size:0;display:flex}.playground-editor-tabs__tab,.playground-viewport-controls__option{border-radius:var(--wc-radius-sm) var(--wc-radius-sm) 0 0;color:var(--wc-color-text-secondary);cursor:pointer;font:inherit;font-size:var(--wc-text-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);min-block-size:2.5rem;padding-inline:var(--wc-space-sm);background:0 0;border:1px solid #0000}.playground-editor-tabs__tab[aria-selected=true],.playground-viewport-controls__option[aria-pressed=true]{background:var(--wc-color-surface);border-color:var(--wc-color-border-strong);color:var(--wc-color-accent)}.playground-editor-tabs__tab:focus-visible,.playground-viewport-controls__option:focus-visible,.playground-viewport-controls__custom input:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.playground-preview{gap:var(--wc-space-md);min-inline-size:0;padding:var(--wc-space-md);display:grid}.playground-viewport-controls{background:var(--wc-color-surface);border:var(--wc-border-fine);border-radius:var(--wc-radius-lg);gap:var(--wc-space-sm);min-inline-size:0;padding:var(--wc-space-md);display:grid}.playground-viewport-controls__heading,.playground-viewport-controls__options,.playground-viewport-controls__custom{align-items:center;gap:var(--wc-space-xs);flex-wrap:wrap;min-inline-size:0;display:flex}.playground-viewport-controls__heading{justify-content:space-between}.playground-viewport-controls__heading>span,.playground-viewport-controls__custom>span:first-child{color:var(--wc-color-text);font-size:var(--wc-text-sm);font-weight:var(--wc-weight-semibold)}.playground-viewport-controls__heading output{color:var(--wc-color-text-secondary);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs)}.playground-viewport-controls__option{border-radius:var(--wc-radius-sm);min-block-size:2.25rem}.playground-viewport-controls__custom{border-inline-start:var(--wc-border-fine);padding-inline-start:var(--wc-space-sm)}.playground-viewport-controls__custom input{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);color:var(--wc-color-text);font:inherit;font-family:var(--wc-font-mono);min-block-size:2.25rem;inline-size:5.5rem;padding-inline:var(--wc-space-xs)}.playground-layout-diagnostic{border-inline-start:3px solid var(--wc-color-border-strong);color:var(--wc-color-text-secondary);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-body);margin:0;padding-inline-start:var(--wc-space-sm)}.playground-preview__header>div{gap:var(--wc-space-2xs);display:grid}.playground-preview__frame{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-md);box-sizing:border-box;min-block-size:28rem;inline-size:100%;margin-inline:auto;display:block}.playground-preview__frame-scroller{overscroll-behavior-inline:contain;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.playground-console{background:var(--wc-color-surface);border:var(--wc-border-fine);border-radius:var(--wc-radius-lg);box-shadow:var(--wc-shadow-sm);gap:var(--wc-space-md);min-inline-size:0;padding:var(--wc-space-md);display:grid}.playground-console__header{align-items:center;gap:var(--wc-space-sm);justify-content:space-between;display:flex}.playground-console__header>div{gap:var(--wc-space-2xs);display:grid}.playground-console__eyebrow{color:var(--wc-color-accent);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;line-height:var(--wc-leading-xs);text-transform:uppercase;margin:0}.playground-console h2{color:var(--wc-color-text);font-size:var(--wc-text-title-sm);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-title-sm);margin:0}.playground-console__header>span{border:var(--wc-border-fine);border-radius:var(--wc-radius-full);color:var(--wc-color-text-muted);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-xs);padding:var(--wc-space-2xs) var(--wc-space-xs)}.playground-console__actions{justify-content:flex-end;display:flex}.playground-console__clear{border:1px solid var(--wc-color-border-strong);border-radius:var(--wc-radius-md);color:var(--wc-color-text-secondary);cursor:pointer;font-family:var(--wc-font-sans);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);line-height:var(--wc-leading-xs);min-block-size:calc(var(--wc-space-lg) + var(--wc-space-xs));padding-inline:var(--wc-space-sm);background:0 0}.playground-console__clear:hover:not(:disabled){background:var(--wc-color-page-subtle);color:var(--wc-color-accent)}.playground-console__clear:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:var(--wc-space-2xs)}.playground-console__clear:disabled{cursor:not-allowed;opacity:.55}.playground-console__empty,.playground-console__truncated{color:var(--wc-color-text-secondary);font-size:var(--wc-text-sm);line-height:var(--wc-leading-body);margin:0}.playground-console__truncated{border-inline-start:3px solid var(--wc-color-warning);color:var(--wc-color-warning);padding-inline-start:var(--wc-space-sm)}.playground-console__list{gap:var(--wc-space-xs);overscroll-behavior:contain;max-block-size:30rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.playground-console__entry{background:var(--wc-color-surface-subtle);border:var(--wc-border-fine);border-inline-start:3px solid var(--wc-color-border-strong);border-radius:var(--wc-radius-md);gap:var(--wc-space-xs);min-inline-size:0;padding:var(--wc-space-sm);display:grid}.playground-console__entry--info{border-inline-start-color:var(--wc-color-accent)}.playground-console__entry--warn{border-inline-start-color:var(--wc-color-warning)}.playground-console__entry--error{border-inline-start-color:var(--wc-color-error)}.playground-console__entry-meta{align-items:center;gap:var(--wc-space-xs);flex-wrap:wrap;justify-content:space-between;display:flex}.playground-console__entry-meta span{color:var(--wc-color-text);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold)}.playground-console__entry--warn .playground-console__entry-meta span{color:var(--wc-color-warning)}.playground-console__entry--error .playground-console__entry-meta span{color:var(--wc-color-error)}.playground-console__entry-meta time{color:var(--wc-color-text-muted);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs)}.playground-console__entry p,.playground-console__stack{color:var(--wc-color-text-secondary);font-family:var(--wc-font-mono);font-size:var(--wc-text-xs);line-height:var(--wc-leading-body);overflow-wrap:anywhere;white-space:pre-wrap;max-inline-size:100%;margin:0}.playground-console__stack{background:var(--wc-color-surface-elevated);border:var(--wc-border-fine);border-radius:var(--wc-radius-sm);box-sizing:border-box;max-block-size:12rem;padding:var(--wc-space-sm);overflow:auto}@media (max-width:39.99rem){.playground-toolbar__actions,.playground-toolbar__button,.playground-console__clear{inline-size:100%}.playground-toolbar__button{flex:1}.playground-template-selector__controls,.playground-share-controls__actions{flex-direction:column;align-items:stretch}.playground-viewport-controls__custom{border-inline-start:0;padding-inline-start:0}.playground-preview__frame{min-block-size:23rem}.playground-console__actions{justify-content:stretch}}@media (min-width:68rem){.playground-workspace__main{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}}.system-page{min-height:56vh;padding-block:var(--wc-space-3xl);place-items:center;display:grid}.system-page__panel{gap:var(--wc-space-lg);max-width:44rem;padding:var(--wc-space-2xl);margin-inline:auto;display:grid}.system-page__eyebrow{color:var(--wc-color-text-muted);font-size:var(--wc-text-xs);font-weight:var(--wc-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.system-page__panel h1,.system-page__panel p{margin:0}.system-page__panel p:not(.system-page__eyebrow){color:var(--wc-color-text-muted);max-width:60ch}.system-page__actions,.system-page__links{align-items:center;gap:var(--wc-space-sm);flex-wrap:wrap;display:flex}.system-page__links{margin:0;padding:0;list-style:none}.system-page__links a{color:var(--wc-color-accent)}@media (max-width:390px){.system-page{padding-block:var(--wc-space-2xl)}.system-page__panel{padding:var(--wc-space-xl)}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:var(--wc-color-page);--foreground:var(--wc-color-text)}html{background:var(--wc-color-page)}body{background:var(--background);min-height:100svh;color:var(--foreground);font-family:var(--wc-font-sans);font-size:var(--wc-text-body);line-height:var(--wc-leading-body)}:focus-visible{outline:2px solid var(--wc-color-accent);outline-offset:3px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}