.crossui-renderer{display:block}.crossui-renderer__node{margin-block:.75rem}.crossui-renderer__disposed{color:var(--cui-color-danger-text);font-weight:600}.crossui-renderer__runtime-error{border:1px solid var(--cui-color-danger);border-radius:var(--cui-radius-sm);background:var(--cui-color-danger-bg);color:var(--cui-color-danger-text);margin:0 0 .75rem;padding:.65rem .75rem}.crossui-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.crossui-card{border:var(--cui-border-default);border-radius:var(--cui-radius-md);padding:var(--cui-space-8);background:var(--cui-color-surface)}.crossui-card__title{margin:0 0 var(--cui-space-4);font-size:var(--cui-font-size-lg)}.crossui-card__body,.crossui-search-form{display:block}.crossui-search-form__fields{gap:var(--cui-space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.crossui-search-form__field{flex:12rem;min-width:10rem}.crossui-field{gap:var(--cui-space-2);flex-direction:column;display:flex}.crossui-field__label{font-size:.9rem;font-weight:600}.crossui-field__control{padding:.4rem var(--cui-space-4);border:1px solid var(--cui-color-gray-300);border-radius:var(--cui-radius-sm);font-size:var(--cui-font-size-base);background:var(--cui-color-surface);color:var(--cui-color-text)}.crossui-field__error{color:var(--cui-color-danger-text);margin:0;font-size:.85rem}.crossui-button-wrap{gap:var(--cui-space-2);flex-direction:column;display:inline-flex}.crossui-button{border:1px solid var(--cui-color-gray-300);border-radius:var(--cui-radius-sm);background:var(--cui-color-gray-50);color:var(--cui-color-text);font-size:var(--cui-font-size-base);cursor:pointer;padding:.45rem .9rem}.crossui-button:disabled{cursor:not-allowed;opacity:.6}.crossui-button--primary{background:var(--cui-color-accent);border-color:var(--cui-color-accent);color:var(--cui-color-white)}.crossui-button--danger{background:var(--cui-color-danger);border-color:var(--cui-color-danger);color:var(--cui-color-white)}.crossui-button__confirm-failed{color:var(--cui-color-danger-text);margin:0;font-size:.85rem}.crossui-status-tag{align-items:center;gap:var(--cui-space-3);padding:.15rem var(--cui-space-4);border-radius:var(--cui-radius-pill);background:var(--cui-color-gray-100);font-size:.85rem;display:inline-flex}.crossui-status-tag__dot{width:var(--cui-space-4);height:var(--cui-space-4);background:var(--cui-color-gray-700);border-radius:50%}.crossui-data-table{display:block;overflow-x:auto}.crossui-data-table__table{border-collapse:collapse;width:100%}.crossui-data-table__table th,.crossui-data-table__table td{border:var(--cui-border-default);padding:.4rem var(--cui-space-5);text-align:left}.crossui-data-table__status{align-items:center;gap:var(--cui-space-3);display:inline-flex}.crossui-data-table__row--unselectable{color:var(--cui-color-gray-600)}.crossui-data-table__status-text{margin:var(--cui-space-4) 0 0;font-size:.9rem}.crossui-data-table__warning{margin:var(--cui-space-4) 0 0;color:var(--cui-color-warning-text);font-size:.85rem}.crossui-status-dot{width:var(--cui-space-4);height:var(--cui-space-4);background:var(--cui-color-gray-700);border-radius:50%;display:inline-block}.crossui-renderer__boundary{border:1px solid var(--cui-color-danger);border-radius:var(--cui-radius-md);padding:var(--cui-space-8);background:var(--cui-color-danger-bg)}.crossui-renderer__boundary-title{margin:0 0 var(--cui-space-2);color:var(--cui-color-danger-text);font-weight:700}.crossui-renderer__boundary-detail{margin:0;font-size:.9rem}:root{--cui-color-white:#fff;--cui-color-black:#000;--cui-color-shell-bg:#1a1e24;--cui-color-shell-border:#30363d;--cui-color-shell-text:#e6edf3;--cui-color-shell-muted:#8b949e;--cui-color-gray-50:#f6f8fa;--cui-color-gray-100:#eef1f4;--cui-color-gray-200:#d0d7de;--cui-color-gray-300:#c9d1d9;--cui-color-gray-400:#afb8c1;--cui-color-gray-500:#8b949e;--cui-color-gray-600:#6e7781;--cui-color-gray-700:#57606a;--cui-color-gray-800:#30363d;--cui-color-accent:#1f6feb;--cui-color-accent-hover:#1158c7;--cui-color-accent-subtle:#ddf4ff;--cui-color-danger:#d1242f;--cui-color-danger-text:#b00020;--cui-color-danger-bg:#fff5f5;--cui-color-danger-border:#f0b7b7;--cui-color-warning-text:#9a6700;--cui-color-success-text:#1a7f37;--cui-color-surface:var(--cui-color-white);--cui-color-page-bg:var(--cui-color-gray-50);--cui-color-text:#1f2328;--cui-color-text-muted:#656d76;--cui-brand-react:#61dafb;--cui-brand-vue:#42b883;--cui-brand-angular:#dd0031;--cui-font-family:system-ui, -apple-system, "Segoe UI", sans-serif;--cui-font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--cui-font-size-xs:.72rem;--cui-font-size-sm:.82rem;--cui-font-size-base:.95rem;--cui-font-size-md:1rem;--cui-font-size-lg:1.125rem;--cui-font-size-xl:1.25rem;--cui-font-size-2xl:1.5rem;--cui-font-weight-normal:400;--cui-font-weight-medium:500;--cui-font-weight-semibold:600;--cui-font-weight-bold:700;--cui-line-height:1.5;--cui-space-1:.125rem;--cui-space-2:.25rem;--cui-space-3:.35rem;--cui-space-4:.5rem;--cui-space-5:.6rem;--cui-space-6:.75rem;--cui-space-8:1rem;--cui-space-10:1.25rem;--cui-space-12:1.5rem;--cui-radius-sm:6px;--cui-radius-md:8px;--cui-radius-lg:10px;--cui-radius-pill:999px;--cui-shadow-sm:0 1px 3px #1b1f2414;--cui-shadow-md:0 4px 12px #1b1f241f;--cui-shadow-lg:0 8px 24px #1b1f2433;--cui-border-default:1px solid var(--cui-color-gray-200);--cui-transition-fast:.15s ease;--cui-max-width:1100px;--cui-max-width-narrow:960px}@media (prefers-reduced-motion:reduce){:root{--cui-transition-fast:0s}}body{background:var(--cui-color-page-bg);color:var(--cui-color-text);font-family:var(--cui-font-family);line-height:var(--cui-line-height);margin:0}.studio{max-width:1500px;padding:var(--cui-space-12);box-sizing:border-box;margin:0 auto}.studio--error{gap:var(--cui-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.showcase-header{z-index:50;gap:var(--cui-space-6);padding:var(--cui-space-6) var(--cui-space-10);margin:calc(-1 * var(--cui-space-12)) calc(-1 * var(--cui-space-12)) var(--cui-space-12);background:var(--cui-color-surface);color:var(--cui-color-text);border-bottom:var(--cui-border-default);box-shadow:var(--cui-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.showcase-header__left{align-items:baseline;gap:var(--cui-space-6);flex-wrap:wrap;display:flex}.showcase-header__title{font-size:var(--cui-font-size-xl);font-weight:var(--cui-font-weight-semibold);color:var(--cui-color-text);margin:0}.showcase-header__badge{font-size:var(--cui-font-size-xs);padding:.12rem var(--cui-space-4);border-radius:var(--cui-radius-pill);background:var(--cui-color-accent-subtle);color:var(--cui-color-accent-hover);letter-spacing:.02em}.presentation-navigation{align-self:stretch;gap:var(--cui-space-8);align-items:center;display:flex}.presentation-navigation__item{padding:0 var(--cui-space-2);color:var(--cui-color-text-muted);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer;background:0 0;border:0;align-self:stretch;line-height:2.25rem;position:relative}.presentation-navigation__item:after{right:0;bottom:calc(-1 * var(--cui-space-6));content:"";background:0 0;height:2px;position:absolute;left:0}.presentation-navigation__item:hover{color:var(--cui-color-text)}.presentation-navigation__item--active{color:var(--cui-color-accent)}.presentation-navigation__item--active:after{background:var(--cui-color-accent)}.showcase-header__nav{gap:var(--cui-space-3);flex-wrap:wrap;display:flex}.showcase-header__tab{padding:.3rem var(--cui-space-6);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-sm);font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-medium);color:var(--cui-color-text-muted);cursor:pointer;transition:background var(--cui-transition-fast), color var(--cui-transition-fast), border-color var(--cui-transition-fast);background:0 0;text-decoration:none;display:inline-block}.showcase-header__tab:hover{background:var(--cui-color-gray-50);color:var(--cui-color-text);border-color:var(--cui-color-gray-300)}.showcase-header__tab--active{background:var(--cui-color-accent);border-color:var(--cui-color-accent);color:var(--cui-color-white);cursor:default}.showcase-header__tab--active:hover{background:var(--cui-color-accent);border-color:var(--cui-color-accent);color:var(--cui-color-white)}@media (width<=600px){.showcase-header{align-items:flex-start;gap:var(--cui-space-4);flex-direction:column}.showcase-header__nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;overflow-x:auto}.presentation-navigation{border-top:1px solid var(--cui-color-gray-100);order:3;width:100%;min-height:2.25rem}.presentation-navigation__item:after{bottom:0}.showcase-header__tab{flex-shrink:0}}.presentation-navigation__item:focus-visible,.showcase-header__tab:focus-visible,.components-overview a:focus-visible,.components-overview button:focus-visible,.data-table-detail button:focus-visible,.frameworks-overview a:focus-visible,.frameworks-overview button:focus-visible{outline:2px solid var(--cui-color-accent);outline-offset:2px}.studio__error{color:var(--cui-color-danger-text);font-weight:var(--cui-font-weight-semibold)}.studio__intro{margin:var(--cui-space-6) 0;font-size:var(--cui-font-size-base);opacity:.8}.studio__grid{gap:var(--cui-space-10);grid-template-columns:1fr 22rem;align-items:start;display:grid}.studio__preview,.studio__aside{min-width:0}.studio__section-title{margin:var(--cui-space-4) 0;font-size:var(--cui-font-size-lg)}.studio__aside{gap:var(--cui-space-8);flex-direction:column;display:flex}@media (width<=1279px){.studio__grid{grid-template-columns:1fr}.studio__aside{gap:var(--cui-space-8);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}}@media (width<=767px){.studio{padding:var(--cui-space-6)}.studio__aside{grid-template-columns:1fr}}.studio-schema,.studio-status{border:var(--cui-border-default);border-radius:var(--cui-radius-md);padding:var(--cui-space-8);background:var(--cui-color-surface)}.studio-schema__title,.studio-status__title{margin:0 0 var(--cui-space-4);font-size:var(--cui-font-size-lg)}.studio-schema__subtitle{margin:var(--cui-space-6) 0 var(--cui-space-2);font-size:var(--cui-font-size-base)}.studio-schema__code{padding:var(--cui-space-5);border-radius:var(--cui-radius-sm);background:var(--cui-color-gray-50);font-size:.8rem;font-family:var(--cui-font-family-mono);margin:0;overflow-x:auto}.studio-schema__meta{gap:var(--cui-space-2) var(--cui-space-6);grid-template-columns:auto 1fr;margin:0;display:grid}.studio-schema__nodes{margin:var(--cui-space-2) 0 0;padding-left:1.1rem;font-size:.85rem}.studio-status__revision{margin:0 0 var(--cui-space-4)}.studio-status__sources{margin:0;padding-left:1.1rem;font-size:.85rem}.studio-status__error{margin:var(--cui-space-4) 0 0;color:var(--cui-color-danger-text);font-size:.85rem}.studio__prompt{margin:var(--cui-space-8) 0 var(--cui-space-10);padding:var(--cui-space-8);border:var(--cui-border-default);border-radius:var(--cui-radius-md);background:var(--cui-color-surface)}.studio-workbench{min-width:0}.studio-workbench--ready{gap:var(--cui-space-8);margin:var(--cui-space-8) 0;grid-template-columns:minmax(14rem,.7fr) minmax(30rem,1.65fr) minmax(18rem,.85fr);align-items:start;display:grid}.studio-workbench--ready .studio__prompt{top:var(--cui-space-6);margin:0;position:sticky}.studio-workbench__control,.studio-workbench__preview,.studio-workbench__evidence{min-width:0}.studio-workbench__preview,.studio-workbench__evidence{padding:var(--cui-space-8);border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm)}.studio-workbench__section-heading{gap:var(--cui-space-4);margin-bottom:var(--cui-space-6);justify-content:space-between;align-items:flex-start;display:flex}.studio-workbench__section-heading h2{font-size:var(--cui-font-size-lg);margin:0}.studio-workbench__section-heading>span{padding:.12rem var(--cui-space-4);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-pill);background:var(--cui-color-gray-50);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs);flex-shrink:0}.studio-workbench__eyebrow{margin:0 0 var(--cui-space-2);color:var(--cui-color-accent);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.studio-workbench__control>.studio-workbench__eyebrow{margin-bottom:var(--cui-space-5)}.studio-workbench__evidence-note{margin:calc(-1 * var(--cui-space-2)) 0 var(--cui-space-6);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}@media (width<=1220px){.studio-workbench--ready{grid-template-columns:minmax(14rem,.65fr) minmax(0,1.6fr)}.studio-workbench__evidence{grid-column:1/-1}}@media (width<=860px){.studio-workbench--ready{grid-template-columns:minmax(0,1fr)}.studio-workbench--ready .studio__prompt{position:static}.studio-workbench__evidence{grid-column:auto}}.studio__prompt-label{margin-bottom:var(--cui-space-4);font-size:var(--cui-font-size-base);font-weight:var(--cui-font-weight-semibold);display:block}.studio__prompt-input{width:100%;padding:var(--cui-space-5);border:1px solid var(--cui-color-gray-300);border-radius:var(--cui-radius-sm);resize:vertical;box-sizing:border-box;background:var(--cui-color-surface);color:var(--cui-color-text);font-family:inherit;font-size:.9rem}.studio__prompt-input:focus{outline:2px solid var(--cui-color-accent);outline-offset:-1px}.studio__prompt-input:disabled{opacity:.6;background:var(--cui-color-gray-50)}.studio__prompt-actions{gap:var(--cui-space-6);margin-top:var(--cui-space-5);flex-wrap:wrap;align-items:center;display:flex}.studio__generate-btn{border-radius:var(--cui-radius-sm);background:var(--cui-color-accent);color:var(--cui-color-white);font-size:.9rem;font-weight:var(--cui-font-weight-semibold);cursor:pointer;border:none;padding:.45rem 1.25rem}.studio__generate-btn:hover:not(:disabled){background:var(--cui-color-accent-hover)}.studio__generate-btn:disabled{opacity:.5;cursor:not-allowed}.studio__fixture-label{color:var(--cui-color-text-muted);font-size:.8rem}.studio__shortcut-hint{color:var(--cui-color-gray-500);font-size:.78rem}.studio__generating{margin:var(--cui-space-5) 0 0;color:var(--cui-color-accent);font-size:.9rem}.studio__hint{margin:var(--cui-space-5) 0 0;color:var(--cui-color-text-muted);font-size:.85rem;font-style:italic}.studio__validation-errors{margin-top:var(--cui-space-6);padding:var(--cui-space-6);border:1px solid var(--cui-color-danger-border);border-radius:var(--cui-radius-sm);background:#fff0f0}.studio__validation-title{margin:0 0 var(--cui-space-4);font-size:var(--cui-font-size-base);color:var(--cui-color-danger-text)}.studio__validation-list{padding-left:var(--cui-space-10);margin:0;list-style:outside}.studio__validation-item{margin-bottom:.3rem;font-size:.85rem}.studio__validation-code{padding:.05rem var(--cui-space-3);color:var(--cui-color-danger-text);background:#f6e8e8;border-radius:3px;font-size:.8rem;display:inline-block}.studio__validation-message{margin-left:var(--cui-space-3)}.studio__validation-path{margin-left:var(--cui-space-3);color:var(--cui-color-text-muted);font-size:.78rem;display:block}.studio-events{border:var(--cui-border-default);border-radius:var(--cui-radius-md);padding:var(--cui-space-8);background:var(--cui-color-surface)}.studio-events__title{margin:0 0 var(--cui-space-4);font-size:var(--cui-font-size-lg)}.studio-events__empty{color:var(--cui-color-text-muted);margin:0;font-size:.85rem}.studio-events__list{max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.studio-events__item{gap:var(--cui-space-3);border-bottom:1px solid #f0f0f0;align-items:baseline;padding:.2rem 0;font-size:.78rem;display:flex}.studio-events__item:last-child{border-bottom:none}.studio-events__type{font-weight:var(--cui-font-weight-semibold);flex-shrink:0;min-width:4.5rem}.studio-events__item--state\\.changed .studio-events__type{color:var(--cui-color-accent)}.studio-events__item--action\\.started .studio-events__type{color:var(--cui-color-warning-text)}.studio-events__item--action\\.succeeded .studio-events__type{color:var(--cui-color-success-text)}.studio-events__item--action\\.failed .studio-events__type{color:var(--cui-color-danger-text)}.studio-events__item--runtime\\.disposed .studio-events__type{color:var(--cui-color-text-muted)}.studio-events__revision{font-size:var(--cui-font-size-xs);color:var(--cui-color-gray-500)}.studio-events__action{font-size:.75rem}.studio-events__path{font-size:var(--cui-font-size-xs);color:var(--cui-color-text-muted)}.studio-events__error{font-size:var(--cui-font-size-xs);color:var(--cui-color-danger-text)}.studio-confirm{z-index:100;background:#1b1f2473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.studio-confirm__panel{background:var(--cui-color-surface);border-radius:var(--cui-radius-lg);padding:var(--cui-space-10);width:calc(100% - 2rem);max-width:26rem;box-shadow:var(--cui-shadow-lg)}.studio-confirm__title{margin:0 0 var(--cui-space-4);font-size:var(--cui-font-size-lg)}.studio-confirm__desc{margin:0 0 var(--cui-space-8);font-size:var(--cui-font-size-base)}.studio-confirm__actions{justify-content:flex-end;gap:var(--cui-space-4);display:flex}.studio__prompt-examples{gap:var(--cui-space-3);margin-top:var(--cui-space-5);flex-wrap:wrap;align-items:center;display:flex}.studio__prompt-examples-label{color:var(--cui-color-text-muted);font-size:.8rem}.studio__prompt-example-btn{border:1px solid var(--cui-color-gray-300);border-radius:var(--cui-radius-sm);background:var(--cui-color-gray-50);color:var(--cui-color-text-muted);cursor:pointer;padding:.2rem .6rem;font-size:.8rem}.studio__prompt-example-btn:hover:not(:disabled){background:var(--cui-color-accent-subtle);border-color:var(--cui-color-accent);color:var(--cui-color-accent)}.studio__prompt-example-btn:disabled{opacity:.5;cursor:not-allowed}.showcase-hero{margin:var(--cui-space-8) 0 var(--cui-space-10);padding:var(--cui-space-12);border:var(--cui-border-default);border-radius:var(--cui-radius-md);background:var(--cui-color-surface);text-align:center}.showcase-hero__tagline{margin-bottom:var(--cui-space-10)}.showcase-hero__main{margin:0 0 var(--cui-space-8);font-size:1.75rem;font-weight:var(--cui-font-weight-bold);color:var(--cui-color-accent);line-height:1.3}.showcase-hero__sub{margin:0 auto var(--cui-space-8);max-width:36rem;font-size:var(--cui-font-size-base);color:var(--cui-color-text-muted);line-height:1.6}.showcase-hero__trust{gap:var(--cui-space-4);flex-wrap:wrap;justify-content:center;display:flex}.showcase-hero__trust-tag{border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-pill);font-size:var(--cui-font-size-xs);color:var(--cui-color-text-muted);background:var(--cui-color-gray-50);padding:.15rem .65rem}.showcase-hero__chain{gap:var(--cui-space-3);color:var(--cui-color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.showcase-hero__chain-node{border-radius:var(--cui-radius-sm);background:var(--cui-color-gray-100);font-size:var(--cui-font-size-sm);font-family:var(--cui-font-family-mono);padding:.3rem .7rem}.showcase-hero__chain-arrow{font-size:var(--cui-font-size-sm);color:var(--cui-color-gray-400)}@media (width<=767px){.showcase-hero__main{font-size:var(--cui-font-size-2xl)}.showcase-hero__chain{gap:var(--cui-space-2)}}.studio__preview-canvas{min-width:0;min-height:100px;margin:0}.showcase-tabs{margin:0}.showcase-tabs__nav{border-bottom:2px solid var(--cui-color-gray-200);margin-bottom:var(--cui-space-8);gap:0;display:flex}.showcase-tabs__tab{padding:var(--cui-space-4) var(--cui-space-8);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-medium);cursor:pointer;transition:color var(--cui-transition-fast), border-color var(--cui-transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.showcase-tabs__tab:hover{color:var(--cui-color-text)}.showcase-tabs__tab--active{color:var(--cui-color-accent);border-bottom-color:var(--cui-color-accent)}.showcase-tabs__panel[hidden]{display:none}.showcase-tabs__panel .studio-schema,.showcase-tabs__panel .studio-status,.showcase-tabs__panel .studio-events{background:0 0;border:none;padding:0}.showcase-tabs__panel{overflow-wrap:anywhere;min-width:0}.frameworks-overview{margin:var(--cui-space-8) 0}.frameworks-overview__hero{max-width:48rem;margin:0 auto var(--cui-space-12);text-align:center}.frameworks-overview__eyebrow,.frameworks-overview__host-type,.frameworks-overview__boundary-label{margin:0 0 var(--cui-space-3);color:var(--cui-color-accent);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.frameworks-overview__hero h2{margin:0 0 var(--cui-space-5);font-size:var(--cui-font-size-2xl)}.frameworks-overview__hero>p:last-child,.frameworks-overview__card>p,.frameworks-overview__boundary>p{color:var(--cui-color-text-muted)}.frameworks-overview__cards{gap:var(--cui-space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.frameworks-overview__card{min-width:0;min-height:16rem;padding:var(--cui-space-10);border:var(--cui-border-default);border-top:3px solid var(--cui-color-accent);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm);flex-direction:column;display:flex}.frameworks-overview__card-header{gap:var(--cui-space-5);margin-bottom:var(--cui-space-5);align-items:center;display:flex}.frameworks-overview__framework-mark{border-radius:var(--cui-radius-md);background:var(--cui-color-accent-subtle);width:2.5rem;height:2.5rem;color:var(--cui-color-accent);font-weight:var(--cui-font-weight-bold);flex-shrink:0;place-items:center;display:grid}.frameworks-overview__host-type{margin-bottom:0}.frameworks-overview__card h3{margin:var(--cui-space-1) 0 0;font-size:var(--cui-font-size-xl)}.frameworks-overview__card>p{margin:0 0 var(--cui-space-8)}.frameworks-overview__action{width:fit-content;padding:.45rem var(--cui-space-8);border:1px solid var(--cui-color-accent);border-radius:var(--cui-radius-sm);background:var(--cui-color-accent);color:var(--cui-color-white);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer;justify-content:center;align-items:center;margin-top:auto;text-decoration:none;display:inline-flex}.frameworks-overview__action:hover{background:var(--cui-color-accent-hover);border-color:var(--cui-color-accent-hover)}.frameworks-overview__boundary{gap:var(--cui-space-10);margin-top:var(--cui-space-10);padding:var(--cui-space-8) var(--cui-space-10);border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-gray-50);grid-template-columns:minmax(0,1fr) minmax(18rem,1fr);align-items:center;display:grid}.frameworks-overview__boundary ul{gap:var(--cui-space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.frameworks-overview__boundary li{padding:.14rem var(--cui-space-4);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-pill);background:var(--cui-color-surface);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}.frameworks-overview__boundary>p{font-size:var(--cui-font-size-sm);margin:0}.frameworks-overview__fixture-disclosure{margin:var(--cui-space-8) 0 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs);text-align:center}@media (width<=900px){.frameworks-overview__cards{grid-template-columns:1fr}.frameworks-overview__card{min-height:auto}.frameworks-overview__boundary{grid-template-columns:1fr}}.components-overview{margin:var(--cui-space-8) 0}.components-overview__layout{gap:var(--cui-space-12);grid-template-columns:12.5rem minmax(0,1fr);align-items:start;display:grid}.components-overview__sidebar{top:var(--cui-space-8);padding:var(--cui-space-8);border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm);position:sticky}.components-overview__sidebar-title{margin:0 0 var(--cui-space-6);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.components-overview__sidebar nav{gap:var(--cui-space-2);flex-direction:column;display:flex}.components-overview__category-link{gap:var(--cui-space-6);padding:var(--cui-space-5) var(--cui-space-6);border-radius:var(--cui-radius-sm);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-medium);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.components-overview__category-link:first-child,.components-overview__category-link:hover{background:var(--cui-color-accent-subtle);color:var(--cui-color-accent-hover)}.components-overview__boundary{margin-top:var(--cui-space-10);padding:var(--cui-space-6);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-md);background:var(--cui-color-gray-50);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}.components-overview__boundary strong{color:var(--cui-color-text)}.components-overview__boundary p{margin:var(--cui-space-3) 0 0}.components-overview__main{min-width:0}.components-overview__hero{gap:var(--cui-space-10);margin-bottom:var(--cui-space-10);justify-content:space-between;align-items:flex-start;display:flex}.components-overview__eyebrow{margin:0 0 var(--cui-space-2);color:var(--cui-color-accent);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.components-overview__hero h2{font-size:var(--cui-font-size-2xl);margin:0}.components-overview__hero p:last-child{max-width:40rem;margin:var(--cui-space-3) 0 0;color:var(--cui-color-text-muted)}.components-overview__framework{padding:var(--cui-space-3) var(--cui-space-6);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-pill);background:var(--cui-color-surface);color:var(--cui-color-accent-hover);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-semibold);flex-shrink:0}.components-overview__runtime-evidence{gap:var(--cui-space-10);margin-bottom:var(--cui-space-12);padding:var(--cui-space-8);border-radius:var(--cui-radius-lg);background:var(--cui-color-accent-subtle);border:1px solid #b6d7ff;justify-content:space-between;align-items:center;display:flex}.components-overview__runtime-evidence strong{font-size:var(--cui-font-size-sm)}.components-overview__runtime-evidence p{margin:var(--cui-space-2) 0 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}.components-overview__runtime-dot{width:.5rem;height:.5rem;margin-right:var(--cui-space-4);background:var(--cui-color-gray-400);border-radius:50%;display:inline-block}.components-overview__runtime-dot--ready{background:var(--cui-color-success-text)}.components-overview__studio-button{padding:var(--cui-space-4) var(--cui-space-8);border:1px solid var(--cui-color-accent);border-radius:var(--cui-radius-sm);background:var(--cui-color-accent);color:var(--cui-color-white);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer;flex-shrink:0}.components-overview__studio-button:hover{border-color:var(--cui-color-accent-hover);background:var(--cui-color-accent-hover)}.components-overview__groups{gap:var(--cui-space-12);flex-direction:column;display:flex}.components-overview__group{scroll-margin-top:var(--cui-space-8)}.components-overview__group-header{margin-bottom:var(--cui-space-6)}.components-overview__group-header h2{font-size:var(--cui-font-size-lg);margin:0}.components-overview__group-header p{margin:var(--cui-space-2) 0 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm)}.components-overview__grid{gap:var(--cui-space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-showcase-card{min-width:0;min-height:9rem;padding:var(--cui-space-8);border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm)}.component-showcase-card__header{gap:var(--cui-space-6);align-items:flex-start;display:flex}.component-showcase-card__index{background:var(--cui-color-accent-subtle);width:1.6rem;height:1.6rem;color:var(--cui-color-accent);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);border-radius:50%;flex:0 0 1.6rem;justify-content:center;align-items:center;display:inline-flex}.component-showcase-card__title{font-size:var(--cui-font-size-base);margin:0}.component-showcase-card__type{margin-top:var(--cui-space-1);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs);display:block}.component-showcase-card__description{min-height:2.5rem;margin:var(--cui-space-6) 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm)}.component-showcase-card__capabilities{gap:var(--cui-space-3);flex-wrap:wrap;display:flex}.component-showcase-card__capability{padding:var(--cui-space-1) var(--cui-space-4);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-pill);background:var(--cui-color-gray-50);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}.component-showcase-card__detail{margin-top:var(--cui-space-6);color:var(--cui-color-accent);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer;background:0 0;border:0;padding:0}.component-showcase-card__detail:hover{color:var(--cui-color-accent-hover);text-decoration:underline}.components-overview__fixture-disclosure{margin:var(--cui-space-12) 0 0;padding:var(--cui-space-6) var(--cui-space-8);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-md);background:var(--cui-color-surface);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}.data-table-detail{margin:var(--cui-space-8) 0}.data-table-detail__breadcrumb{gap:var(--cui-space-3);margin-bottom:var(--cui-space-6);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm);flex-wrap:wrap;align-items:center;display:flex}.data-table-detail__breadcrumb button,.data-table-detail__back{color:var(--cui-color-accent);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.data-table-detail__breadcrumb button:hover,.data-table-detail__back:hover{color:var(--cui-color-accent-hover);text-decoration:underline}.data-table-detail__hero{gap:var(--cui-space-10);margin-bottom:var(--cui-space-10);justify-content:space-between;align-items:flex-start;display:flex}.data-table-detail__eyebrow{margin:0 0 var(--cui-space-2);color:var(--cui-color-accent);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.data-table-detail__hero h2,.data-table-detail__empty h2{font-size:var(--cui-font-size-2xl);margin:0}.data-table-detail__hero p:last-child,.data-table-detail__empty p{max-width:48rem;margin:var(--cui-space-3) 0 0;color:var(--cui-color-text-muted)}.data-table-detail__layout{gap:var(--cui-space-10);grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);align-items:start;display:grid}.data-table-detail__main,.data-table-detail__fields{border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);min-width:0;box-shadow:var(--cui-shadow-sm)}.data-table-detail__tabs{gap:var(--cui-space-8);padding:0 var(--cui-space-8);border-bottom:1px solid var(--cui-color-gray-200);display:flex}.data-table-detail__tabs button{padding:var(--cui-space-6) var(--cui-space-2);color:var(--cui-color-text-muted);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.data-table-detail__tabs button:hover,.data-table-detail__tab--active{color:var(--cui-color-accent)}.data-table-detail__tab--active{border-bottom-color:var(--cui-color-accent)!important}.data-table-detail__panel[hidden]{display:none}.data-table-detail__preview,.data-table-detail__schema,.data-table-detail__fields{padding:var(--cui-space-8)}.data-table-detail__preview{overflow-x:auto}.data-table-detail__schema h3,.data-table-detail__fields h3{font-size:var(--cui-font-size-base);margin:0}.data-table-detail__schema dl,.data-table-detail__fields dl{gap:var(--cui-space-4) var(--cui-space-6);margin:var(--cui-space-8) 0 0;grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr);display:grid}.data-table-detail__schema dt,.data-table-detail__fields dt{font-family:var(--cui-font-family-mono);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold)}.data-table-detail__schema dd,.data-table-detail__fields dd{min-width:0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm);margin:0}.data-table-detail__schema ul{gap:var(--cui-space-2);padding-left:var(--cui-space-6);margin:0;display:grid}.data-table-detail__schema dd span+span:before{content:"、"}.data-table-detail__fields>p{margin:var(--cui-space-3) 0 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm)}.data-table-detail__empty{max-width:42rem;padding:var(--cui-space-12);border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm)}.data-table-detail__studio-button{margin-top:var(--cui-space-8);padding:var(--cui-space-4) var(--cui-space-8);border:1px solid var(--cui-color-accent);border-radius:var(--cui-radius-sm);background:var(--cui-color-accent);color:var(--cui-color-white);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer}.data-table-detail__studio-button:hover{border-color:var(--cui-color-accent-hover);background:var(--cui-color-accent-hover)}@media (width<=900px){.components-overview__layout{grid-template-columns:1fr}.components-overview__sidebar{position:static}.components-overview__sidebar nav{flex-flow:wrap}.components-overview__category-link{flex:8rem}.components-overview__boundary{margin-top:var(--cui-space-6)}.data-table-detail__layout{grid-template-columns:1fr}}@media (width<=600px){.components-overview__hero,.components-overview__runtime-evidence{flex-direction:column;align-items:stretch}.components-overview__framework{align-self:flex-start}.components-overview__grid{grid-template-columns:1fr}.data-table-detail__hero{flex-direction:column;align-items:stretch}.data-table-detail__back{align-self:flex-start}.data-table-detail__schema dl,.data-table-detail__fields dl{gap:var(--cui-space-2);grid-template-columns:1fr}.data-table-detail__schema dd+dt,.data-table-detail__fields dd+dt{margin-top:var(--cui-space-4)}}@media (width<=390px){.studio{padding:var(--cui-space-6);max-width:100%;overflow-x:clip}.studio__prompt-actions{flex-direction:column;align-items:stretch}.studio__grid{overflow-x:clip}}.project-home,.framework-preview{margin:var(--cui-space-8) 0}.studio--framework-preview{max-width:var(--cui-max-width);padding:0 var(--cui-space-12) var(--cui-space-12)}.studio--framework-preview .showcase-header{margin:0 calc(-1 * var(--cui-space-12)) var(--cui-space-12)}.project-home__hero,.project-home__chain,.project-home__frameworks,.framework-preview__introduction,.framework-preview__canvas-section{padding:var(--cui-space-10);border:var(--cui-border-default);border-radius:var(--cui-radius-lg);background:var(--cui-color-surface);box-shadow:var(--cui-shadow-sm)}.framework-preview{max-width:var(--cui-max-width);margin-left:auto;margin-right:auto}.project-home__hero{max-width:52rem;margin:0 auto var(--cui-space-10);text-align:center}.project-home__eyebrow,.framework-preview__eyebrow{margin:0 0 var(--cui-space-3);color:var(--cui-color-accent);font-size:var(--cui-font-size-xs);font-weight:var(--cui-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.project-home__hero h2,.project-home__frameworks h3,.framework-preview__introduction h2,.framework-preview__canvas-heading h2{font-size:var(--cui-font-size-2xl);margin:0}.project-home__summary,.framework-preview__description{max-width:46rem;margin:var(--cui-space-5) auto 0;color:var(--cui-color-text-muted)}.project-home__actions{gap:var(--cui-space-4);margin-top:var(--cui-space-8);flex-wrap:wrap;justify-content:center;display:flex}.project-home__primary-action,.project-home__secondary-action{padding:.5rem var(--cui-space-8);border-radius:var(--cui-radius-sm);font:inherit;font-size:var(--cui-font-size-sm);font-weight:var(--cui-font-weight-semibold);cursor:pointer}.project-home__primary-action{border:1px solid var(--cui-color-accent);background:var(--cui-color-accent);color:var(--cui-color-white)}.project-home__secondary-action{border:var(--cui-border-default);background:var(--cui-color-surface);color:var(--cui-color-text)}.project-home__chain{margin-bottom:var(--cui-space-10)}.project-home__chain h3{margin:0 0 var(--cui-space-6);font-size:var(--cui-font-size-base)}.project-home__chain ol{gap:var(--cui-space-3);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.project-home__chain li:not([aria-hidden=true]){padding:.3rem var(--cui-space-6);border-radius:var(--cui-radius-sm);background:var(--cui-color-gray-100);font-family:var(--cui-font-family-mono);font-size:var(--cui-font-size-sm)}.project-home__chain li[aria-hidden=true]{color:var(--cui-color-text-muted)}.project-home__framework-grid{gap:var(--cui-space-6);margin-top:var(--cui-space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-home__framework-grid article{min-width:0;padding:var(--cui-space-6);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-md);background:var(--cui-color-gray-50)}.project-home__framework-grid h4{font-size:var(--cui-font-size-base);margin:0}.project-home__framework-grid p{margin:var(--cui-space-3) 0 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm)}.framework-preview__introduction{gap:var(--cui-space-10);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.framework-preview__description{margin-left:0}.framework-preview__trust{gap:var(--cui-space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.framework-preview__trust span,.framework-preview__canvas-heading>span{padding:.12rem var(--cui-space-4);border:1px solid var(--cui-color-gray-200);border-radius:var(--cui-radius-pill);background:var(--cui-color-gray-50);color:var(--cui-color-text-muted);font-size:var(--cui-font-size-xs)}.framework-preview__current,.framework-preview__loading,.framework-preview__error{margin:var(--cui-space-5) 0;color:var(--cui-color-text-muted);font-size:var(--cui-font-size-sm)}.framework-preview__error{color:var(--cui-color-danger-text);font-weight:var(--cui-font-weight-semibold)}.framework-preview__canvas-section{margin-top:var(--cui-space-8)}.framework-preview__canvas-heading{gap:var(--cui-space-4);margin-bottom:var(--cui-space-8);justify-content:space-between;align-items:flex-start;display:flex}.framework-preview__canvas-heading h2{font-size:var(--cui-font-size-lg)}.framework-preview__canvas{min-width:0}.project-home button:focus-visible,.framework-preview a:focus-visible{outline:2px solid var(--cui-color-accent);outline-offset:2px}@media (width<=900px){.project-home__framework-grid,.framework-preview__introduction{grid-template-columns:1fr}.framework-preview__trust{justify-content:flex-start}}@media (width<=600px){.studio--framework-preview{padding:0 var(--cui-space-6) var(--cui-space-6)}.studio--framework-preview .showcase-header{margin-right:calc(-1 * var(--cui-space-6));margin-left:calc(-1 * var(--cui-space-6))}.project-home__hero,.project-home__chain,.project-home__frameworks,.framework-preview__introduction,.framework-preview__canvas-section{padding:var(--cui-space-8)}.framework-preview__canvas-heading{flex-direction:column}}