@import url('/web/deployment-guide.css');
/* One vertical scroll owner: hidden-x computes to auto-y, which trapped wheel
   and touch scrolling on the full-height body when elastic refresh contained it. */
html[data-public-landing]{overflow-x:clip!important;overflow-y:auto!important}
html[data-public-landing] body,html[data-public-landing] .page-shell{overflow-x:clip!important;overflow-y:visible!important;height:auto;max-height:none;overscroll-behavior-y:auto}
html[data-public-landing] #main{min-height:0;height:auto;overflow:visible}
.hub-panel[hidden]{display:none!important}.hub-tabs{position:sticky;top:0;z-index:20;display:flex;gap:5px;width:min(1320px,calc(100% - 48px));margin:12px auto 0;padding:8px;background:color-mix(in srgb,var(--b1x-solid) 94%,transparent);border:1px solid var(--b1x-border);border-radius:16px;backdrop-filter:blur(16px);overflow:auto;scrollbar-width:thin}.hub-tabs button{flex:1;min-height:44px;white-space:nowrap;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--b1x-muted);font:600 12px/1.4 system-ui;padding:10px 18px;cursor:pointer}.hub-tabs button[aria-selected=true]{color:var(--b1x-text);background:var(--b1x-control);border-color:color-mix(in srgb,var(--b1x-accent) 45%,var(--b1x-border));box-shadow:inset 0 -2px var(--b1x-accent)}.hub-tabs button:focus-visible,.hub-section :focus-visible{outline:2px solid var(--b1x-accent);outline-offset:2px}.hub-panel{min-height:60dvh}.hub-section{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:52px 0;color:var(--b1x-text);font:14px/1.65 system-ui}.hub-section h2{font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 18px}.hub-section>p{max-width:780px;color:var(--b1x-muted)}.hub-kicker{font:650 10px/1.5 system-ui!important;letter-spacing:.1em;color:var(--b1x-accent)!important}.hub-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:14px;margin-top:28px}.hub-download-grid article{border:1px solid var(--b1x-border);border-radius:18px;padding:22px;background:var(--b1x-solid);min-width:0}.hub-download-grid h3{font-size:20px;letter-spacing:-.025em}.hub-download-grid p{font-size:13px;color:var(--b1x-muted)}.hub-download{display:block;text-decoration:none;text-align:center;padding:13px;border-radius:10px;background:var(--b1x-control);border:1px solid color-mix(in srgb,var(--b1x-accent) 40%,var(--b1x-border));color:var(--b1x-text);font-size:12px;margin:20px 0 12px}.hub-download[aria-disabled=true]{opacity:.58;cursor:not-allowed;pointer-events:none;border-color:var(--b1x-border);color:var(--b1x-muted)}.hub-download-grid summary{font-size:11px;cursor:pointer}.hub-download-grid code,.hub-information code{display:block;overflow-wrap:anywhere;font-size:11px}.hub-information-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.hub-section button{background:var(--b1x-control);color:inherit;border:1px solid var(--b1x-border);border-radius:9px;padding:10px 14px;cursor:pointer}.hub-information article{border:1px solid var(--b1x-border);border-radius:16px;padding:24px;background:var(--b1x-solid);overflow-wrap:anywhere;max-width:900px}.hub-information article h1{font-size:28px;line-height:1.25}.hub-information article h2{font-size:20px;line-height:1.4;margin-top:26px}.hub-information dd{margin:4px 0 16px;color:var(--b1x-muted)}.hub-panel .hero{padding-top:48px}.hub-panel .hero h1{letter-spacing:-.055em}.hub-panel .hero-product{border-radius:24px}.hub-panel .release-feature-grid article{border-radius:20px;background:var(--b1x-solid)}.hub-panel .creative-card{border-radius:22px}.hub-panel .model-comparison{padding-top:50px}.hub-panel .desktop-feature{margin-bottom:35px}.hub-panel .release-note{margin-bottom:40px}body .site-header>nav{display:none}body .site-header .header-cta{margin-left:auto}body .site-header{max-width:1320px}
@media(max-width:600px){.hub-tabs{width:calc(100% - 24px);border-radius:12px;padding:5px;gap:3px}.hub-tabs button{flex:none;padding:10px 13px}.hub-section{width:calc(100% - 32px);padding:30px 0}.hub-information article{padding:16px}.hub-panel .hero{padding-top:30px}body .site-header .header-cta{display:inline-flex;font-size:10px;padding:8px}body .public-appearance select{max-width:65px}body .site-header .brand img{width:32px}.hub-panel .hero h1{font-size:clamp(36px,10vw,56px)}}

/* Status text uses solid semantic surfaces, independent of decorative palette accents. */
:root{--status-good:#9bf0d7;--status-good-bg:#12392f;--status-warn:#ffe0a3;--status-warn-bg:#49351a;--status-neutral:#d8ddf5;--status-neutral-bg:#30364d}
:root[data-theme=light]{--status-good:#075947;--status-good-bg:#e1f4ec;--status-warn:#70430c;--status-warn-bg:#fff0d6;--status-neutral:#3e4965;--status-neutral-bg:#e9edf5}
body .feature-status{padding-top:30px;padding-bottom:40px}
body .feature-status .section-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.2}
body .status-grid{align-items:start;gap:24px}
body .status-group{min-width:0}
body .status-group h3{font:650 15px/1.5 system-ui;margin:4px 0 12px;color:var(--text)}
body .status-item{gap:12px;min-height:56px;border-color:var(--line);align-items:center;flex-wrap:wrap}
body .status-item strong{font:600 13px/1.5 system-ui}
body .status-item span,body [data-feature]{font:600 12px/1.4 system-ui!important;border-radius:6px;padding:4px 7px;color:var(--status-neutral);background:var(--status-neutral-bg);max-width:100%;white-space:normal}
body .status-item span[data-state=operational],body [data-feature][data-state=operational]{color:var(--status-good);background:var(--status-good-bg)}
body .status-item span:is([data-state=partial],[data-state=setup_required],[data-state=degraded],[data-state=not_initialized],[data-state=in_development]),body [data-feature]:is([data-state=partial],[data-state=setup_required],[data-state=degraded]){color:var(--status-warn);background:var(--status-warn-bg)}
body .status-item span:is([data-state=configured],[data-state=available],[data-state=device_check_required]){color:var(--status-neutral);background:var(--status-neutral-bg)}
body .status-summary small{font:500 12px/1.5 system-ui!important;color:var(--text)}
@media(max-width:760px){body .status-grid{grid-template-columns:1fr}}

@media(max-width:600px){
  html[data-public-landing] .hub-tabs{margin-top:4px;padding:4px;scrollbar-width:none;overflow-y:hidden}
  html[data-public-landing] .hub-tabs::-webkit-scrollbar{display:none}
  html[data-public-landing] .hub-tabs button{min-height:36px;padding:8px 11px;font-size:11px}
  html[data-public-landing] .hub-section{padding:16px 0 24px}
  html[data-public-landing] .hub-panel{min-height:0}
  html[data-public-landing] .hub-download-grid{margin-top:14px;gap:10px}
  html[data-public-landing] .hub-download-grid article{padding:14px;border-radius:14px}
  html[data-public-landing] .hub-download{margin:12px 0 8px;min-height:40px;padding:10px}
  html[data-public-landing] .hub-panel .hero{padding-top:16px!important}
}