@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;--page-bg: #06090d;--page-paper: rgba(9, 14, 18, .95);--page-panel: rgba(11, 17, 22, .96);--ink: #eff7fb;--ink-muted: rgba(172, 192, 207, .74);--line: rgba(129, 155, 174, .16);--accent: #35d7ff;--accent-strong: #0fa6d8;--accent-soft: rgba(53, 215, 255, .12);--forest: #8af2bc;--playground-bg: #091117;--playground-surface: #0d151c;--playground-border: rgba(129, 155, 174, .13);--playground-ink: #f5fbff;--playground-muted: rgba(180, 205, 221, .68);background:radial-gradient(circle at 12% 0%,rgba(53,215,255,.14),transparent 22%),radial-gradient(circle at 85% 12%,rgba(138,242,188,.08),transparent 18%),linear-gradient(180deg,#04070b,#071016 42%,#04070b);color:var(--ink);font-family:Sora,Segoe UI,sans-serif}html[data-theme=light]{color-scheme:light;--page-bg: #f3f7fb;--page-paper: rgba(255, 255, 255, .96);--page-panel: rgba(255, 255, 255, .92);--ink: #0e1720;--ink-muted: rgba(49, 68, 84, .78);--line: rgba(83, 112, 136, .16);--accent: #0fa6d8;--accent-strong: #0878a8;--accent-soft: rgba(15, 166, 216, .12);--forest: #129a74;--playground-bg: #edf5fa;--playground-surface: #ffffff;--playground-border: rgba(83, 112, 136, .14);--playground-ink: #13202c;--playground-muted: rgba(69, 91, 108, .74);background:radial-gradient(circle at 12% 0%,rgba(15,166,216,.08),transparent 22%),radial-gradient(circle at 85% 12%,rgba(18,154,116,.08),transparent 18%),linear-gradient(180deg,#f7fbff,#eef5fa 42%,#f4f8fc)}:root{--motion-fast: .18s;--motion-medium: .28s;--motion-slow: .42s;--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-emphasis: cubic-bezier(.2, .8, .2, 1);--topbar-control-height: 2.3rem;--hero-viewport-offset: 8.2rem;--squircle-sm: 10px;--squircle-md: 14px;--squircle-lg: 18px;--squircle-xl: 22px}@supports (corner-shape: squircle){.topbar-inner,.site-footer-inner,.topbar-nav a,.nav-button,.primary-button,.ghost-button,.tab,.badge,.eyebrow,.proof-card,.hero-stage-card,.hero-output-card,.hero-install-selector,.hero-terminal,.metric-card,.launch-card,.overview-card,.docs-sidebar-card,.docs-panel,.docs-faq-item,.docs-code-block,.inline-code-block,.install-selector-trigger,.dropdown-menu,.locale-menu,.playground-shell,.playground-header,.playground-preview-card,.tech-chip{corner-shape:squircle}}@keyframes ui-reveal-down{0%{opacity:0;transform:translateY(-4px) scaleY(.88);clip-path:inset(0 0 100% 0 round 12px)}to{opacity:1;transform:translateY(0) scaleY(1);clip-path:inset(0 0 0 0 round 12px)}}@keyframes ui-fade-scale-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}html{scroll-behavior:smooth;overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;color:inherit;overflow-x:clip}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(132,157,171,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(132,157,171,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 84%)}a{color:inherit;text-decoration:none}:focus{outline:none}:focus-visible{outline:3px solid rgba(82,199,255,.55);outline-offset:3px}html[data-theme=light] :focus-visible{outline-color:#0fa6d86b}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{width:min(1280px,calc(100vw - 2.5rem));margin:0 auto;padding:1.75rem 0 4.5rem}.site-shell{width:min(1380px,calc(100vw - 2.5rem));margin:0 auto;padding:2.25rem 0 5.5rem}.topbar{position:sticky;top:0;z-index:50;padding-top:.72rem}.page-aura{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 18%,rgba(53,215,255,.12),transparent 18%),radial-gradient(circle at 86% 20%,rgba(138,242,188,.08),transparent 18%)}html[data-theme=light] .page-aura{background:radial-gradient(circle at 10% 18%,rgba(15,166,216,.08),transparent 18%),radial-gradient(circle at 86% 20%,rgba(18,154,116,.06),transparent 18%)}.topbar-inner{width:min(1380px,calc(100vw - 2.5rem));margin:0 auto;padding:.62rem .72rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#060a0ed1;backdrop-filter:blur(18px);box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff05}.topbar-primary,.topbar-menu{display:grid;grid-template-columns:auto;align-items:center;gap:.9rem;min-width:0}.topbar-menu{grid-template-columns:auto auto auto;justify-content:flex-end}.topbar-mobile-actions{display:none;align-items:center;gap:.45rem}html[data-theme=light] .topbar-inner{background:linear-gradient(180deg,#ffffffe6,#f8fbfef2),#ffffffe6;box-shadow:0 18px 44px #28405114,inset 0 1px #fffc}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;border-radius:999px;padding:.7rem 1rem;background:var(--accent);color:#041118}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{top:1rem}.brand-link{display:inline-flex;align-items:center;gap:.7rem;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.45rem;height:2.45rem;flex:0 0 auto;position:relative}.brand-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.brand-logo-dark,html[data-theme=light] .brand-logo-light{display:none}html[data-theme=light] .brand-logo-dark{display:block}.brand-copy{display:flex;flex-direction:column;gap:.08rem}.brand-title{font-size:.98rem;font-weight:700;letter-spacing:-.02em}.brand-subtitle{font-size:.64rem;color:var(--ink-muted);font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.14em}.topbar-nav{display:flex;justify-content:flex-end;gap:.45rem;padding:0;border:0;background:transparent;min-width:0}.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--topbar-control-height);gap:.55rem;padding:.56rem .78rem;border-radius:10px;color:var(--ink-muted);font-size:.86rem;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;border:1px solid var(--line);box-shadow:none}.topbar-actions{display:inline-flex;gap:.45rem;align-items:center;justify-content:flex-end;min-width:0}.topbar-utilities{display:inline-flex;gap:.45rem;align-items:center}.locale-switcher{position:relative}.menu-toggle{display:none;align-items:center;justify-content:center;gap:0;padding:0}.menu-toggle .menu-icon-wrap{display:inline-grid;place-items:center;width:1.14rem;height:1.14rem}.menu-toggle .menu-icon{width:1.14rem!important;height:1.14rem!important;display:block;margin:0 auto}.menu-toggle .menu-icon-close,html[data-menu-open=true] .menu-toggle .menu-icon-open{display:none!important}html[data-menu-open=true] .menu-toggle .menu-icon-close{display:inline-grid!important}.nav-button{background:#ffffff05;color:var(--ink-muted)}html[data-theme=light] .nav-button{background:#ffffffe0}.nav-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000029}html[data-theme=light] .nav-button:hover{box-shadow:0 10px 18px #2840511a}html[data-theme=dark] .nav-button:hover,:root:not([data-theme]) .nav-button:hover{box-shadow:0 12px 24px #020a1070,0 0 0 1px #35d7ff24}.nav-button-subtle{background:#ffffff05;border-color:var(--line);color:var(--ink-muted)}html[data-theme=light] .nav-button-subtle{background:#ffffffe0}.nav-button-subtle:hover{background:#ffffff0a;color:#f2fbff}html[data-theme=dark] .nav-button-subtle:hover,:root:not([data-theme]) .nav-button-subtle:hover{background:#35d7ff1a;border-color:#35d7ff4d}html[data-theme=light] .nav-button-subtle:hover{background:#0fa6d814;color:#0e1720}.nav-button-subtle[aria-current=page]{background:#ffffff0f;border-color:#ffffff14;color:#f5fbff}html[data-theme=light] .nav-button-subtle[aria-current=page]{color:#0e1720;border-color:#53708824;background:#fffffff5}.nav-button-utility{gap:.35rem;padding:.48rem .62rem;border-color:#ffffff0d;background:#ffffff03;color:#acc0cfcc;align-items:center}html[data-theme=dark] .nav-button-utility:hover,:root:not([data-theme]) .nav-button-utility:hover{border-color:#35d7ff3d;background:#35d7ff17}html[data-theme=light] .nav-button-utility{border-color:#53708814;background:#ffffff9e;color:#314454c2}.nav-button-strong{background:#35d7ff1a;color:#d0e8f3f2;border-color:#35d7ff42;box-shadow:inset 0 1px #ffffff0f,0 10px 22px #07121a38}html[data-theme=dark] .nav-button-strong,:root:not([data-theme]) .nav-button-strong{background:#35d7ff1a;color:#eaf8ff;border-color:#35d7ff52;box-shadow:inset 0 1px #ffffff14,0 12px 28px #040f1761}html[data-theme=dark] .nav-button-strong:hover,:root:not([data-theme]) .nav-button-strong:hover{background:#35d7ff29;color:#f5fcff;border-color:#35d7ff66}html[data-theme=light] .nav-button-strong{background:#0fa6d81a;color:#0d6f95;border-color:#0fa6d83d;box-shadow:0 10px 22px #2840511a}html[data-theme=light] .nav-button-strong:hover{background:#0fa6d829;color:#085f82;border-color:#0fa6d852}html[data-theme=light] .nav-button-strong:active{background:#0fa6d833;color:#074f6d;border-color:#0fa6d861}.theme-toggle{min-width:0;justify-content:center}.theme-toggle-label,.locale-toggle-label{display:none;align-items:center;line-height:1;white-space:nowrap}.theme-toggle .button-icon,.locale-toggle .button-icon{align-self:center;transform:translateY(-.03em)}.locale-toggle-desktop,.locale-toggle-desktop .locale-toggle-label{display:inline-flex}.locale-toggle-mobile{display:none}.locale-caret{width:.82rem;height:.82rem;opacity:.72}.dropdown-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:20;min-width:9rem;display:none;padding:.3rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#060a0ed1;box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff05;backdrop-filter:blur(16px)}html[data-theme=light] .dropdown-menu{border-color:#53708824;background:#fffffff5;box-shadow:0 16px 34px #34576f29}.dropdown-item{display:inline-flex;align-items:center;padding:.62rem .72rem;border-radius:8px;color:var(--ink-muted);font-size:.84rem}.dropdown-item:hover{background:#ffffff0a;color:#f2fbff}html[data-theme=light] .dropdown-item:hover{background:#0fa6d81f;color:#0e1720}.dropdown-item[aria-current=true]{background:#ffffff0f;border-color:#ffffff1a;color:#f5fbff;box-shadow:inset 0 0 0 1px #ffffff0d}html[data-theme=light] .dropdown-item[aria-current=true]{color:#0e1720;background:#0fa6d824;border-color:#0fa6d833}html[data-locale-menu-open=true] .locale-toggle-desktop{background:#ffffff0f;border-color:#ffffff1a;color:#f4fbff}html[data-theme=light][data-locale-menu-open=true] .locale-toggle-desktop{background:#fffffff5;border-color:#53708829;color:#12202b}.locale-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:20;display:none;padding:.3rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#060a0ed1;box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff05;backdrop-filter:blur(16px)}.locale-menu,.dropdown-menu{min-width:9rem}html[data-theme=light] .locale-menu{border-color:#53708824;background:#fffffff5;box-shadow:0 16px 34px #34576f29}html[data-locale-menu-open=true] .locale-menu{display:grid;gap:.2rem}.locale-menu a{display:flex;width:100%;align-items:center;justify-content:flex-start;padding:.72rem .78rem;border-radius:8px;color:var(--ink-muted);font-size:.84rem}.locale-menu a:hover{background:#ffffff0a;color:#f2fbff}html[data-theme=light] .locale-menu a:hover{background:#0fa6d81f;color:#0e1720}.locale-menu a[aria-current=true]{background:#ffffff14;color:#f5fbff;box-shadow:inset 0 0 0 1px #ffffff0f}html[data-theme=light] .locale-menu a[aria-current=true]{background:#0fa6d824;color:#0e1720;box-shadow:inset 0 0 0 1px #0fa6d82e}.theme-toggle .theme-icon{display:none}html[data-theme=dark] .theme-toggle .theme-icon-sun,:root:not([data-theme]) .theme-toggle .theme-icon-sun{display:block}html[data-theme=light] .theme-toggle .theme-icon-moon{display:block}.theme-label-light,.theme-label-dark{display:none}html[data-theme=dark] .theme-toggle .theme-label-light,:root:not([data-theme]) .theme-toggle .theme-label-light{display:inline}html[data-theme=light] .theme-toggle .theme-label-dark{display:inline}@media(max-width:960px){.topbar{padding-top:.55rem}.topbar-inner{padding:.68rem;border-radius:18px;gap:.55rem}.topbar-nav,.topbar-actions{justify-content:flex-start;flex-wrap:wrap}.topbar-utilities{flex-wrap:wrap}.topbar-nav a{flex:1 1 auto;justify-content:center}.topbar-actions{gap:.38rem}}@media(max-width:640px){.topbar-inner{grid-template-columns:1fr;width:min(100vw - 1.5rem,1600px);gap:.7rem;padding:.8rem;border-radius:20px;position:relative}.topbar-primary{grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.brand-link{gap:.6rem}.brand-mark{width:2.2rem;height:2.2rem}.brand-copy{gap:.06rem}.brand-title{font-size:.94rem}.brand-subtitle{display:inline;font-size:.56rem;letter-spacing:.12em}.topbar-mobile-actions{display:inline-flex}.nav-button-utility{padding:.44rem .56rem}.topbar-menu{display:grid;grid-template-columns:1fr;gap:.75rem;position:absolute;top:calc(100% + .55rem);left:0;right:0;z-index:65;padding:.75rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#060a0ef0;backdrop-filter:blur(18px);box-shadow:0 24px 48px #00000057,inset 0 1px #ffffff0a;max-height:calc(100svh - 6.25rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.45rem) scale(.98);transform-origin:top center;transition:opacity .19s ease,transform .22s var(--motion-ease-standard),visibility 0s linear .22s}.topbar-menu::-webkit-scrollbar{width:.42rem}.topbar-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#819bae6b}html[data-menu-open=true] .topbar-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .19s ease,transform .22s var(--motion-ease-standard),visibility 0s linear 0s}html[data-theme=light] .topbar-menu{border-color:#53708824;background:linear-gradient(180deg,#ffffffe6,#f8fbfef5),#ffffffe6;box-shadow:0 24px 40px #28405129,inset 0 1px #ffffffeb}.topbar-nav{width:100%;padding:.22rem;border-radius:14px;display:grid;grid-template-columns:1fr}.topbar-nav a{justify-content:flex-start;padding:.82rem .8rem;font-size:.86rem;text-align:left}.mobile-docs-nav{width:100%;display:grid;gap:.25rem;padding:.22rem;border-radius:14px;border:1px solid var(--line);background:#ffffff04}html[data-theme=light] .mobile-docs-nav{background:#ffffffb3}.topbar-actions{width:100%;justify-content:flex-start}.topbar-utilities{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.theme-toggle-label,.locale-toggle-label{display:inline-flex;align-items:center}.theme-toggle,.locale-toggle{width:100%;justify-content:center}.locale-toggle-desktop{display:none}.locale-toggle-mobile{display:inline-flex}.theme-toggle,.locale-toggle,.menu-toggle{min-width:2.5rem;justify-content:center}.menu-toggle{display:inline-flex;width:2.5rem;min-width:2.5rem;height:var(--topbar-control-height);min-height:var(--topbar-control-height)}}.primary-button,.ghost-button,.tab{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid var(--line);border-radius:13px;padding:.82rem 1.08rem;background:#ffffff05;color:var(--ink);transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.primary-button{background:#35d7ff1a;border-color:#35d7ff42;color:#d0e8f3f2;font-weight:700;box-shadow:inset 0 1px #ffffff0f,0 12px 26px #07121a38}html[data-theme=light] .primary-button{background:#0fa6d81a;border-color:#0fa6d83d;color:#0d6f95;box-shadow:0 10px 22px #2840511a}.primary-button:hover{background:#35d7ff29;border-color:#35d7ff61;color:#f5fcff}html[data-theme=light] .primary-button:hover{background:#0fa6d829;border-color:#0fa6d852;color:#085f82}.primary-button:active{background:#35d7ff33;border-color:#35d7ff75}html[data-theme=light] .primary-button:active{background:#0fa6d833;border-color:#0fa6d861;color:#074f6d}.compact-button{padding:.62rem .9rem}.button-icon,.tech-icon,.summary-icon{width:.95rem;height:.95rem;stroke-width:1.9;flex:0 0 auto;display:block}.button-icon{width:1rem;height:1rem}.nav-button-strong .button-icon,.primary-button .button-icon{width:1.2rem;height:1.2rem;stroke-width:2.1}.ghost-button .button-icon,.nav-button .button-icon,.inline-button .button-icon{width:1.14rem;height:1.14rem;stroke-width:2.05}.launch-button{gap:.7rem;font-weight:700}.launch-button .button-icon{width:1.22rem;height:1.22rem;stroke-width:2.15}.ghost-button:hover,.primary-button:hover,.inline-button:hover,.tab:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0000002e}@media(max-width:640px){.launch-button{justify-content:center;width:100%;padding:.72rem .88rem}.playground-page-copy>.primary-button{width:100%;justify-content:center}}.site-footer{padding:1rem 0 2rem}.site-footer-inner{width:min(1380px,calc(100vw - 2.5rem));margin:0 auto;padding:1.15rem 1.2rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#080d12e6;box-shadow:0 20px 48px #0000002e;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:1.8rem}html[data-theme=light] .site-footer-inner{background:linear-gradient(180deg,rgba(255,255,255,.72),transparent),#fffffff0;box-shadow:0 18px 38px #28405114}.site-footer-brand{display:flex;flex-direction:column;gap:.85rem;min-height:100%}.site-footer-copy{max-width:34rem;margin:0;color:var(--ink-muted);line-height:1.7}.site-footer-links{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.82fr) minmax(0,1.56fr);column-gap:1.35rem;row-gap:1rem}.site-footer-group{display:grid;align-content:start;gap:.44rem}.site-footer-group p{margin:0 0 .3rem;font-size:.74rem;font-family:IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.site-footer-legal-link{color:var(--ink-muted);width:fit-content;padding:.24rem 0;transition:color var(--motion-fast) var(--motion-ease-standard)}.site-footer-legal-link:hover{color:var(--ink)}.site-footer-group-featured{gap:.42rem}.site-footer-link-inline{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "copy copy";align-items:start;column-gap:.52rem;row-gap:.14rem;padding:.5rem .62rem;border-radius:10px;border:1px solid rgba(129,155,174,.16);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#819bae0f;transition:border-color var(--motion-fast) var(--motion-ease-standard),background-color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard);min-height:0}.site-footer-link-icon{grid-area:icon;width:1rem;height:1rem;color:var(--ink-muted);flex:0 0 auto}.site-footer-link-inline:hover{border-color:#35d7ff5c;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#35d7ff17;transform:translateY(-1px)}.site-footer-link-inline:hover .site-footer-link-icon{color:var(--ink)}.site-footer-link-title{grid-area:title;color:var(--ink);font-size:.87rem;line-height:1.25;min-width:0}.site-footer-link-copy{grid-area:copy;color:var(--ink-muted);font-size:.74rem;line-height:1.35;min-width:0}.site-footer-inline-note{margin:auto 0 0;color:var(--ink-muted);font-size:.78rem;line-height:1.45}.site-footer-inline-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#35d7ff80;transition:color var(--motion-fast) var(--motion-ease-standard),text-decoration-color var(--motion-fast) var(--motion-ease-standard)}.site-footer-inline-note a:hover{color:var(--accent);text-decoration-color:var(--accent)}.site-footer-author-link{display:inline-flex;align-items:center;gap:.35rem;vertical-align:middle}.site-footer-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;vertical-align:middle;border:1px solid rgba(129,155,174,.3);flex-shrink:0;margin-left:.3rem}html[data-theme=light] .site-footer-link-inline{border-color:#53708829;background:linear-gradient(180deg,rgba(255,255,255,.82),transparent),#0fa6d80f}html[data-theme=light] .site-footer-link-inline:hover{border-color:#0fa6d852;background:linear-gradient(180deg,rgba(255,255,255,.86),transparent),#0fa6d81a}@media(max-width:960px){.site-footer-inner{width:min(100vw - 2rem,1280px);grid-template-columns:1fr}.site-footer-links{grid-template-columns:minmax(0,1fr);gap:.9rem}.site-footer-group-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.site-footer-group-featured>p{grid-column:1 / -1}}@media(max-width:640px){.site-footer-inner{width:min(100vw - 1.5rem,1600px);padding:1rem;gap:1.35rem}.site-footer-links{grid-template-columns:1fr;gap:1.25rem}.site-footer-group-featured{grid-template-columns:1fr}.site-footer-group p{margin-bottom:.48rem}}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-template-rows:auto;gap:clamp(1.4rem,3vw,2.25rem);align-items:stretch;min-height:clamp(39rem,calc(100svh - var(--hero-viewport-offset)),52rem);height:auto;padding:clamp(1.3rem,1.8vh,2rem) 0 clamp(.9rem,1.6vh,1.4rem)}.hero-column{min-width:0;display:flex;flex-direction:column}.hero-column-main,.hero-column-stage{justify-content:space-between;gap:1.15rem}.hero-copy{min-height:0}.hero-copy h1{margin:.9rem 0 0;font-family:Sora,sans-serif;font-size:clamp(2.7rem,min(5.7vw,9.2vh),5.3rem);font-weight:800;line-height:.92;max-width:13ch;letter-spacing:-.05em;text-wrap:balance}.hero-copy p{max-width:60ch;color:var(--ink-muted);font-size:.98rem;line-height:1.78}.hero-kicker{margin:1rem 0 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#9adfff;font-family:IBM Plex Mono,monospace}html[data-theme=light] .hero-kicker{color:#0878a8}.badge,.eyebrow{display:inline-flex;width:fit-content;padding:.46rem .78rem;border-radius:999px;border:1px solid rgba(53,215,255,.16);background:#35d7ff14;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;color:#d0e8f3db;font-family:IBM Plex Mono,monospace}html[data-theme=light] .badge,html[data-theme=light] .eyebrow{border-color:#0fa6d833;background:#0fa6d814;color:#0d6f95}.hero-actions,.row-between,.tab-row{display:flex;align-items:center;gap:.75rem}.hero-actions{margin-top:1.5rem;flex-wrap:wrap}.hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-items:stretch}.proof-card{padding:1.05rem 1.1rem 1.1rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#080d11f0;box-shadow:inset 0 1px #ffffff05,0 18px 36px #0000002e}html[data-theme=light] .proof-card{background:linear-gradient(180deg,rgba(255,255,255,.65),transparent),#ffffffeb;box-shadow:inset 0 1px #ffffffe6,0 18px 36px #28405114}.proof-card span{display:block;margin:.6rem 0 .5rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-family:IBM Plex Mono,monospace}.proof-card strong{display:block;font-size:1rem;line-height:1.45}.proof-icon{width:1.15rem;height:1.15rem;margin-bottom:.7rem;color:var(--forest)}.stack-inline{display:inline-flex;flex-wrap:wrap;gap:.5rem}.hero-stack{margin-top:1.2rem}.hero-stage{display:flex;flex-direction:column;gap:0;height:auto;min-height:0;flex:1 1 auto}.hero-stage-footer{display:flex;flex-direction:column;margin-top:0}.hero-stage-card{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),linear-gradient(135deg,#35d7ff14,#8af2bc08),var(--page-paper);box-shadow:0 30px 70px #00000047}html[data-theme=light] .hero-stage-card{box-shadow:0 24px 48px #28405114}.hero-palette-shell{flex:1 1 auto;min-height:0;height:clamp(27rem,56vh,37rem);max-height:clamp(27rem,56vh,37rem);overflow:hidden}.site-palette-overlay{backdrop-filter:blur(14px)}.site-palette-dialog{background:var(--playground-surface)!important;border:1px solid var(--playground-border)!important;color:var(--playground-ink)!important;box-shadow:0 26px 70px #040a104d!important;corner-shape:superellipse(.7)}.site-palette-caption,.site-palette-section-title,.site-palette-empty{color:var(--playground-muted)!important}.site-palette-caption-hidden,.site-palette-section-title-hidden{display:none!important}.site-palette-close-button{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;padding:0!important;font-size:1.1rem;font-weight:700;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;corner-shape:superellipse(.7);background:#a6bfd414!important;border-color:#92adc238!important;color:#d8e8f4eb!important}.site-palette-back-button{display:none!important}.site-palette-heading{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.site-palette-title-block{display:inline-flex;flex-direction:column;gap:.2rem}.site-palette-title-hint{font-size:.78rem;color:var(--playground-muted);font-weight:500}.site-palette-title-back{width:1.65rem;height:1.65rem;border-radius:.6rem;border:1px solid var(--playground-border);background:#ffffff08;color:var(--playground-muted);display:inline-grid;place-items:center;padding:0;flex:0 0 auto;corner-shape:superellipse(.7)}.site-palette-title-back:hover{background:#ffffff0f;color:var(--playground-ink)}.site-palette-title-back-icon{width:.84rem;height:.84rem;transform:rotate(180deg);stroke-width:2.1}.site-palette-input{background:#ffffff08!important;border-color:var(--playground-border)!important;color:var(--playground-ink)!important;corner-shape:superellipse(.7)}.site-palette-item{border:1px solid transparent!important;transition:background-color .16s ease,border-color .16s ease!important;corner-shape:superellipse(.7)}.site-palette-list{scrollbar-width:none;-ms-overflow-style:none}.site-palette-list[data-scrollable=true][data-scroll-top=true][data-scroll-bottom=true]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.site-palette-list[data-scrollable=true][data-scroll-top=false][data-scroll-bottom=true]{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 14px),transparent 100%)}.site-palette-list[data-scrollable=true][data-scroll-top=true][data-scroll-bottom=false]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 100%)}.site-palette-list::-webkit-scrollbar{width:0;height:0}.site-palette-row{display:flex;align-items:center;gap:.8rem;min-width:0}.site-palette-copy{display:flex;flex-direction:column;min-width:0}.site-palette-title{display:block;font-weight:600;color:var(--playground-ink);line-height:1.25}.site-palette-subtitle{display:block;margin-top:.12rem;font-size:.88rem;color:var(--playground-muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-palette-icon{width:2rem;height:2rem;border-radius:.78rem;display:inline-grid;place-items:center;color:#bcd0dfe0;background:#b4cddd1f;border:1px solid rgba(129,155,174,.18);flex:0 0 auto;corner-shape:superellipse(.7)}.site-palette-icon.is-active{color:#eaf8ff;background:#35d7ff3d;border-color:#35d7ff4d}.site-palette-icon-svg{width:1rem;height:1rem;stroke-width:2}.site-palette-trailing{color:var(--playground-muted);font-size:.82rem;white-space:nowrap}.site-palette-item[aria-selected=true]{background:#35d7ff24!important;border-color:#35d7ff42!important}html[data-theme=light] .site-palette-dialog{box-shadow:0 22px 54px #28405129!important}html[data-theme=light] .site-palette-close-button{background:#0fa6d80d!important;color:#27465a!important}html[data-theme=light] .site-palette-title-back{background:#0fa6d814;color:#314454c7}html[data-theme=light] .site-palette-title-back:hover{background:#0fa6d824;color:#13202c}html[data-theme=light] .site-palette-title-hint{color:#455b6cbd}html[data-theme=light] .site-palette-input{background:#abbdcd29!important}html[data-theme=light] .site-palette-item[aria-selected=true]{background:#0fa6d821!important;border-color:#0fa6d838!important}html[data-theme=light] .site-palette-title{color:#13202c}html[data-theme=light] .site-palette-subtitle,html[data-theme=light] .site-palette-trailing{color:#455b6cbd}html[data-theme=light] .site-palette-icon{color:#2f546b;background:#5370881a;border-color:#5370882e}html[data-theme=light] .site-palette-icon.is-active{color:#0b607f;background:#0fa6d833;border-color:#0fa6d847}.hero-palette-overlay{position:static!important;inset:auto!important;display:block!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;z-index:auto!important}.hero-palette-dialog{width:100%!important;height:100%!important;max-height:100%!important}.hero-palette-caption,.hero-palette-header-actions{display:none!important}.hero-stage>.hero-actions{margin-top:.5rem}.hero-stage-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem;align-items:stretch}.hero-proof>.hero-output-card,.hero-proof>.hero-install-selector{padding:.95rem;border-radius:16px;border:1px solid var(--line);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#080d11eb}html[data-theme=light] .hero-proof>.hero-output-card,html[data-theme=light] .hero-proof>.hero-install-selector{background:linear-gradient(180deg,rgba(255,255,255,.8),transparent),#ffffffeb;box-shadow:0 16px 32px #2840510f}.hero-output-list{display:flex;flex-wrap:wrap;gap:.55rem}html[data-theme=light] .hero-output-list .tech-chip-astro .tech-icon path[fill="#fff"]{fill:#1b3a57!important}.hero-output-title{margin:0 0 .7rem;font-size:.82rem;font-family:IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.stage-pill{display:inline-flex;align-items:center;padding:.36rem .62rem;border-radius:999px;background:#ffffff09;color:var(--ink);font-size:.72rem;border:1px solid var(--line);font-family:IBM Plex Mono,monospace}.stage-pill-muted{background:#8af2bc14;color:var(--forest)}.stage-command{padding:1rem;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--playground-bg);color:var(--playground-ink);border:1px solid var(--playground-border)}.stage-command-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.stage-command-title{font-size:1.1rem;font-weight:700}.stage-command-meta,.stage-note,.stage-section-label,.stage-item em{color:var(--playground-muted)}.stage-search{margin-bottom:.9rem;padding:.84rem .92rem;border-radius:12px;background:#ffffff0d;color:var(--playground-muted);border:1px solid rgba(255,255,255,.05)}html[data-theme=light] .stage-search{background:#0fa6d80d;border-color:#5370881f}.stage-section{display:grid;gap:.75rem}.stage-section-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.stage-item{display:flex;justify-content:space-between;gap:1rem;padding:.78rem .86rem;border-radius:12px;background:#ffffff0a}html[data-theme=light] .stage-item{background:#0fa6d80a}.stage-item-active{background:#35d7ff1f;border:1px solid rgba(53,215,255,.18)}.stage-item strong,.metric-card strong{display:block}.stage-item span{display:block;margin-top:.2rem;font-size:.88rem;color:var(--playground-muted)}.stage-note{margin:0;line-height:1.6;font-size:.95rem}.metric-card{flex:1;padding:.95rem 1rem;border-radius:16px;border:1px solid var(--line);background:#080d11eb}html[data-theme=light] .metric-card{background:#ffffffe0;box-shadow:0 16px 32px #2840510f}.metric-card span{display:block;margin-bottom:.45rem;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-family:IBM Plex Mono,monospace}.hero-terminal{padding:.95rem;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#05090df5}html[data-theme=light] .hero-terminal{background:linear-gradient(180deg,rgba(255,255,255,.8),transparent),#ffffffeb}.hero-terminal-bar{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;color:var(--ink-muted);font-family:IBM Plex Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.hero-terminal pre{margin:0;overflow:hidden;max-height:none}.hero-terminal code{color:#dff4ff;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.83rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}html[data-theme=light] .hero-terminal code{color:#143040}.hero-install-selector{margin-top:0;display:grid;gap:.58rem}.hero-install-controls{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:end}.hero-install-selector .install-selector-group{flex:1 1 0}.hero-install-selector .install-selector-field,.hero-install-selector .install-selector-trigger,.hero-install-selector .install-selector-menu{width:100%;min-width:0}.hero-install-code{margin-top:0;width:100%;max-width:none}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);gap:1rem;min-width:0}.content-band{display:grid;gap:.95rem}.content-band+.content-band{margin-top:clamp(1.8rem,5vh,3.25rem)}.content-band-overview{margin-top:clamp(1.65rem,4.4vh,2.75rem)}.overview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.05rem;margin:0}.home-storyboard{display:grid;gap:1rem}.home-spotlight,.home-feature-card,.home-runway-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(129,155,174,.18);background:radial-gradient(circle at top right,rgba(53,215,255,.08),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.02),transparent),#080d11eb;box-shadow:inset 0 1px #ffffff08,0 18px 40px #00000029}.home-spotlight{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.1rem;padding:1.35rem}.home-spotlight-copy{min-width:0;align-self:center}.home-spotlight-copy h2,.home-feature-copy h2,.home-runway-card h2{margin:.78rem 0 .58rem;font-family:Sora,sans-serif;letter-spacing:-.04em}.home-spotlight-copy h2{max-width:16ch;font-size:clamp(1.65rem,2.6vw,2.45rem);line-height:1.06}.home-feature-copy h2{font-size:1.22rem;line-height:1.14}.home-runway-card h2{font-size:1.18rem;line-height:1.12}.home-spotlight-copy p,.home-feature-copy p,.home-runway-card p{margin:0;color:var(--ink-muted);line-height:1.68}.card-meta-list{margin-top:.92rem;display:flex;flex-wrap:wrap;gap:.52rem}.card-meta-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.42rem .62rem;border-radius:999px;border:1px solid rgba(129,155,174,.24);background:#819bae1a;color:#d7e8f4f0;font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.02em}.card-meta-pill strong{font-weight:500;color:#e7f2faf5}.home-spotlight-visual{min-width:0;display:flex}.home-media-frame{position:relative;width:100%;aspect-ratio:16 / 10;min-height:18rem;border-radius:20px;overflow:hidden;border:1px solid rgba(129,155,174,.18);background:radial-gradient(circle at 20% 20%,rgba(53,215,255,.14),transparent 35%),radial-gradient(circle at 80% 85%,rgba(138,242,188,.08),transparent 30%),#070c11fa}.home-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-media-light,.home-feature-image-light{display:none}.home-media-caption,.home-feature-media-caption{position:absolute;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.42rem;padding:.48rem .68rem;border-radius:999px;border:1px solid rgba(129,155,174,.18);background:#080d11b8;color:#e8f4fbf2;font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(16px)}.home-feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.home-feature-card{grid-column:span 6;display:grid;grid-template-rows:auto 1fr}.home-feature-media{position:relative;aspect-ratio:16 / 10;min-height:15rem;overflow:hidden;background:radial-gradient(circle at top right,rgba(53,215,255,.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.03),transparent),#090e13fa}.home-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-feature-media-caption{top:1rem;bottom:auto}.home-feature-copy{padding:1.12rem 1.18rem 1.22rem}.home-runway{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.home-runway-card{padding:1.18rem}.home-runway-install{grid-column:span 5;display:grid;gap:1rem}.home-runway-docs{grid-column:span 3}.home-runway-playground{grid-column:span 4}.home-runway-docs,.home-runway-playground{display:flex;flex-direction:column;gap:.75rem}.home-runway-signals{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.home-signal-pill{display:inline-flex;align-items:center;min-height:1.95rem;padding:.3rem .62rem;border-radius:999px;border:1px solid rgba(129,155,174,.2);background:#819bae1a;color:#d7e8f4eb;font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.04em}.home-runway-commands{display:grid;gap:.72rem;padding:.98rem;border-radius:18px;border:1px solid rgba(129,155,174,.16);background:radial-gradient(circle at top right,rgba(53,215,255,.08),transparent 28%),#04090ee6}.home-runway-commands .inline-code-block{margin-top:0}html[data-theme=light] .home-spotlight,html[data-theme=light] .home-feature-card,html[data-theme=light] .home-runway-card{border-color:#53708829;background:radial-gradient(circle at top right,rgba(15,166,216,.08),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.82),transparent),#ffffffeb;box-shadow:0 16px 34px #28405114}html[data-theme=light] .card-meta-pill,html[data-theme=light] .home-signal-pill{border-color:#53708833;background:#0fa6d814;color:#26485f}html[data-theme=light] .card-meta-pill strong{color:#18374c}html[data-theme=light] .home-media-frame,html[data-theme=light] .home-feature-media,html[data-theme=light] .home-runway-commands{border-color:#53708829;background:radial-gradient(circle at top right,rgba(15,166,216,.1),transparent 40%),linear-gradient(180deg,#fffffff0,#eef5f9fa),#f7fbfe}html[data-theme=light] .home-media-light,html[data-theme=light] .home-feature-image-light{display:block}html[data-theme=light] .home-media-dark,html[data-theme=light] .home-feature-image-dark{display:none}html[data-theme=light] .home-media-caption,html[data-theme=light] .home-feature-media-caption{background:#f5f9fce6;border-color:#53708829;color:#163042}html[data-theme=light] .home-media-frame,html[data-theme=light] .home-feature-media{padding:0}html[data-theme=light] .home-media-light,html[data-theme=light] .home-feature-image-light{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}html[data-theme=light] .home-runway-commands .inline-code-block{border-color:#53708824}.home-storyboard h2,.home-runway h2{text-wrap:balance}.card-topline{display:inline-flex;align-items:center;gap:.58rem}.card-icon-wrap{width:1.88rem;height:1.88rem;border-radius:.7rem;display:inline-grid;place-items:center;border:1px solid rgba(129,155,174,.22);background:#819bae21;color:#cde3f1eb}html[data-theme=light] .card-icon-wrap{border-color:#53708833;background:#0fa6d814;color:#28526a}.card-icon{width:.95rem;height:.95rem;flex:0 0 auto}.card-label{margin:0;font-size:.73rem;font-family:IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.62rem;margin-top:.95rem}.card-actions .primary-button,.card-actions .ghost-button{margin-top:0}.panel{padding:.95rem;border-radius:18px;border:1px solid var(--playground-border);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--playground-surface);color:var(--playground-ink);box-shadow:0 22px 54px #00000038}html[data-theme=light] .panel{background:linear-gradient(180deg,rgba(255,255,255,.7),transparent),var(--playground-surface);box-shadow:0 20px 42px #28405114}.playground-shell{margin-top:2rem;padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(53,215,255,.12),transparent 18%),linear-gradient(180deg,#091116fa,#0b1318fa);box-shadow:0 34px 90px #0000004d}html[data-theme=light] .playground-shell{border-color:#5370881f;background:radial-gradient(circle at top right,rgba(15,166,216,.08),transparent 18%),linear-gradient(180deg,#f4f9fdfa,#eff5fafa);box-shadow:0 28px 70px #28405114}.playground-shell-page{margin-top:0;padding:0;background:transparent;border:0;box-shadow:none}.playground-page{width:min(1380px,calc(100vw - 2.5rem));padding-top:2rem}.playground-page-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(1rem,2.2vw,1.5rem);align-items:stretch;margin:0 0 1.35rem}.playground-page-copy{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:clamp(1.2rem,1.6vw,1.6rem);border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at top right,rgba(53,215,255,.1),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.02),transparent),#080d11f0;box-shadow:0 24px 58px #0000002e}html[data-theme=light] .playground-page-copy{background:radial-gradient(circle at top right,rgba(15,166,216,.08),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.72),transparent),#ffffffeb;box-shadow:0 22px 48px #28405114}.playground-page-copy h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(2.6rem,min(5vw,7.5vh),4.6rem);font-weight:800;line-height:.94;max-width:13ch;letter-spacing:-.05em;text-wrap:balance}.playground-page-copy p{max-width:62ch;margin:0;color:var(--ink-muted);line-height:1.78}.playground-page-stage{min-width:0}.playground-page-stage-card{display:flex;flex-direction:column;gap:1rem;height:100%;padding:clamp(1.1rem,1.5vw,1.4rem);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),linear-gradient(135deg,#35d7ff14,#8af2bc08),#080d11f0;box-shadow:0 24px 58px #0000002e}html[data-theme=light] .playground-page-stage-card{background:linear-gradient(180deg,rgba(255,255,255,.72),transparent),linear-gradient(135deg,#0fa6d814,#129a7408),#fffffff0;box-shadow:0 22px 48px #28405114}.playground-page-stage-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.playground-page-stage-note{color:var(--playground-muted);font-size:.82rem;line-height:1.4}.playground-page-stage-grid{display:grid;gap:.8rem}.playground-page-stage-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}html[data-theme=light] .playground-page-stage-item{background:#0fa6d80a;border-color:#5370881f}.stage-preview-icon{width:2rem;height:2rem;border-radius:.8rem;display:inline-grid;place-items:center;color:var(--accent);background:#35d7ff1f;border:1px solid rgba(53,215,255,.16)}html[data-theme=light] .stage-preview-icon{color:var(--accent-strong);background:#0fa6d814;border-color:#0fa6d824}.playground-page-stage-item strong{display:block;margin-bottom:.22rem;font-size:.92rem;line-height:1.25}.playground-page-stage-item p{margin:0;color:var(--playground-muted);line-height:1.55}.tech-strip-compact{margin-top:auto}.tech-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.tech-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .74rem;border-radius:999px;border:1px solid var(--line);background:#ffffff06;color:var(--ink-muted);font-size:.78rem;font-family:IBM Plex Mono,monospace}html[data-theme=light] .tech-chip{background:#ffffffd1}.playground-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:end;margin-bottom:1.35rem;padding:.3rem 0 1.1rem;border-bottom:1px solid rgba(255,255,255,.08)}html[data-theme=light] .playground-header{border-bottom-color:#5370881f}.playground-header-copy h2,.panel-heading h2{margin:.55rem 0 0;font-family:Sora,sans-serif;font-size:1.82rem;line-height:1.02;letter-spacing:-.04em}.playground-header-copy p{max-width:48ch;margin:.65rem 0 0;color:var(--playground-muted);line-height:1.65}.playground-header-actions{display:inline-flex;align-items:center;gap:.65rem}.playground-header-copy,.playground-header-actions,.configurator-panel,.code-panel,.panel-heading,.panel-heading>div{min-width:0}.playground-header-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.playground-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .68rem;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--playground-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,monospace}html[data-theme=light] .playground-badge{background:#0fa6d80a;border-color:#5370881f}.panel-heading{display:grid;gap:.4rem}.panel-heading-with-tools{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:.9rem}.panel-heading-copy{display:grid;gap:.4rem;min-width:0}.panel-heading-tools{justify-self:end;align-self:start}.panel-copy{margin:0;max-width:52ch;color:var(--playground-muted);line-height:1.65}.playground-preview-card{display:flex;flex-direction:column;gap:.8rem;min-height:0;justify-content:flex-start;margin-top:1.15rem;padding:.95rem .95rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(53,215,255,.18),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.04),transparent),#090f0de6}html[data-theme=light] .playground-preview-card{border-color:#5370881f;background:radial-gradient(circle at top right,rgba(15,166,216,.1),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.7),transparent),#f5fafdf5}.preview-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-shortcut{display:inline-flex;width:fit-content;padding:.4rem .65rem;border-radius:999px;background:#ffffff14;color:var(--playground-muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.preview-layout{color:var(--playground-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.preview-title{font-family:Sora,sans-serif;font-size:1.8rem;line-height:1;letter-spacing:-.04em;overflow-wrap:anywhere}.preview-subtitle{color:var(--playground-muted)}.preview-heading{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;color:var(--playground-muted)}.playground-live-preview-shell{position:relative;height:clamp(24rem,52vh,34rem);min-height:22rem;border-radius:14px;overflow:hidden;border:1px solid var(--playground-border);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#080d11db}.playground-live-preview-frame{position:relative;overflow:visible}html[data-theme=light] .playground-live-preview-shell{background:linear-gradient(180deg,rgba(255,255,255,.84),transparent),#ffffffd1}.playground-live-preview-overlay{position:static!important;inset:auto!important;display:block!important;width:100%;height:100%;padding:0!important;background:transparent!important;backdrop-filter:none!important;z-index:auto!important}.playground-live-preview-dialog{width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:1rem!important}.playground-live-preview-header-actions,.playground-live-preview-caption{display:none!important}.playground-preview-hotspots{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:visible}.playground-preview-hotspot{position:absolute;left:var(--hotspot-left);top:var(--hotspot-top);transform:translate(-50%,-50%);pointer-events:auto}.playground-preview-hotspot-dot{display:block;width:.58rem;height:.58rem;border-radius:999px;border:1px solid rgba(53,215,255,.58);background:#35d7ff47;box-shadow:0 0 #35d7ff57;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .22s ease}.playground-preview-hotspot-tooltip{position:absolute;left:calc(100% + .45rem);top:50%;transform:translateY(-50%) scale(.98);transform-origin:left center;opacity:0;pointer-events:none;white-space:nowrap;padding:.24rem .42rem;border-radius:.5rem;border:1px solid rgba(53,215,255,.24);background:#040a0feb;color:#e1eff8f5;font-family:IBM Plex Mono,monospace;font-size:.62rem;letter-spacing:.03em;line-height:1.25;z-index:30;transition:opacity .14s ease,transform .16s ease}.playground-preview-hotspot:hover .playground-preview-hotspot-dot{transform:scale(1.14);border-color:#35d7fff0;background:#35d7ffa3;box-shadow:0 0 0 .36rem #35d7ff26}.playground-preview-hotspot:hover .playground-preview-hotspot-tooltip{opacity:1;transform:translateY(-50%) scale(1)}html[data-theme=light] .playground-preview-hotspot-dot{border-color:#0fa6d880;background:#0fa6d838;box-shadow:0 0 #0fa6d847}html[data-theme=light] .playground-preview-hotspot-tooltip{border-color:#0fa6d83d;background:#fffffff5;color:#142f43f0}html[data-theme=light] .playground-preview-hotspot:hover .playground-preview-hotspot-dot{border-color:#0fa6d8d6;background:#0fa6d894;box-shadow:0 0 0 .34rem #0fa6d81f}@media(hover:none),(pointer:coarse){.playground-preview-hotspots{display:none}}.playground-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.85rem}.summary-tile{display:grid;gap:.35rem;padding:.8rem .9rem;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.summary-tile>*{min-width:0}html[data-theme=light] .summary-tile{background:#0fa6d808;border-color:#5370881f}.summary-tile span{display:inline-flex;align-items:center;gap:.45rem;color:var(--playground-muted);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.summary-tile strong{font-size:1.3rem;font-weight:700}.summary-theme-tabs{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;width:fit-content;padding:.24rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff06;overflow:hidden}html[data-theme=light] .summary-theme-tabs{border-color:#53708829;background:#ffffffd1}.summary-theme-tab{position:relative;z-index:1;border:1px solid transparent;background:transparent;color:var(--playground-muted);border-radius:999px;width:2.05rem;height:2.05rem;display:inline-grid;place-items:center;padding:0;line-height:1;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.summary-theme-tab.is-active{color:var(--playground-ink)}.summary-theme-icon{width:1rem;height:1rem;stroke-width:2.1}.summary-theme-tabs-indicator{position:absolute;top:.24rem;bottom:.24rem;left:.24rem;width:calc((100% - .48rem)/2);border-radius:999px;background:#35d7ff29;border:1px solid rgba(53,215,255,.28);transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .16s ease,border-color .16s ease}.summary-theme-tabs.is-dark .summary-theme-tabs-indicator{transform:translate(100%)}html[data-theme=light] .summary-theme-tabs-indicator{background:#0fa6d81a;border-color:#0fa6d838}html[data-theme=light] .summary-theme-tab.is-active{color:#102130}@media(max-width:900px){.panel-heading-with-tools{grid-template-columns:minmax(0,1fr)}.panel-heading-tools{justify-self:start}}.panel-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07)}.panel-section-accent{border-top-color:#ffffff0d}.panel-section-heading{display:grid;gap:.35rem;margin-bottom:1rem}.panel-section-heading h3,.panel-heading h3{margin:0;font-family:Sora,sans-serif;font-size:1.24rem;font-weight:700;letter-spacing:-.02em;line-height:1.05}.builder-header{margin-top:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .85rem}.theme-form-stack{display:grid;gap:.9rem}.theme-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.theme-editor-tabs-wrap{display:grid;gap:.45rem}.theme-editor-label{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#bad2e0bd}html[data-theme=light] .theme-editor-label{color:#2d475bb3}.theme-editor-tabs{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;width:fit-content;padding:.3rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;overflow:hidden}html[data-theme=light] .theme-editor-tabs{border-color:#53708829;background:#ffffffb8}.theme-editor-tab{position:relative;z-index:1;border:1px solid transparent;background:transparent;color:var(--playground-muted);border-radius:999px;padding:.44rem .9rem;font-size:.83rem;line-height:1;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.theme-editor-tab:hover{transform:translateY(-1px);color:var(--playground-ink)}.theme-editor-tab.is-active{color:var(--playground-ink)}.theme-editor-tabs-indicator{position:absolute;top:.28rem;bottom:.28rem;left:.28rem;width:calc((100% - .56rem)/2);border-radius:999px;background:#35d7ff29;border:1px solid rgba(53,215,255,.28);transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .16s ease,border-color .16s ease}.theme-editor-tabs.is-dark .theme-editor-tabs-indicator{transform:translate(100%)}html[data-theme=light] .theme-editor-tabs-indicator{background:#0fa6d81a;border-color:#0fa6d838}html[data-theme=light] .theme-editor-tab.is-active{color:#102130}.theme-editor-note{margin:0;color:var(--playground-muted);font-size:.86rem;line-height:1.55}.theme-editor-section{display:grid;gap:.75rem;padding:.9rem;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#ffffff05}html[data-theme=light] .theme-editor-section{border-color:#5370881f;background:linear-gradient(180deg,rgba(255,255,255,.84),transparent),#ffffffc2}.theme-editor-section h4{margin:0;font-family:Sora,sans-serif;font-size:.98rem;letter-spacing:-.01em}.field{display:flex;flex-direction:column;gap:.34rem;color:var(--playground-ink)}.field-label-row{display:inline-flex;align-items:center;gap:.4rem}.field-label-text{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#bad2e0bd}html[data-theme=light] .field-label-text{color:#2d475bb8}.field-help-trigger{position:relative;display:inline-grid;place-items:center;width:1rem;height:1rem;padding:0;border:0;border-radius:999px;background:transparent;color:#92adc2e0;cursor:help}.field-help-icon{width:.88rem;height:.88rem;stroke-width:1.8}html[data-theme=light] .field-help-trigger{color:#2d475bb8}.field-help-trigger:hover,.field-help-trigger:focus-visible{color:#35d7ff}html[data-theme=light] .field-help-trigger:hover,html[data-theme=light] .field-help-trigger:focus-visible{color:#0fa6d8}.field-help-tooltip{position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%) translateY(.25rem);width:16rem;padding:.55rem .62rem;border-radius:10px;border:1px solid rgba(129,155,174,.24);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#0b131af5;box-shadow:0 12px 28px #050c1257;color:#d6e7f3;font-size:.75rem;line-height:1.45;letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:20}html[data-theme=light] .field-help-tooltip{border-color:#5370882e;background:linear-gradient(180deg,#fffffff2,#f7fbfefa),#fffffffa;box-shadow:0 10px 24px #28405124;color:#183247}.field-help-trigger.is-open .field-help-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.field input,.field textarea,.field select{width:100%;min-height:2.5rem;padding:.56rem .78rem;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#0d161eb8;color:var(--playground-ink);font-size:.95rem;line-height:1.2;box-shadow:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.field select{appearance:none;background-image:linear-gradient(180deg,rgba(255,255,255,.025),transparent),linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:0 0,calc(100% - 1rem) calc(50% - .14rem),calc(100% - .72rem) calc(50% - .14rem);background-size:auto,.34rem .34rem,.34rem .34rem;background-repeat:no-repeat;padding-right:2.05rem;border-color:#ffffff1a;background-color:#ffffff05;color:#acc0cfdb}html[data-theme=light] .field input,html[data-theme=light] .field textarea,html[data-theme=light] .field select{background:linear-gradient(180deg,#ffffffeb,#f8fbfef5),#ffffffe6;border-color:#5370881f}.field select:hover{border-color:#35d7ff3d;background-color:#35d7ff14;color:#f3fbff}html[data-theme=light] .field select:hover{background-color:#0fa6d814;border-color:#0fa6d824;color:#102130}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:#35d7ff5c;box-shadow:0 0 0 2px #35d7ff29}html[data-theme=light] .field input:focus-visible,html[data-theme=light] .field textarea:focus-visible,html[data-theme=light] .field select:focus-visible{border-color:#0fa6d83d;box-shadow:0 0 0 2px #0fa6d81f}.field textarea{min-height:88px;resize:vertical;border-radius:12px}.playground-select-field{position:relative}.playground-select-trigger{width:100%;min-height:2.5rem;justify-content:space-between;border-radius:11px;padding:.56rem .78rem;border-color:#ffffff1a;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#0d161eb8;color:#acc0cfdb;box-shadow:none}.playground-select-field .playground-select-trigger.install-selector-trigger{width:100%;min-width:0;min-height:2.5rem;padding:.56rem .78rem}html[data-theme=light] .playground-select-trigger{border-color:#5370881f;background:linear-gradient(180deg,#ffffffeb,#f8fbfef5),#ffffffe6;color:#17324a}.playground-select-trigger:hover{border-color:#35d7ff3d;background-color:#35d7ff14;color:#f3fbff}html[data-theme=light] .playground-select-trigger:hover{background-color:#0fa6d814;border-color:#0fa6d824;color:#102130}.playground-select-trigger.is-open{border-color:#35d7ff4d;background-color:#35d7ff1c;color:#f5fcff}html[data-theme=light] .playground-select-trigger.is-open{border-color:#0fa6d833;background-color:#0fa6d81f;color:#0f2738}.playground-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playground-select-field .dropdown-menu.playground-select-menu{top:calc(100% + .45rem);right:auto;left:0;width:max-content;min-width:100%;display:grid;gap:.18rem}.playground-select-field .dropdown-menu.playground-select-menu[hidden]{display:none}.playground-select-item{width:100%;justify-content:flex-start;border:0;background:transparent;font:inherit;cursor:pointer}.playground-select-item[aria-current=true]{background:#ffffff0f;border-color:#ffffff1a;color:#f5fbff;box-shadow:inset 0 0 0 1px #ffffff0d}html[data-theme=light] .playground-select-item[aria-current=true]{color:#0e1720;background:#0fa6d824;border-color:#0fa6d833}.color-field{display:grid;grid-template-columns:56px 1fr}.color-field input[type=color]{min-height:2.5rem;width:2.5rem;height:2.5rem;padding:.16rem;border-radius:999px;cursor:pointer;justify-self:start}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:999px}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:999px}.color-field input[type=color]::-moz-color-swatch{border:0;border-radius:999px}.radius-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem}.radius-field-slider{min-height:2.5rem;cursor:pointer;appearance:none;background:transparent;accent-color:#35d7ff}.radius-field-slider::-webkit-slider-runnable-track{height:.42rem;border-radius:999px;border:1px solid rgba(129,155,174,.26);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#819bae1f}.radius-field-slider::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;margin-top:-.32rem;border-radius:999px;border:1px solid rgba(53,215,255,.42);background:#35d7ff;box-shadow:0 0 0 4px #35d7ff24}.radius-field-slider::-moz-range-track{height:.42rem;border-radius:999px;border:1px solid rgba(129,155,174,.26);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#819bae1f}.radius-field-slider::-moz-range-thumb{width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(53,215,255,.42);background:#35d7ff;box-shadow:0 0 0 4px #35d7ff24}html[data-theme=light] .radius-field-slider{accent-color:#0d6f95}html[data-theme=light] .radius-field-slider::-webkit-slider-runnable-track{border-color:#53708833;background:linear-gradient(180deg,#ffffffe6,#f8fbfef5),#53708814}html[data-theme=light] .radius-field-slider::-webkit-slider-thumb{border-color:#0d6f9575;background:#0d6f95;box-shadow:0 0 0 4px #0d6f9524}html[data-theme=light] .radius-field-slider::-moz-range-track{border-color:#53708833;background:linear-gradient(180deg,#ffffffe6,#f8fbfef5),#53708814}html[data-theme=light] .radius-field-slider::-moz-range-thumb{border-color:#0d6f9575;background:#0d6f95;box-shadow:0 0 0 4px #0d6f9524}.radius-field-input-wrap{display:inline-flex;align-items:center;gap:.45rem}.radius-field-input-wrap input{width:5.2rem;min-height:2.5rem;height:2.5rem}.radius-field-suffix{font-size:.8rem;color:var(--playground-muted)}.shadow-field{display:grid;gap:.6rem}.shadow-field-topbar{display:flex;align-items:flex-start;gap:.5rem}.shadow-advanced-toggle{margin-left:auto;width:fit-content;min-height:1.72rem;padding:.2rem .5rem;font-size:.72rem;border-radius:8px}.shadow-field-presets{display:inline-flex;flex-wrap:wrap;gap:.45rem}.shadow-preset-button{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.3rem .62rem;border-radius:9px;border:1px solid rgba(129,155,174,.2);background:#ffffff08;color:var(--playground-muted);font-size:.78rem;cursor:pointer}.shadow-preset-button.is-active{border-color:#35d7ff57;background:#35d7ff21;color:var(--playground-ink)}html[data-theme=light] .shadow-preset-button{border-color:#53708829;background:#ffffffdb}html[data-theme=light] .shadow-preset-button.is-active{border-color:#0fa6d83d;background:#0fa6d81f;color:#10293b}.theme-shape-preview{grid-column:1 / -1;margin-top:.1rem}.theme-shape-preview-surface{min-height:3rem;border:1px solid rgba(129,155,174,.2);display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .7rem;transition:border-radius .16s ease}.theme-shape-preview-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.18rem .48rem;border:1px solid rgba(129,155,174,.24);background:#819bae1a;font-size:.72rem;font-family:IBM Plex Mono,monospace;line-height:1}.theme-shape-preview-surface strong{font-family:Sora,sans-serif;font-size:.95rem;font-weight:700}html[data-theme=light] .theme-shape-preview-surface{border-color:#53708824}html[data-theme=light] .theme-shape-preview-badge{border-color:#53708833;background:#0fa6d81a;color:#2d475bdb}.section-builder,.section-list,.section-items,.nested-builder{display:flex;flex-direction:column;gap:1rem}.nested-builder{margin-top:.8rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}html[data-theme=light] .nested-builder{border-top-color:#5370881f}.nested-builder>.row-between{margin-bottom:.2rem}.section-builder{margin-top:1.5rem}.section-card,.item-card,.nested-card{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff09,#ffffff05),#ffffff08}html[data-theme=light] .section-card,html[data-theme=light] .item-card,html[data-theme=light] .nested-card{background:linear-gradient(135deg,#ffffffdb,#f6f9fceb),#ffffffe6;border-color:#5370881f}.section-card{padding:.85rem;background:linear-gradient(135deg,#ffffff0a,#ffffff04),#ffffff09}.item-card{padding:.8rem;box-shadow:inset 0 1px #ffffff05}.nested-card{padding:.8rem;background:#ffffff08}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.inline-button{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#f7f2ebdb;border-radius:10px;padding:.48rem .72rem;font-size:.84rem;font-weight:500}html[data-theme=light] .playground-page .inline-button{border-color:#5370882e;background:#ffffffeb;color:#17324a;box-shadow:0 4px 12px #2840510f}html[data-theme=light] .playground-page .inline-button:hover{background:#0fa6d814;border-color:#0fa6d838;color:#10283a}html[data-theme=light] .playground-page .inline-button:disabled{opacity:.5;color:#4e6476b8;background:#ffffffb8}.full-width{width:100%;justify-content:center;padding-block:.82rem}.editor-detail-body>.ghost-button.full-width{margin-top:.85rem}.section-builder-toolbar .section-add-button,.editor-topbar .inline-button,.item-footer .inline-button,.nested-builder>.row-between .inline-button,.editor-detail-body>.ghost-button.full-width{min-height:2.5rem;padding-top:.56rem;padding-bottom:.56rem}.item-meta{color:#f7f2eb8f;font-size:.85rem}html[data-theme=light] .playground-page .item-meta{color:#455b6cb3}.editor-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:end;margin-bottom:.9rem}.editor-actions{display:inline-flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.item-footer{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;margin-top:.7rem}.toggle-field{display:inline-flex;align-items:center;gap:.5rem;color:var(--playground-muted);padding:.44rem .62rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;min-height:40px}html[data-theme=light] .toggle-field{background:#fffc;border-color:#5370881f}.toggle-field input{width:auto}.toggle-field input[type=checkbox]{width:.92rem;height:.92rem;min-height:0;padding:0;border-radius:.2rem;border:1px solid rgba(129,155,174,.45);background:#ffffff08;box-shadow:none;accent-color:#35d7ff}html[data-theme=light] .toggle-field input[type=checkbox]{border-color:#53708859;background:#fafdfff5;accent-color:#0d6f95}html[data-theme=light] .toggle-field input[type=checkbox]:checked{border-color:#0d6f958c;box-shadow:0 0 0 1px #0d6f951f}.code-panel .panel-heading{align-items:start}.code-panel{position:sticky;top:5.4rem;align-self:start;min-width:0}.tab-row{flex-wrap:wrap;margin-top:1rem;gap:.45rem}.tab{display:inline-flex;align-items:center;gap:.45rem;border-radius:10px;background:#ffffff08;color:var(--playground-muted);border-color:#ffffff14;padding:.5rem .72rem;font-size:.84rem}.tab.active{background:#35d7ff29;border-color:#35d7ff52;color:var(--playground-ink)}.tab .tech-icon-tailwind{width:1.02rem;height:1.02rem;stroke-width:2.05;transform:translateY(.01rem)}html[data-theme=light] .tab{background:#ffffffe0;border-color:#53708829;color:#27465e}html[data-theme=light] .tab:hover{background:#0fa6d814;border-color:#0fa6d838;color:#10283a}html[data-theme=light] .tab.active{background:#0fa6d821;border-color:#0fa6d847;color:#0f2333}.code-panel-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem;padding:.95rem 1rem;border-radius:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);color:var(--playground-muted)}html[data-theme=light] .code-panel-meta{background:#ffffffd6;border-color:#5370881f}.code-chip{display:inline-flex;padding:.38rem .6rem;border-radius:999px;background:#35d7ff24;color:var(--playground-ink);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,monospace}.code-block{margin:1rem 0 0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#081019;border:1px solid rgba(120,146,167,.18);overflow:hidden;min-width:0;width:fit-content;max-width:100%;box-shadow:0 20px 40px #04090e38}html[data-theme=light] .code-block{background:linear-gradient(180deg,#ffffffe6,#f6fafdf5),#f7fbfe;border-color:#53708829;box-shadow:0 18px 36px #2840511a}.code-block code{font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.84rem;line-height:1.65;color:#dff4ff;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}html[data-theme=light] .code-block code{color:#183245}.code-editor-shell{--editor-accent: #35d7ff;--code-bg: #0b131a;--code-tint: rgba(53, 215, 255, .1);--code-text: #dff4ff;--code-line-number: rgba(153, 189, 205, .56);--code-token-keyword: #74e6ff;--code-token-string: #8bf2bc;--code-token-comment: #6f8fa1;--code-token-number: #ffd08a;--code-token-tag: #67d8ff;--code-token-attribute: #a8f3cc;--code-token-operator: #b9e8ff}.code-editor-shell.tech-react{--editor-accent: #61dafb;--code-token-keyword: #7ce8ff;--code-token-tag: #88ecff}.code-editor-shell.tech-vue{--editor-accent: #42b883;--code-token-keyword: #84eec4;--code-token-string: #9df5d2;--code-token-attribute: #8deac0}.code-editor-shell.tech-preact{--editor-accent: #673ab8;--code-tint: rgba(103, 58, 184, .08);--code-token-keyword: #7cd7ff}.code-editor-shell.tech-astro{--editor-accent: #ff5d01;--code-tint: rgba(255, 93, 1, .08);--code-token-keyword: #74e6ff;--code-token-number: #ffc27a}.code-editor-shell.tech-vanilla{--editor-accent: #f7df1e;--code-tint: rgba(247, 223, 30, .07);--code-token-number: #ffd892}.code-editor-shell.tech-css{--editor-accent: #2965f1;--code-tint: rgba(41, 101, 241, .08);--code-token-keyword: #7cdfff}.code-editor-shell.tech-tailwind{--editor-accent: #38bdf8;--code-token-keyword: #77e7ff}html[data-theme=light] .code-editor-shell{--code-bg: #f7fbff;--code-tint: rgba(15, 166, 216, .08);--code-text: #17324a;--code-line-number: rgba(79, 105, 129, .68);--code-token-keyword: #0369a1;--code-token-string: #7c3aed;--code-token-comment: #6b7280;--code-token-number: #0f766e;--code-token-tag: #be185d;--code-token-attribute: #b45309;--code-token-operator: #1d4ed8}.code-toggle-button{position:absolute;right:1rem;bottom:1rem;z-index:3;backdrop-filter:blur(2px)}.code-copy-button{position:absolute;top:1.35rem;right:1.35rem;z-index:4;backdrop-filter:blur(2px);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.code-copy-button .button-icon{transition:transform .18s ease}.code-copy-button .copy-icon{transition:transform .18s ease,opacity .18s ease}.code-copy-button .copy-icon.copy-icon-success{animation:copyIconPop .26s cubic-bezier(.22,1,.36,1)}.code-copy-button:hover .button-icon{transform:scale(1.06)}.code-copy-button.is-success{border-color:#5ae3aa6b;background:#5ae3aa2e;color:#e6fff4;box-shadow:0 0 0 1px #5ae3aa33;animation:copyPulse .32s ease}.code-copy-button.is-error{border-color:#ff75756b;background:#ff757529;color:#ffe9e9;box-shadow:0 0 0 1px #ff75752e;animation:copyPulse .32s ease}html[data-theme=light] .playground-page .code-copy-button.is-success{border-color:#097d564d;background:#2bb97d2e;color:#0e3a2d}html[data-theme=light] .playground-page .code-copy-button.is-error{border-color:#c13e3e4d;background:#ff7e7e2e;color:#4d1d1d}.code-toggle-icon{transition:transform .18s ease}.code-toggle-icon.is-open{transform:rotate(180deg)}.code-collapse{opacity:1}.code-collapse-inner{position:relative;min-height:0}.code-fade-mask{position:absolute;right:0;bottom:0;left:0;height:42%;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#0b131a00,#0b131adb 62%,#0b131afa);pointer-events:none;z-index:2}html[data-theme=light] .code-fade-mask{background:linear-gradient(180deg,#f7fbfe00,#f7fbfed6 62%,#f7fbfef7)}.code-editor-shell .code-block{width:100%;transition:max-height .28s ease;margin-top:.8rem;padding:.8rem 0;background:radial-gradient(circle at top right,var(--code-tint),transparent 42%),var(--code-bg);border-radius:18px;border-color:color-mix(in srgb,var(--editor-accent) 35%,rgba(120,146,167,.18));box-shadow:0 20px 40px #04090e38,0 0 0 1px color-mix(in srgb,var(--editor-accent) 22%,transparent)}.code-editor-shell .code-block.is-collapsed{max-height:26rem;overflow:hidden}.code-editor-shell .code-block.is-expanded{max-height:140rem}.code-editor-shell .code-block code{color:var(--code-text)}.code-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.9rem;padding:0 .95rem}.code-line+.code-line{margin-top:.1rem}.code-line-number{width:1.65rem;text-align:right;color:var(--code-line-number);user-select:none}.code-line-content{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.code-token-keyword{color:var(--code-token-keyword);font-weight:600}.code-token-string{color:var(--code-token-string)}.code-token-comment{color:var(--code-token-comment);font-style:italic}.code-token-number{color:var(--code-token-number)}.code-token-tag{color:var(--code-token-tag)}.code-token-attribute{color:var(--code-token-attribute)}.code-token-operator{color:var(--code-token-operator)}@keyframes copyPulse{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-1px) scale(1.015)}to{transform:translateY(0) scale(1)}}@keyframes copyIconPop{0%{transform:scale(.72);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.playground-page-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);gap:clamp(1rem,2.4vw,1.4rem);margin-bottom:1.6rem}.playground-page-copy{justify-content:center;padding:clamp(1.35rem,2vw,1.9rem)}.playground-page-copy h1{max-width:9ch;font-size:clamp(2.85rem,min(5vw,7.8vh),4.7rem)}.playground-page-copy p{max-width:56ch}.playground-page-flow{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.playground-flow-pill{display:inline-flex;align-items:center;padding:.48rem .76rem;border-radius:999px;border:1px solid rgba(129,155,174,.2);background:#819bae17;color:var(--playground-ink);font-size:.76rem;font-family:IBM Plex Mono,monospace;letter-spacing:.04em}html[data-theme=light] .playground-flow-pill{border-color:#53708833;background:#0fa6d814}.playground-page-copy>.primary-button{width:fit-content;margin-top:.1rem}.playground-page-stage{display:flex}.playground-page-stage-card.playground-page-stage-art{position:relative;overflow:hidden;padding:0;min-height:100%}.playground-page-stage-art:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgba(8,13,17,.18));pointer-events:none}html[data-theme=light] .playground-page-stage-art:after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.14))}.playground-page-stage-image{display:block;width:100%;height:100%;object-fit:cover}.playground-page-stage-image-light,html[data-theme=light] .playground-page-stage-image-dark{display:none}html[data-theme=light] .playground-page-stage-image-light{display:block}.playground-header{align-items:center;margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid var(--playground-border);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#ffffff05}html[data-theme=light] .playground-header{background:linear-gradient(180deg,rgba(255,255,255,.82),transparent),#ffffffb8}.playground-config-overview{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.15rem}.playground-preview-card{margin-top:0;min-height:0;width:100%}.playground-summary-grid{margin-top:0;align-content:start;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.summary-tile strong{font-size:1.18rem}.config-accordion-stack{display:grid;gap:.85rem;margin-top:1rem}.config-accordion,.section-card,.item-card,.nested-card{overflow:hidden}.config-accordion{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#ffffff05}html[data-theme=light] .config-accordion{border-color:#5370881f;background:linear-gradient(180deg,rgba(255,255,255,.82),transparent),#ffffffb8}.config-accordion-summary,.editor-summary{list-style:none}.config-accordion-summary::-webkit-details-marker,.editor-summary::-webkit-details-marker{display:none}.config-accordion-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;cursor:pointer}.config-accordion-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;min-width:0}.config-accordion-step{display:inline-flex;align-items:center;justify-content:flex-start;align-self:start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:color-mix(in srgb,var(--accent) 74%,#eff7fb 26%);font-size:2.3rem;font-weight:700;font-family:IBM Plex Mono,monospace;letter-spacing:.02em;line-height:1;margin-top:-.2rem;text-shadow:0 0 16px color-mix(in srgb,var(--accent) 24%,transparent)}html[data-theme=light] .config-accordion-step{color:color-mix(in srgb,var(--accent-strong) 72%,#102130 28%);text-shadow:none}.config-accordion-summary .eyebrow{margin:0 0 .4rem}.config-accordion-summary h3{margin:0;font-family:Sora,sans-serif;font-size:1.16rem;line-height:1.08;letter-spacing:-.02em}.config-accordion-summary .config-accordion-copy>div>p:last-child{margin:.45rem 0 0;color:var(--playground-muted);line-height:1.55}.config-accordion-icon,.editor-summary-icon{color:var(--playground-muted);transition:transform .16s ease}.config-accordion-icon{width:1rem;height:1rem;flex:0 0 auto;margin-top:.25rem}.config-accordion[open] .config-accordion-icon,details[open]>.editor-summary .editor-summary-icon{transform:rotate(180deg)}.config-accordion-body,.editor-detail-body{padding:.5rem 1.05rem 1.1rem;border-top:1px solid rgba(255,255,255,.06)}html[data-theme=light] .config-accordion-body,html[data-theme=light] .editor-detail-body{border-top-color:#5370881f}.section-builder-toolbar{justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin-bottom:1rem}.section-builder-toolbar .panel-copy{max-width:44ch;margin-bottom:.35rem}.section-builder-toolbar .section-add-button{white-space:nowrap;flex-wrap:nowrap;align-self:flex-start;min-width:10.4rem;justify-content:center;border-color:#35d7ff47;background:#35d7ff21;color:#e7f7ff}.section-builder-toolbar .section-add-button span{white-space:nowrap}.section-builder-toolbar .section-add-button:hover{border-color:#35d7ff6b;background:#35d7ff33}html[data-theme=light] .section-builder-toolbar .section-add-button{border-color:#0fa6d83d;background:#0fa6d824;color:#0f3d57}html[data-theme=light] .section-builder-toolbar .section-add-button:hover{border-color:#0fa6d857;background:#0fa6d833}@media(max-width:960px){.section-builder-toolbar{flex-wrap:wrap}}.section-stack{display:grid;gap:.85rem}.section-card,.item-card,.nested-card{padding:0}.editor-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:.82rem .9rem;cursor:pointer}.editor-summary-copy{display:grid;gap:.18rem;min-width:0}.editor-summary-copy strong{display:block;font-size:.98rem;line-height:1.28;overflow-wrap:anywhere}.editor-summary-copy span{color:var(--playground-muted);font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.editor-summary-meta{display:inline-flex;align-items:center;gap:.55rem}.editor-summary-icon{width:.95rem;height:.95rem;flex:0 0 auto;margin-top:.15rem}.accordion-meta-pill{display:inline-flex;align-items:center;padding:.28rem .5rem;border-radius:999px;border:1px solid rgba(129,155,174,.18);background:#819bae17;color:var(--playground-muted);font-size:.68rem;font-family:IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}html[data-theme=light] .accordion-meta-pill{border-color:#53708829;background:#0fa6d814}.playground-mobile-desktop-notice{display:none}html[data-theme=light] .playground-page .ghost-button{border-color:#5370882e;background:#ffffffeb;color:#18354c;box-shadow:0 4px 12px #2840510f}html[data-theme=light] .playground-page .ghost-button:hover{background:#0fa6d814;border-color:#0fa6d83d;color:#10283a}html[data-theme=light] .playground-page .ghost-button:focus-visible,html[data-theme=light] .playground-page .inline-button:focus-visible,html[data-theme=light] .playground-page .tab:focus-visible,html[data-theme=light] .playground-page .summary-theme-tab:focus-visible,html[data-theme=light] .playground-page .theme-editor-tab:focus-visible{outline:0;box-shadow:0 0 0 2px #0fa6d824,0 4px 14px #28405114}.playground-quick-preview{position:fixed;right:1rem;bottom:1rem;z-index:62;border-radius:999px;padding:.65rem .86rem;font-size:.82rem;line-height:1;box-shadow:inset 0 1px #ffffff0f,0 16px 30px #07121a52}.playground-quick-preview kbd{font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.03em;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#050c1252;padding:.22rem .48rem}html[data-theme=light] .playground-quick-preview kbd{border-color:#0fa6d847;background:#0fa6d81f}.docs-code-block{background:radial-gradient(circle at top right,rgba(76,201,240,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.025),transparent),#0a111a;border-color:#7e97ad33;box-shadow:0 20px 40px #03080e3d}html[data-theme=light] .docs-code-block{background:radial-gradient(circle at top right,rgba(15,166,216,.08),transparent 30%),linear-gradient(180deg,#fffffff5,#f5f9fcfa),#f7fbfe;border-color:#53708829;box-shadow:0 20px 40px #34576f1f}.docs-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#ffffff05}html[data-theme=light] .docs-code-toolbar{border-bottom-color:#5370881f;background:linear-gradient(180deg,#ffffffeb,#eff6fbe6),#ffffffe0}.docs-code-dots{display:inline-flex;gap:.38rem}.docs-code-dots span{width:.64rem;height:.64rem;border-radius:999px}.docs-code-dots span:nth-child(1){background:#ff6f61}.docs-code-dots span:nth-child(2){background:#ffca5f}.docs-code-dots span:nth-child(3){background:#32d296}.docs-code-label{font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#bfd2e0a8}html[data-theme=light] .docs-code-label{color:#3e576bb8}.docs-code-block .astro-code{margin:0;padding:.95rem 1rem 1rem;background:transparent!important;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.84rem;line-height:1.65;overflow-x:auto}html[data-theme=light] .docs-code-block .astro-code{background:transparent!important;color:#183245!important}html[data-theme=light] .docs-code-block .astro-code span[style*="color:#F97583"]{color:#c83f5c!important}html[data-theme=light] .docs-code-block .astro-code span[style*="color:#E1E4E8"]{color:#183245!important}html[data-theme=light] .docs-code-block .astro-code span[style*="color:#9ECBFF"]{color:#0d6efd!important}html[data-theme=light] .docs-code-block .astro-code span[style*="color:#B392F0"]{color:#7a4dd8!important}html[data-theme=light] .docs-code-block .astro-code span[style*="color:#79B8FF"]{color:#1666c1!important}.docs-code-block .astro-code code{display:block;min-width:max-content;white-space:normal;word-break:normal;overflow-wrap:normal}.docs-code-block .astro-code .line{display:block;min-height:1.65em;white-space:pre}.install-selector{display:grid;gap:.9rem;margin-top:1rem}.install-selector-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;justify-content:flex-start}.install-selector-group{display:grid;gap:.42rem;flex:0 0 auto}.install-selector-field{display:grid;gap:.42rem;width:fit-content}.install-selector-dropdown{position:relative}.install-selector-label{margin:0;font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#bfd2e0c2}html[data-theme=light] .install-selector-label{color:#3e576bbd}.install-selector-trigger{width:auto;min-width:12rem;min-height:3rem;justify-content:space-between;gap:.75rem;padding-inline:.92rem .82rem}html[data-theme=light] .install-selector-trigger:hover{background:#0fa6d814;border-color:#0fa6d824;color:#102130}.install-selector-trigger.is-open{background:#ffffff0f;border-color:#ffffff1a;color:#f4fbff}.install-selector-menu{top:calc(100% + .45rem);right:auto;left:0;display:block;width:max-content;min-width:100%;display:grid;gap:.18rem}.install-selector-menu[hidden]{display:none}.install-selector-item{width:100%;justify-content:flex-start;border:0;background:transparent;font:inherit;cursor:pointer}.install-selector-item[aria-current=true]{background:#ffffff0f;border-color:#ffffff1a;color:#f5fbff;box-shadow:inset 0 0 0 1px #ffffff0d}html[data-theme=light] .install-selector-trigger.is-open{background:#fffffff5;border-color:#53708829;color:#12202b}html[data-theme=light] .install-selector-item[aria-current=true]{color:#0e1720;background:#0fa6d824;border-color:#0fa6d833}html[data-theme=light] .install-selector-item:hover{background:#0fa6d814;border-color:#0fa6d81f;color:#102130}.install-code-block,.hero-proof .hero-install-selector{margin-top:0}.hero-proof .hero-install-code{width:100%;max-width:none}.hero-proof .hero-install-code .docs-code-toolbar,.hero-proof .hero-install-code .install-code-pre{width:100%}.install-code-pre{margin:0;padding:.95rem 1rem 1rem;overflow-x:auto;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.84rem;line-height:1.65;background:transparent}.install-code-pre code{color:#d8e8f7;white-space:pre}html[data-theme=light] .install-code-pre code{color:#183245}.install-token-manager{color:#f97583}.install-token-action{color:#b392f0}.install-token-package{color:#9ecbff}html[data-theme=light] .install-token-manager{color:#c83f5c}html[data-theme=light] .install-token-action{color:#7a4dd8}html[data-theme=light] .install-token-package{color:#0d6efd}.install-selector-link{width:fit-content;color:#b7ebff}.install-selector-link:hover{color:#eff7fb}html[data-theme=light] .install-selector-link{color:#0878a8}html[data-theme=light] .install-selector-link:hover{color:#0e1720}@media(max-width:720px){.install-selector-controls{flex-direction:column;align-items:stretch}.install-selector-group,.install-selector-field,.install-selector-trigger,.install-selector-menu{width:100%}.install-selector-trigger{min-width:0}}.inline-code-block{margin:1rem 0 0;padding:.88rem .94rem;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#081019;border:1px solid rgba(121,145,160,.18);overflow:auto;color:#f4fbff;box-shadow:0 14px 28px #03080e29}html[data-theme=light] .inline-code-block{background:linear-gradient(180deg,#fffffff0,#f5f9fcfa),#f7fbfe;border-color:#53708824;color:#183245;box-shadow:0 14px 28px #34576f14}.docs-shell{padding-top:2.2rem;display:grid;grid-template-columns:17rem minmax(0,1fr);gap:1.1rem;align-items:start}.docs-sidebar{position:sticky;top:5.7rem}.docs-sidebar-card{padding:1rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#0a1116e6;box-shadow:0 20px 48px #0003}html[data-theme=light] .docs-sidebar-card{background:linear-gradient(180deg,rgba(255,255,255,.72),transparent),#fffffff0;box-shadow:0 20px 40px #28405114}.docs-sidebar-eyebrow{margin:0 0 .75rem;font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.docs-nav{display:grid;gap:.26rem}.docs-subnav,.mobile-docs-subnav{display:grid;gap:.18rem;padding:.18rem 0 .4rem 1rem;animation:ui-reveal-down var(--motion-medium) var(--motion-ease-standard);transform-origin:top left;will-change:transform,opacity,clip-path}.docs-nav a,.mobile-docs-nav a{display:block;padding:.72rem .8rem;border-radius:12px;color:var(--ink-muted);border:1px solid transparent;transition:background-color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-medium) var(--motion-ease-standard)}.docs-subnav-link,.mobile-docs-subnav-link{display:block;padding:.46rem .72rem;border-radius:10px;color:#9fb4c4d1;border:1px solid transparent;font-size:.9rem;transition:background-color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-medium) var(--motion-ease-standard);animation:ui-fade-scale-in var(--motion-medium) var(--motion-ease-emphasis)}.docs-nav a:hover,.mobile-docs-nav a:hover,.docs-subnav-link:hover,.mobile-docs-subnav-link:hover{background:#ffffff0a;color:#f2fbff;transform:translate(2px)}.docs-nav a[aria-current=page],.mobile-docs-nav a[aria-current=page]{background:linear-gradient(135deg,#35d7ff29,#8af2bc14),#ffffff08;border-color:#35d7ff38;color:#f5fbff;box-shadow:inset 0 1px #ffffff08,0 10px 24px #040c1229}.docs-subnav-link.is-active,.mobile-docs-subnav-link.is-active{background:transparent;border-color:transparent;color:#f4fcff;font-weight:600;transform:translate(2px);box-shadow:none}html[data-theme=light] .docs-nav a:hover,html[data-theme=light] .mobile-docs-nav a:hover,html[data-theme=light] .docs-subnav-link:hover,html[data-theme=light] .mobile-docs-subnav-link:hover{background:#0fa6d814;color:#0e1720}html[data-theme=light] .docs-nav a[aria-current=page],html[data-theme=light] .mobile-docs-nav a[aria-current=page]{background:#0fa6d81f;border-color:#0fa6d82e;color:#0e1720}html[data-theme=light] .docs-subnav-link.is-active,html[data-theme=light] .mobile-docs-subnav-link.is-active{background:transparent;border-color:transparent;color:#102130;box-shadow:none}.mobile-docs-nav{display:none}@media(max-width:640px){.mobile-docs-nav{display:grid}}.mobile-docs-nav-label{margin:0;padding:0 .2rem .1rem;font-size:.72rem;font-family:IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.docs-panel{max-width:none;min-width:0;padding:1.5rem 1.55rem 1.7rem;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(53,215,255,.06),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.025),transparent),#0a1116f0;box-shadow:0 24px 64px #00000038}html[data-theme=light] .docs-panel{background:radial-gradient(circle at top right,rgba(15,166,216,.05),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.72),transparent),#fffffff0;box-shadow:0 24px 48px #28405114}.docs-panel h1{margin-top:.6rem;font-family:Sora,sans-serif;font-size:clamp(2.4rem,5vw,3.7rem);line-height:.94;letter-spacing:-.05em}.docs-panel h2{margin-top:2rem;font-family:Sora,sans-serif;font-size:1.3rem;letter-spacing:-.03em;scroll-margin-top:7.4rem}.docs-panel p,.docs-panel li{color:var(--ink-muted);line-height:1.7}.docs-panel p code,.docs-panel li code{display:inline;padding:.08rem .34rem;border-radius:.45rem;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.92em;font-weight:500;line-height:inherit;letter-spacing:-.01em;vertical-align:baseline;color:var(--ink);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}html[data-theme=light] .docs-panel p code,html[data-theme=light] .docs-panel li code{color:#173042;background:#0fa6d814;border-color:#0fa6d81f}.docs-panel ul{padding-left:1.2rem}.docs-faq{margin:.9rem 0 1.35rem;display:grid;gap:.55rem}.docs-faq-item{border:1px solid var(--line);border-radius:12px;background:#ffffff05;padding:.72rem .85rem .82rem}.docs-faq-question{margin:0 0 .35rem;color:var(--ink);font-weight:600;line-height:1.4}.docs-faq-answer{padding:0}.docs-faq-answer p{margin:0}.docs-panel a{color:#b7ebff}.docs-panel a:hover{color:#eff7fb}.docs-media{margin:1rem 0 1.35rem;display:grid;gap:.45rem}.docs-media img{width:100%;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:#ffffff05}.docs-media figcaption{margin:0;color:var(--ink-muted);font-size:.86rem}html[data-theme=light] .docs-panel a{color:#0878a8}html[data-theme=light] .docs-faq-item{background:#0fa6d80a;border-color:#0fa6d82e}html[data-theme=light] .docs-panel a:hover{color:#0e1720}.legal-shell{padding-top:2.2rem}.legal-panel{max-width:none;width:100%}.legal-updated{color:var(--ink-muted);font-size:.95rem;margin-bottom:1.1rem}.legal-section{border-top:1px solid var(--line);padding-top:1rem}.legal-section h2{font-size:clamp(1.08rem,.96rem + .35vw,1.34rem);margin-bottom:.6rem}.legal-section ul{margin:.55rem 0 .95rem 1.15rem;padding:0}.legal-section li{color:var(--ink-muted);line-height:1.7;margin:.42rem 0}@media(max-width:960px){.hero,.playground-page-hero,.docs-shell,.workspace-grid,.form-grid,.overview-grid,.launch-band,.item-grid{grid-template-columns:1fr}.hero-copy h1{max-width:none}.content-band-overview{margin-top:1.05rem}.content-band+.content-band{margin-top:1.35rem}.hero{grid-template-columns:1fr;height:auto;min-height:0}.hero-column-main,.hero-column-stage{display:contents}.hero-copy{order:1}.hero-stage{order:2}.hero-stage-footer{order:3}.hero-proof{order:4}.hero-stage{height:auto}.hero-palette-shell{display:none;height:auto;max-height:none}.hero-stage-footer>.hero-actions{margin-top:.7rem}.page-shell,.site-shell{width:min(100vw - 2rem,1280px)}.playground-header{grid-template-columns:1fr}.playground-mobile-desktop-notice{display:grid;gap:.45rem;margin:0 0 .95rem;padding:.9rem .95rem;border-radius:14px;border:1px solid rgba(245,158,11,.28);background:#f59e0b14}html[data-theme=light] .playground-mobile-desktop-notice{border-color:#d977064d;background:#d9770614}.playground-mobile-desktop-notice strong{font-size:.88rem;font-family:Sora,sans-serif;line-height:1.2}.playground-mobile-desktop-notice p{margin:0;color:var(--playground-muted);font-size:.84rem;line-height:1.52}.playground-summary-grid,.playground-config-overview,.editor-topbar,.item-footer{grid-template-columns:1fr}.hero-proof,.hero-stage-row{grid-template-columns:1fr;flex-direction:column}.hero{height:auto;padding-top:2rem}.playground-page-copy{padding:1rem}.playground-page-stage-card.playground-page-stage-art{min-height:320px}.config-accordion-summary,.editor-summary,.section-builder-toolbar{padding-inline:1rem}.tech-strip{margin-top:.9rem}.overview-card-large,.overview-card-search,.overview-card-react{grid-column:auto}.home-spotlight,.home-feature-grid,.home-runway{grid-template-columns:1fr}.home-feature-card,.home-runway-install,.home-runway-docs,.home-runway-playground{grid-column:auto}.home-media-frame,.home-feature-media{min-height:13rem}.code-panel{position:static}.playground-quick-preview{display:none}.playground-page{width:min(100vw - 2rem,1600px)}.code-block{min-height:0}.code-editor-shell .code-block.is-collapsed{max-height:min(65svh,24rem)}.docs-sidebar{display:none}}@media(max-width:640px){.site-shell,.page-shell,.playground-page{width:min(100vw - 1.5rem,1600px)}.home-spotlight{padding:1rem}.home-spotlight-copy h2{max-width:none}.home-feature-copy{padding:.98rem 1rem 1rem}.home-runway-card{padding:1rem}.home-runway-commands{padding:.84rem}.hero-copy h1{font-size:clamp(2.6rem,12vw,4rem);line-height:.96}.playground-header-copy h2,.panel-heading h2{font-size:1.65rem}.playground-page-flow,.preview-meta-row{flex-wrap:wrap}.docs-code-block .astro-code,.install-code-pre,.code-block{overflow-x:auto;-webkit-overflow-scrolling:touch}.docs-code-block .astro-code code,.install-code-pre code{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.docs-code-block .astro-code .line{white-space:pre-wrap}.code-line-content{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.cmdkit-astro-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;z-index:9999;backdrop-filter:blur(14px)}.cmdkit-astro-overlay[hidden]{display:none!important}.cmdkit-astro-dialog{width:min(700px,calc(100vw - 4rem));max-height:min(720px,calc(100vh - 2rem));overflow:hidden;box-sizing:border-box;padding:1.6rem;display:flex;flex-direction:column;gap:1.15rem;font-family:Sora,Inter,Segoe UI,system-ui,-apple-system,sans-serif}.cmdkit-astro-header{display:flex;justify-content:space-between;gap:1.1rem;align-items:flex-start}.cmdkit-astro-breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .45rem;color:#94a3b8;font-size:.78rem;font-family:IBM Plex Mono,Cascadia Code,Fira Code,ui-monospace,monospace}.cmdkit-astro-title{margin:0;font-size:1.24rem;font-weight:600;letter-spacing:-.006em;line-height:1.2;display:inline-flex;align-items:center;gap:.45rem;min-width:0}.cmdkit-astro-title-back{border:none;background:transparent;width:auto;height:auto;min-width:auto;min-height:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .14s ease,color .16s ease,opacity .16s ease;opacity:.9}.cmdkit-astro-title-back[hidden]{display:none!important}.cmdkit-astro-caption{margin:.35rem 0 0;color:#94a3b8;font-size:.92rem;font-family:Sora,Inter,Segoe UI,system-ui,-apple-system,sans-serif}.cmdkit-astro-header-actions{display:flex;gap:.5rem;align-items:flex-start}.cmdkit-astro-close{border-radius:999px;min-width:2.4rem;min-height:2.4rem;padding:0;display:inline-grid;place-items:center;line-height:1;font-size:0;font-weight:700;background:transparent;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .14s ease}.cmdkit-astro-input{width:100%;box-sizing:border-box;border-radius:18px;padding:1.06rem 1.22rem;font-size:1rem;outline:none}.cmdkit-astro-input::placeholder{color:var(--cmdkit-placeholder-color);opacity:1}.cmdkit-astro-input:focus,.cmdkit-astro-input:focus-visible,.cmdkit-astro-input:focus-within{outline:none!important;box-shadow:none!important;border-color:inherit}.cmdkit-astro-list{overflow:auto;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:1rem}.cmdkit-astro-list::-webkit-scrollbar{width:0;height:0}.cmdkit-astro-section{display:flex;flex-direction:column;gap:.7rem}.cmdkit-astro-section-title{margin:0;color:#94a3b8;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-family:IBM Plex Mono,Cascadia Code,Fira Code,ui-monospace,monospace}.cmdkit-astro-section-title:empty{display:none}.cmdkit-astro-section-items{display:flex;flex-direction:column;gap:.32rem}.cmdkit-astro-item{width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:18px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.64rem .86rem;background:transparent;cursor:pointer;color:inherit;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.cmdkit-astro-item[data-active=true]{background:#35d7ff24;border-color:#35d7ff42}.cmdkit-astro-item[disabled]{opacity:.55;cursor:not-allowed}.cmdkit-astro-item-title{display:block;font-weight:600;font-size:.98rem;line-height:1.16;letter-spacing:-.004em;transform:scale(1);transform-origin:left center;transition:transform .26s cubic-bezier(.22,1,.36,1),color .18s ease;will-change:transform;font-family:Sora,Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#bcd0dfe0}.cmdkit-astro-leading{display:flex;align-items:center;gap:.9rem}.cmdkit-astro-icon{display:inline-flex;align-items:center;justify-content:center;width:2.05rem;height:2.05rem;font-size:1.5rem;line-height:1;flex-shrink:0;transform:scale(1);transition:transform .26s cubic-bezier(.22,1,.36,1),color .18s ease;will-change:transform;color:#bcd0dfe0}.cmdkit-astro-icon[data-active=true]{color:#eaf8ff}.cmdkit-astro-item[data-active=true] .cmdkit-astro-icon{transform:scale(1.12)}.cmdkit-astro-item:hover .cmdkit-astro-icon{transform:scale(1.12);color:#eaf8ff}.cmdkit-astro-item[data-active=true] .cmdkit-astro-item-title,.cmdkit-astro-item:hover .cmdkit-astro-item-title{transform:scale(1.05);color:#eaf8ff}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-item[data-active=true]{background:#0fa6d821;border-color:#0fa6d838}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-title{color:#0e1720c7}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-section-title{color:#31445494}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-icon{color:#2f546bdb}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-icon[data-active=true],.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-item:hover .cmdkit-astro-icon{color:#0b607f}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-item-title{color:#2f546bdb}.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-item[data-active=true] .cmdkit-astro-item-title,.cmdkit-astro-dialog[data-mode=light] .cmdkit-astro-item:hover .cmdkit-astro-item-title{color:#0b607f}.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-close,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-title-back,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-item,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-item-title,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-icon{transition:none!important}.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-item:hover .cmdkit-astro-icon,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-item:hover .cmdkit-astro-item-title,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-item[data-active=true] .cmdkit-astro-icon,.cmdkit-astro-dialog[data-reduced-motion=true] .cmdkit-astro-item[data-active=true] .cmdkit-astro-item-title{transform:none!important}.cmdkit-astro-subtitle{display:block;font-size:.86rem;color:#94a3b8;margin-top:.12rem;line-height:1.2}.cmdkit-astro-shortcut{color:#94a3b8;font-size:.82rem;white-space:nowrap;font-family:IBM Plex Mono,Cascadia Code,Fira Code,ui-monospace,monospace}.cmdkit-astro-empty{border-radius:18px;border:1px dashed currentColor;color:#94a3b8;text-align:center;padding:2rem}