.generic-demo{min-width:0;width:100%}.generic-demo p{line-height:1.7}.generic-demo-status{margin-block:16px 0;color:var(--ai-muted);font-size:13px}.generic-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.generic-demo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-block:16px}.generic-demo-form{display:grid;gap:8px;margin-top:16px}.generic-demo-input{min-width:0;min-height:40px;padding:10px 12px;color:var(--ai-text);background:var(--ai-surface);border:var(--ai-border-width,1px) solid var(--ai-control-border);border-radius:var(--ai-control-radius);font:inherit}.generic-modal-reading{max-height:55vh;overflow:auto}.generic-sidecar-demo{position:relative;min-height:180px}.generic-workspace-nav{display:flex;flex-wrap:wrap;gap:8px}.generic-split-container{height:360px;min-width:0}.generic-pane-content{padding:16px;overflow-wrap:anywhere}.api-props{display:grid;gap:16px;margin-block:20px 0}.api-props dt{display:flex;flex-wrap:wrap;gap:4px 12px}.api-props dt>code:first-child{font-weight:600}.api-props code{white-space:normal;overflow-wrap:anywhere}.api-props dd{margin:6px 0 0;color:var(--ai-muted);line-height:1.7}.component-guidance,.renderer-dependencies{max-width:76ch;line-height:1.7;overflow-wrap:anywhere}.explorer-site .brand{text-decoration:none}.explorer-site .site-header{gap:20px}.appearance-toggle{display:grid;place-items:center;min-width:40px;min-height:40px;padding:8px;border:var(--ai-border-width,1px) solid var(--ai-border);border-radius:var(--ai-control-radius);background:var(--ai-surface);color:var(--ai-text)}.explorer-sidebar{width:280px;flex-basis:280px;padding:20px 16px 0;overflow:hidden}.workspace-nav{padding-bottom:18px;border-bottom:var(--ai-border-width,1px) solid var(--ai-border)}.explorer-sidebar .nav-main{font-size:13px!important;text-decoration:none;min-height:40px}.explorer-sidebar .nav-main>span{margin:0;font-size:inherit}.explorer-sidebar .nav-main small{margin-inline-start:auto;font-size:12px}.library-search{padding:20px 0 8px;display:grid;gap:12px}.explorer-sidebar .search-field{width:100%;min-height:40px}.explorer-sidebar .search-field input{font-size:13px!important}.library-count{margin:0;padding-inline:4px;font-size:12px;color:var(--ai-muted);overflow-wrap:anywhere}.explorer-library{flex:1;min-height:0;overflow-y:auto;padding:4px 4px 24px 0;scrollbar-gutter:stable}.component-group{margin:0 0 20px}.component-group h2{margin:14px 10px 6px;font-size:12px;font-weight:600;color:var(--ai-muted)}.component-link{display:block;padding:9px 10px;min-height:38px;color:var(--ai-text);font-size:13px;line-height:1.5;text-decoration:none;border:1px solid transparent;border-radius:6px;overflow-wrap:anywhere}.component-link:hover{background:var(--ai-surface-subtle)}.component-link small{display:block;margin-top:3px;color:var(--ai-muted);font-size:11px}.catalog-group-label{display:flex;align-items:center;gap:12px}.catalog-group-label small{color:var(--ai-muted);font-size:11px;font-weight:400}.catalog-groups,.catalog-groups h2{font-size:13px}.catalog-groups h2 button{min-height:44px}.component-group-links{padding-bottom:4px}.section-description{margin:18px 10px;font-size:12px;line-height:1.7;color:var(--ai-muted)}.component-link.active{color:var(--ai-primary-text);background:var(--ai-primary-soft);border-color:var(--ai-primary);font-weight:600}.empty-library{padding:16px 10px;color:var(--ai-muted)}.empty-library button{background:none;border:0;padding:8px 0;color:var(--ai-primary-text);text-decoration:underline}.explorer-main{padding:24px clamp(20px,3vw,48px) 0;max-width:1600px;scroll-margin-top:72px}.explorer-context{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ai-muted);font-size:12px;margin-bottom:20px}.component-pagination{display:flex;gap:16px;flex-shrink:0}.component-pagination a{display:inline-flex;align-items:center;gap:6px;color:var(--ai-text);text-decoration:none;min-height:32px}.component-pagination a:hover{color:var(--ai-primary-text)}.explorer-main .detail-page{max-width:none}.explorer-main .detail-heading{margin:0 0 16px}.detail-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ai-muted)}.detail-kicker .alpha-chip{font-size:11px}.explorer-main .detail-heading h1{margin:8px 0 0;overflow-wrap:anywhere}.explorer-main .detail-heading p{margin:6px 0 0}.explorer-main .detail-toolbar{--ai-control-height:32px;justify-content:flex-start;gap:8px 16px;padding:4px 0 12px;align-items:center}.explorer-main .detail-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ai-muted);min-width:0;flex:0 1 auto}.explorer-main .detail-toolbar label>button{width:auto;min-width:132px;color:var(--ai-text)}.explorer-main .detail-toolbar>button{font-size:12px}.explorer-note{margin:0 0 24px;font-size:12px;color:var(--ai-muted)}.preview-canvas{min-width:0;background:color-mix(in srgb,var(--ai-surface-subtle) 55%,var(--ai-canvas));border:var(--ai-border-width,1px) solid color-mix(in srgb,var(--ai-border) 70%,transparent);border-radius:12px;padding:clamp(16px,2.5vw,32px);min-height:140px}.explorer-main .detail-specimen,.explorer-main .variant-example{min-width:0;width:100%;max-width:none;min-height:0;margin-inline:auto;padding:0;border:0;background:transparent;overflow:visible;height:auto;max-height:none}.explorer-main .detail-specimen .specimen-content,.explorer-main .variant-example .specimen-content{max-width:none}.explorer-main .variant-example{min-height:0}.preview-caption{color:var(--ai-muted);font-size:12px;margin:10px 2px 0}.integration-note{margin-top:32px;padding:20px 0;border-top:var(--ai-border-width,1px) solid var(--ai-border);border-bottom:var(--ai-border-width,1px) solid var(--ai-border)}.integration-note h2{margin:0 0 8px;font-size:14px}.integration-note p{margin:0;color:var(--ai-muted);max-width:85ch;line-height:1.7}.explorer-main .api-section{margin-top:28px}.explorer-main .code-example pre{font-size:13px;padding-bottom:16px}.explorer-main .page-footer{font-size:12px}.sample-host-controls{margin-top:24px;padding-top:16px;border-top:var(--ai-border-width,1px) solid var(--ai-border)}.sample-host-controls p{color:var(--ai-muted);font-size:12px;line-height:1.7;margin:0 0 12px}.sample-host-controls>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.sample-host-count{color:var(--ai-muted);font-size:12px}.explorer-main:focus{outline:none}.explorer-site .mobile-menu{color:var(--ai-text);min-width:40px;min-height:40px}@media (max-width:960px){.explorer-site .mobile-menu{display:grid;place-items:center}.explorer-site .header-divider,.explorer-site .header-label{display:none}.explorer-site .site-body{display:block}.explorer-sidebar{display:none}.explorer-sidebar.is-open{display:flex;position:static;width:100%;height:auto;max-height:calc(100dvh - 64px);overflow-y:auto;padding:20px;box-shadow:none;border-right:0;border-bottom:var(--ai-border-width,1px) solid var(--ai-border)}.explorer-library{overflow:visible;flex:0 0 auto}.explorer-sidebar .component-group{break-inside:avoid}.explorer-sidebar .library-search{max-width:520px}.explorer-main{padding:24px}}@media (max-width:540px){.explorer-site .site-header{gap:10px;padding-inline:12px}.explorer-site .version-label{display:none}.explorer-site .brand{gap:8px;font-size:17px!important}.explorer-main{padding:20px 12px 0}.explorer-context{align-items:flex-start;gap:12px;margin-bottom:24px}.component-pagination{gap:12px}.component-pagination span{display:none}.component-pagination a{min-width:32px;justify-content:center}.explorer-main .detail-toolbar{gap:12px}.explorer-main .detail-toolbar label{flex:1 1 100%;min-width:0}.explorer-main .detail-toolbar label>button{flex:1}.preview-canvas{padding:12px}}@media (pointer:coarse){.appearance-toggle,.component-link,.component-pagination a,.explorer-sidebar .nav-main,.explorer-site .mobile-menu{min-height:44px}.appearance-toggle,.component-pagination a,.explorer-site .mobile-menu{min-width:44px}}.generic-context-target{display:block;padding:28px 20px;border:1px dashed var(--ai-control-border);border-radius:var(--ai-radius);color:var(--ai-text);background:var(--ai-surface);line-height:1.7;overflow-wrap:anywhere}.generic-context-target:focus-visible{outline:2px solid var(--ai-focus);outline-offset:3px}html{--ai-font-family:var(--font-unseen),Arial,sans-serif;--ai-font-size:15px;scrollbar-gutter:stable}body{margin:0;font-family:var(--ai-font-family)}.unseen-web{font-size:15px;line-height:1.6}.web-brand small{font-size:12px}.web-button,.web-docs-nav nav a,.web-nav a{font-size:14px}.web-eyebrow{font-size:13px;line-height:1.5;letter-spacing:.01em;font-weight:500}.missing-page h1,.theme-lead h1,.web-article h1,.web-page-heading h1{font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:600}.explorer-main .detail-heading h1{font-size:clamp(26px,2.4vw,32px);line-height:1.2;letter-spacing:-.02em;font-weight:600}.article-lead,.web-page-heading>p:not(.web-eyebrow){font-size:17px;line-height:1.65;max-width:68ch}.explorer-main .detail-heading p{font-size:15px;line-height:1.6;max-width:68ch}.web-article{font-size:16px;line-height:1.75}.directory-collection>h2,.relay-page h2,.web-article h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;font-weight:600}.web-article h3{font-size:20px;line-height:1.35;letter-spacing:-.015em}.component-signature pre,.explorer-main .code-example pre,.relay-page pre,.relay-page pre code,.web-article pre,.web-article pre code{font-size:14px;line-height:1.7}.relay-page code,.web-article code{font-size:.875em}.docs-links strong{font-size:18px}.collection-note p,.docs-links a>span,.pattern-list p,.relay-page p{font-size:16px;line-height:1.65}.pattern-list h2{font-size:24px;line-height:1.25;letter-spacing:-.025em}.directory-search input{font-size:16px}.directory-count,.directory-filters button,.directory-group h3{font-size:14px}.directory-group strong{font-size:17px;line-height:1.4}.directory-group li a>span{font-size:14px;line-height:1.6}.web-docs-nav p,.web-footer nav a,.web-footer p,.web-footer span{font-size:13px;line-height:1.6}.explorer-sidebar .nav-main,.explorer-sidebar .search-field input{font-size:14px!important}.catalog-group-label,.component-link{font-size:14px}.catalog-group-label small,.component-link small,.detail-kicker,.library-count{font-size:12px}.detail-jump-links,.detail-toolbar,.explorer-context,.explorer-note,.preview-caption{font-size:13px;line-height:1.6}.explorer-main .api-section h2,.integration-note h2{font-size:20px;line-height:1.3;letter-spacing:-.015em}.component-guidance,.component-prop-list,.component-prop-list dd,.integration-note p{font-size:14px;line-height:1.65}.component-prop-list code,.component-prop-list dt>span{font-size:13px}.template-workspace-heading h1{font-size:clamp(30px,3vw,40px);line-height:1.15;letter-spacing:-.03em}.template-workspace-heading p{font-size:16px;line-height:1.65}.theme-editor .theme-lead h1{font-size:clamp(34px,3.5vw,48px)}.theme-lead p,.theme-note{font-size:16px;line-height:1.65}.theme-editor h2{font-size:18px;line-height:1.4}.colour-field,.contrast-report,.editor-label,.theme-editor label{font-size:13px;line-height:1.5}.preset-button,.theme-preview .preview-caption{font-size:12px}@media (max-width:640px){.theme-lead h1,.web-article h1,.web-page-heading h1{font-size:34px}.article-lead,.web-page-heading>p:not(.web-eyebrow){font-size:16px}.directory-collection>h2,.relay-page h2,.web-article h2{font-size:25px}}.preset-row button{font-size:12px}.component-signature h3{font-size:18px}.web-footer-compact{align-items:center;padding:14px 32px;gap:16px}.web-footer-compact>div{display:flex;align-items:center;gap:14px}.web-footer-compact .web-footer-brand{font-size:14px}.web-footer-compact>div>span{font-size:12px}.web-footer-compact nav{align-items:center;gap:20px}@media (max-width:780px){.web-footer-compact{padding:10px 20px;gap:4px}.web-footer-compact nav{gap:4px 12px}}.relay-page li,.relay-page p,.web-article li,.web-article p{max-inline-size:68ch;overflow-wrap:anywhere}.example-loading{display:grid;place-items:center;min-height:min(60vh,520px);margin:0}.detail-specimen .example-loading,.preview-canvas .example-loading{min-height:120px}@media (prefers-reduced-motion:no-preference){main#main-content{animation:page-enter .15s ease-out}}@keyframes page-enter{0%{opacity:0}}.prompt-model-picker{min-height:32px;padding:4px 8px;border-color:transparent;background:transparent;color:var(--ai-muted);font-size:12px}.prompt-model-picker:hover{color:var(--ai-text)}.message-exchange{display:grid;gap:4px}