.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.site-logo[data-astro-cid-uivuhh7y]{width:auto;height:26px;display:block}:root{--comp-height--default:40px;--comp-height--large:48px;--scroll-width:var(--scroll-width,8px)}html,body{background:var(--bg);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}body{overflow-y:auto}body::-webkit-scrollbar{width:var(--scroll-width,8px);height:var(--scroll-width,8px)}body::-webkit-scrollbar-button{display:none}body::-webkit-scrollbar-thumb{width:var(--scroll-width,8px);border-radius:var(--scroll-width,8px);background:var(--scrollbar)}body::-webkit-scrollbar-track{background:var(--bg)}body::-webkit-scrollbar-corner{background:var(--bg)}#app{min-height:100vh}div,span,p,a,input,button,textarea,pre{color:var(--text);font-family:var(--font-normal)}p{margin:0}.a-scroll-locked{overflow:hidden}.a-scroll-locked::-webkit-scrollbar{width:0;height:0;display:none}.a-fade-enter-active,.a-fade-leave-active{opacity:1;transition:opacity .1s ease-in-out}.a-fade-enter-from,.a-fade-leave-to{opacity:0;transition:opacity .1s ease-in-out}.a-scrollbar-styled::-webkit-scrollbar{width:8px;height:8px}.a-scrollbar-styled::-webkit-scrollbar-button{display:none}.a-scrollbar-styled::-webkit-scrollbar-thumb{border-radius:var(--a-radius-full,999px);background:var(--scrollbar,var(--border));transition:background-color .1s ease-out}.a-scrollbar-styled::-webkit-scrollbar-thumb:hover{background:var(--primary-60)}.a-scrollbar-styled::-webkit-scrollbar-track{background:0 0}.a-scrollbar-styled::-webkit-scrollbar-corner{background:0 0}:root{--a-radius-xs:6px;--a-radius-sm:10px;--a-radius:14px;--a-radius-lg:18px;--a-radius-xl:22px;--a-radius-full:999px;--anim-duration-quick:.12s;--anim-duration-slow:.32s;--a-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--a-ease-soft:cubic-bezier(.22, .61, .36, 1);--a-shadow-xs:0 1px 3px var(--shadow-4), 0 2px 8px var(--shadow-4);--a-shadow-sm:0 2px 6px var(--shadow-4), 0 6px 16px -4px var(--shadow-8);--a-shadow-md:0 4px 10px var(--shadow-5), 0 12px 28px -8px var(--shadow-10);--a-shadow-lg:0 8px 16px var(--shadow-6), 0 20px 44px -12px var(--shadow-12);--a-focus-ring:0 0 0 3px var(--primary-18);--a-surface:var(--bg-bright);--a-surface-control:var(--bg-bright);--a-surface-input:var(--bg-semi-light);--a-surface-border-color:transparent;--a-surface-backdrop:none;--a-surface-highlight:0 0 #0000}html[theme=dark]{--a-shadow-xs:0 1px 3px var(--shadow-30), 0 3px 10px var(--shadow-24);--a-shadow-sm:0 2px 8px var(--shadow-30), 0 8px 22px -4px var(--shadow-36);--a-shadow-md:0 4px 12px var(--shadow-30), 0 14px 34px -8px var(--shadow-40);--a-shadow-lg:0 8px 18px var(--shadow-36), 0 26px 56px -12px var(--shadow-40);--a-surface-border-color:#ffffff14;--a-surface-highlight:inset 0 1px 0 #ffffff0d;--a-focus-ring:0 0 0 3px var(--primary-30,var(--primary-18))}html[data-anyui-style=glass],.a-glass{--a-surface:color-mix(in srgb, var(--bg-bright) 55%, transparent);--a-surface-control:color-mix(in srgb, var(--bg-bright) 82%, transparent);--a-surface-input:color-mix(in srgb, var(--bg-semi-light) 75%, transparent);--a-surface-backdrop:blur(18px) saturate(1.7);--a-surface-border-color:#ffffff75;--a-surface-highlight:inset 0 1px 1px #ffffff9e, inset 0 -1px 1px #ffffff1f, inset 0 0 0 1px #ffffff2e;--a-item-hover-bg:#ffffff4d;--a-item-selected-bg:#ffffff70;--a-item-selected-gradient:none;--a-item-selected-color:var(--text);--a-item-selected-text-shadow:none;--a-item-selected-highlight:inset 0 1px 0 #ffffffbf, inset 0 0 0 1px #ffffff47;--a-item-selected-shadow:0 2px 10px var(--shadow-10);--a-alert-surface:color-mix(in srgb, var(--bg-bright) 30%, transparent)}html[theme=dark][data-anyui-style=glass],html[theme=dark] .a-glass{--a-surface:color-mix(in srgb, var(--bg-bright) 50%, transparent);--a-surface-control:color-mix(in srgb, var(--bg-bright) 78%, transparent);--a-surface-input:color-mix(in srgb, var(--bg-semi-light) 70%, transparent);--a-surface-backdrop:blur(20px) saturate(1.45) brightness(1.1);--a-surface-border-color:#ffffff29;--a-surface-highlight:inset 0 1px 1px #ffffff38, inset 0 -1px 1px #ffffff0d, inset 0 0 0 1px #ffffff12;--a-item-hover-bg:#ffffff17;--a-item-selected-bg:#ffffff26;--a-item-selected-gradient:none;--a-item-selected-color:var(--text);--a-item-selected-text-shadow:none;--a-item-selected-highlight:inset 0 1px 0 #ffffff47, inset 0 0 0 1px #ffffff1a;--a-item-selected-shadow:0 2px 10px var(--shadow-20);--a-alert-surface:color-mix(in srgb, var(--bg-bright) 28%, transparent)}:root{--primary:#0f6fefe6;--primary-100:#0f6fef;--primary-90:#0f6fefe6;--primary-85:#0f6fefd9;--primary-80:#0f6fefcc;--primary-75:#0f6fefbf;--primary-70:#0f6fefb3;--primary-60:#0f6fef99;--primary-40:#0f6fef66;--primary-30:#0f6fef4d;--primary-20:#0f6fef33;--primary-18:#0f6fef2e;--primary-12:#0f6fef1f;--primary-10:#0f6fef1a;--primary-8:#0f6fef14;--primary-6:#0f6fef0f;--primary-4:#0f6fef0a;--primary-l-6:#2b80f2e6;--primary-d-4:#0e66dce6;--secondary:#11cdefe6;--secondary-100:#11cdef;--secondary-90:#11cdefe6;--secondary-85:#11cdefd9;--secondary-80:#11cdefcc;--secondary-75:#11cdefbf;--secondary-70:#11cdefb3;--secondary-60:#11cdef99;--secondary-40:#11cdef66;--secondary-30:#11cdef4d;--secondary-20:#11cdef33;--bg:#f8f8fa;--bg-bright:#fff;--bg-light:#fff;--bg-semi-light:#fcfcfd;--bg-alter:#f6f6f8;--bg-semi-dark:#f1f1f5;--bg-darker:#ececf2;--bg-hover:#f1f1f5;--bg-active:#ededf2;--bg-readonly:#f0f0f3;--bg-disabled:#dadadc;--text:#202426;--text-80:#202426cc;--text-secondary:#909293;--text-disabled:#a0a1a4;--text-placeholder:#aeaeae;--text-btn:#fdfdfe;--text-white:#fafbfd;--icon-fill:#a6a8a9;--scrollbar:#c0c2c3;--success:#60d332;--success-85:#60d332d9;--success-80:#60d332cc;--success-75:#60d332bf;--success-60:#60d33299;--warn:#f3bd29;--warn-85:#f3bd29d9;--warn-80:#f3bd29cc;--warn-75:#f3bd29bf;--warn-60:#f3bd2999;--danger:#e73f33;--danger-85:#e73f33d9;--danger-80:#e73f33cc;--danger-75:#e73f33bf;--danger-60:#e73f3399;--info:#2f7ce0;--info-85:#2f7ce0d9;--info-80:#2f7ce0cc;--info-75:#2f7ce0bf;--info-60:#2f7ce099;--border:#cecdd0;--border-80:#cecdd0cc;--border-lighter:#dddddf;--border-light:#d8d8da;--border-semi-light:#d3d2d5;--border-semi-dark:#c8c6ca;--border-dark:#c2c1c4;--border-darker:#bfbdc1;--overlay:#0003;--line:#eff2f3;--shadow:#001220;--shadow-2:#00122005;--shadow-4:#0012200a;--shadow-5:#0012200d;--shadow-6:#0012200f;--shadow-8:#00122014;--shadow-10:#0012201a;--shadow-12:#0012201f;--shadow-18:#0012202e;--shadow-20:#00122033;--shadow-24:#0012203d;--shadow-25:#00122040;--shadow-30:#0012204d;--shadow-36:#0012205c;--shadow-40:#00122066;--shadow-w:#fff;--shadow-w-4:#ffffff0a;--shadow-w-5:#ffffff0d;--shadow-w-6:#ffffff0f;--shadow-w-8:#ffffff14;--shadow-w-10:#ffffff1a;--shadow-w-20:#fff3;--shadow-w-24:#ffffff3d;--mask:#0009;--a-header-height:var(--header-height,64px);--a-footer-height:var(--footer-height,64px);--font-normal:var(--main-font,"Quicksand"), -apple-system, BlinkMacSystemFont, "Microsoft Yahei UI", "Microsoft Yahei", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--anim-duration:var(--anim-duration,.2s)}html[theme=dark]{--primary:#146de9e6;--primary-100:#146de9;--primary-90:#146de9e6;--primary-85:#146de9d9;--primary-80:#146de9cc;--primary-75:#146de9bf;--primary-70:#146de9b3;--primary-60:#146de999;--primary-40:#146de966;--primary-30:#146de94d;--primary-20:#146de933;--primary-18:#146de92e;--primary-12:#146de91f;--primary-10:#146de91a;--primary-8:#146de914;--primary-6:#146de90f;--primary-4:#146de90a;--primary-l-6:#2e7eede6;--primary-d-4:#1264d6e6;--secondary:#4aa2b7e6;--secondary-100:#4aa2b7;--secondary-90:#4aa2b7e6;--secondary-85:#4aa2b7d9;--secondary-80:#4aa2b7cc;--secondary-75:#4aa2b7bf;--secondary-70:#4aa2b7b3;--secondary-60:#4aa2b799;--secondary-40:#4aa2b766;--secondary-30:#4aa2b74d;--secondary-20:#4aa2b733;--bg:#0f0f0f;--bg-bright:#222;--bg-light:#1e1e1e;--bg-semi-light:#1a1a1a;--bg-alter:#0f0f0f;--bg-semi-dark:#0d0d0d;--bg-darker:#0c0c0c;--bg-hover:#151515;--bg-active:#181818;--bg-readonly:#141618;--bg-disabled:#232425;--text:#d7d9db;--text-80:#d7d9dbcc;--text-secondary:#515354;--text-disabled:#5a5a5c;--text-placeholder:#616161;--text-btn:#e6e6e7;--text-white:#0a0d0e;--icon-fill:#5c5e5e;--scrollbar:#484a4b;--success:#5fa741;--success-85:#5fa741d9;--success-80:#5fa741cc;--success-75:#5fa741bf;--success-60:#5fa74199;--warn:#be993e;--warn-85:#be993ed9;--warn-80:#be993ecc;--warn-75:#be993ebf;--warn-60:#be993e99;--danger:#e23e32;--danger-85:#e23e32d9;--danger-80:#e23e32cc;--danger-75:#e23e32bf;--danger-60:#e23e3299;--info:#3079da;--info-85:#3079dad9;--info-80:#3079dacc;--info-75:#3079dabf;--info-60:#3079da99;--border:#4e4d4d;--border-80:#4e4d4dcc;--border-lighter:#5d5c5c;--border-light:#585757;--border-semi-light:#535252;--border-semi-dark:#484747;--border-dark:#424141;--border-darker:#3f3e3e;--overlay:#ffffff0a;--line:#111516;--shadow:#2d2e30;--shadow-2:#2d2e3005;--shadow-4:#2d2e300a;--shadow-5:#2d2e300d;--shadow-6:#2d2e300f;--shadow-8:#2d2e3014;--shadow-10:#2d2e301a;--shadow-12:#2d2e301f;--shadow-18:#2d2e302e;--shadow-20:#2d2e3033;--shadow-24:#2d2e303d;--shadow-25:#2d2e3040;--shadow-30:#2d2e304d;--shadow-36:#2d2e305c;--shadow-40:#2d2e3066;--shadow-w:#5d5f5f;--shadow-w-4:#5d5f5f0a;--shadow-w-5:#5d5f5f0d;--shadow-w-6:#5d5f5f0f;--shadow-w-8:#5d5f5f14;--shadow-w-10:#5d5f5f1a;--shadow-w-20:#5d5f5f33;--shadow-w-24:#5d5f5f3d;--mask:#0009}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-normal);color:var(--text);--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;background:0 0;min-height:100vh;overflow-x:hidden}html>body{background:0 0;position:static}a{color:var(--primary);text-decoration:none}code,pre,kbd,.astro-code{font-family:var(--font-mono)}.astro-code,.astro-code span,.astro-code code,.prose pre,.prose :not(pre)>code,.prose kbd{font-family:var(--font-mono)!important}.site-backdrop{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.site-backdrop:before{content:"";background-image:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 22%, transparent) 0 4px, transparent 5px), radial-gradient(circle at center, color-mix(in srgb, var(--secondary) 18%, transparent) 0 3px, transparent 4px), radial-gradient(circle at center, color-mix(in srgb, var(--primary) 12%, transparent) 0 2px, transparent 3px);filter:blur(8px);opacity:.9;background-position:0 0,32px 32px,16px 48px;background-size:64px 64px,64px 64px,96px 96px;position:absolute;inset:-10%;mask-image:linear-gradient(#000 0% 38%,#0000 78%)}.site-backdrop span{border-radius:var(--a-radius-full,999px);filter:blur(90px);opacity:.22;position:absolute}.site-backdrop span:first-child{background:var(--primary);width:540px;height:540px;top:-200px;left:-180px}.site-backdrop span:nth-child(2){background:var(--secondary);width:480px;height:480px;top:40px;right:-160px}.site-backdrop span:nth-child(3){background:var(--secondary);opacity:.12;width:600px;height:600px;top:55%;left:28%}html[theme=dark] .site-backdrop:before{background-image:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 30%, transparent) 0 4px, transparent 5px), radial-gradient(circle at center, color-mix(in srgb, var(--secondary) 26%, transparent) 0 3px, transparent 4px), radial-gradient(circle at center, color-mix(in srgb, var(--primary) 16%, transparent) 0 2px, transparent 3px);filter:blur(10px);opacity:.6;mask-image:linear-gradient(#000 0% 28%,#0000 60%)}html[theme=dark] .site-backdrop span{opacity:.14}html[theme=dark] .site-backdrop span:nth-child(3){opacity:.09}.site-header{z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed;top:14px;left:0;right:0}.site-header__inner{pointer-events:auto;border-radius:var(--a-radius-full,999px);background:color-mix(in srgb, var(--bg-bright) 96%, #fff 4%);backdrop-filter:none;border:1px solid var(--line);max-width:calc(100vw - 28px);height:54px;box-shadow:inset 0 1px 0 #ffffffa3, 0 8px 28px -8px var(--shadow-18);transition:background-color var(--anim-duration,.2s) ease, border-color var(--anim-duration,.2s) ease, box-shadow var(--anim-duration,.2s) ease, backdrop-filter var(--anim-duration,.2s) ease;align-items:center;gap:16px;padding:0 10px 0 20px;display:flex}.site-header__brand{flex:none;align-items:center;display:flex}.site-header__brand img{width:auto;height:26px;display:block}.site-header__nav-wrap{align-items:center;gap:10px;min-width:0;display:flex}.site-header__nav{align-items:center;gap:3px;display:flex}.site-header__nav-link{color:inherit;text-decoration:none;display:block}.site-header__actions{align-items:center;gap:6px;display:flex}.site-header .a-button{letter-spacing:0}.site-header__nav-button.a-button,.site-header__action-button.a-button{height:32px;color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000;padding:3px 13px;font-size:13px}.site-header__nav-button.a-button:hover,.site-header__action-button.a-button:hover{filter:none;background:var(--bg-semi-light);color:var(--text);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff7a}.site-header__nav-button.a-button:active,.site-header__action-button.a-button:active{filter:none;transform:scale(.96)}.site-header__nav-button--active.a-button,.site-header__action-button--active.a-button{background:var(--primary-10,var(--primary-8));color:var(--text);box-shadow:inset 0 1px 0 #fff9, inset 0 0 0 1px var(--primary-20,color-mix(in srgb, var(--primary) 20%, transparent)), 0 2px 8px var(--shadow-8)}html[data-anyui-style=glass] .site-header__inner{background:color-mix(in srgb, var(--bg-bright) 58%, transparent);backdrop-filter:blur(26px)saturate(2)brightness(1.04);box-shadow:inset 0 1px 1px #fff9, inset 0 0 0 1px #ffffff24, 0 8px 28px -8px var(--shadow-18);border-color:#ffffff6b}html[data-anyui-style=glass] .site-header__nav-button.a-button:hover,html[data-anyui-style=glass] .site-header__action-button.a-button:hover{background:#ffffff4d;box-shadow:inset 0 1px #ffffff8c}html[data-anyui-style=glass] .site-header__nav-button--active.a-button,html[data-anyui-style=glass] .site-header__action-button--active.a-button{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1px #ffffff40, 0 2px 8px var(--shadow-8);background:#ffffff70}html[theme=dark] .site-header__inner{background:color-mix(in srgb, var(--bg-bright) 96%, #fff 4%);border-color:var(--line);box-shadow:inset 0 1px 1px #fff3, 0 8px 28px -8px var(--shadow-30,var(--shadow-18))}html[theme=dark] .site-header__nav-button.a-button:hover,html[theme=dark] .site-header__action-button.a-button:hover{background:var(--bg-semi-light);box-shadow:inset 0 1px #ffffff2e}html[theme=dark] .site-header__nav-button--active.a-button,html[theme=dark] .site-header__action-button--active.a-button{background:var(--primary-18,color-mix(in srgb, var(--primary) 18%, transparent));box-shadow:inset 0 1px 0 #ffffff42, inset 0 0 0 1px var(--primary-20,color-mix(in srgb, var(--primary) 20%, transparent)), 0 2px 8px var(--shadow-20)}html[theme=dark][data-anyui-style=glass] .site-header__inner{background:color-mix(in srgb, var(--bg-bright) 52%, transparent);box-shadow:inset 0 1px 1px #fff3, inset 0 0 0 1px #ffffff0f, 0 8px 28px -8px var(--shadow-30,var(--shadow-18));border-color:#ffffff24}html[theme=dark][data-anyui-style=glass] .site-header__nav-button.a-button:hover,html[theme=dark][data-anyui-style=glass] .site-header__action-button.a-button:hover{background:#ffffff17}html[theme=dark][data-anyui-style=glass] .site-header__nav-button--active.a-button,html[theme=dark][data-anyui-style=glass] .site-header__action-button--active.a-button{box-shadow:inset 0 1px 0 #ffffff42, inset 0 0 0 1px #ffffff17, 0 2px 8px var(--shadow-20);background:#ffffff24}@media (width<=760px){.site-header{justify-content:flex-start;padding:0 12px;overflow:hidden}.site-header__inner{scrollbar-width:none;gap:10px;height:50px;padding:0 8px 0 14px;overflow-x:auto}.site-header__inner::-webkit-scrollbar{display:none}.site-header__nav-wrap,.site-header__nav,.site-header__actions{flex:none}.site-header__nav-button.a-button,.site-header__action-button.a-button{padding:3px 10px;font-size:12px}}.site-footer{border-top:1px solid var(--line);margin-top:80px}.site-footer__inner{max-width:1160px;color:var(--text-secondary);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 24px;font-size:13px;display:flex}.site-footer a{color:var(--text-secondary)}.site-footer a:hover{color:var(--primary)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;max-width:1160px;margin:0 auto;padding:148px 24px 48px;display:grid}@media (width<=920px){.hero{grid-template-columns:1fr;padding-top:56px}}.hero__eyebrow{border-radius:var(--a-radius-full,999px);background:var(--primary-12);color:var(--primary);align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero__title{letter-spacing:.01em;font-size:56px;font-weight:700;line-height:1.12}.hero__title em{background:linear-gradient(42deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}.hero__desc{color:var(--text-secondary);max-width:480px;margin-top:18px;font-size:18px;line-height:1.65}.hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.hero__actions a{color:inherit;text-decoration:none}.hero__actions .a-button{letter-spacing:0}.hero__install{border-radius:var(--a-radius,14px);background:var(--a-surface,var(--bg-bright));backdrop-filter:var(--a-surface-backdrop,none);border:1px solid var(--a-surface-border-color,var(--line));box-shadow:var(--a-surface-highlight,0 0 #0000), var(--a-shadow-xs,0 2px 10px var(--shadow-4));align-items:center;gap:12px;margin-top:22px;padding:10px 18px;font-size:14px;display:inline-flex}.hero__install code{color:var(--text)}.hero__install .a-button{letter-spacing:0;height:30px;padding:3px 12px}.hero-card{border-radius:var(--a-radius-xl,22px);background:var(--a-surface,var(--bg-bright));backdrop-filter:var(--a-surface-backdrop,none);border:1px solid var(--a-surface-border-color,transparent);box-shadow:var(--a-surface-highlight,0 0 #0000), var(--a-shadow-lg,0 18px 44px var(--shadow-10));padding:26px}.features{max-width:1160px;margin:72px auto 0;padding:0 24px}.features__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (width<=980px){.features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.features__grid{grid-template-columns:1fr}}.feature-card{color:inherit;text-decoration:none}.feature-card__inner{box-sizing:border-box;flex-direction:column;padding:26px;display:flex}.feature-card__icon{border-radius:var(--a-radius,14px);background:linear-gradient(135deg, var(--primary-12), var(--secondary-20));justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 1px #fff6}.feature-card__icon img{object-fit:contain;filter:drop-shadow(0 1px 1px #0000002e);width:30px;height:30px;display:block}.feature-card__title{letter-spacing:.01em;margin-top:16px;font-size:16.5px;font-weight:700}.feature-card__desc{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.65}.code-card{box-sizing:border-box;border-radius:var(--a-radius-xl,22px);background:var(--a-surface,var(--bg-bright));min-width:0;backdrop-filter:var(--a-surface-backdrop,none);border:1px solid var(--a-surface-border-color,transparent);box-shadow:var(--a-surface-highlight,0 0 #0000), var(--a-shadow-sm,0 6px 18px var(--shadow-5));flex-direction:column;gap:0;display:flex;overflow:hidden}.code-card__header{letter-spacing:.04rem;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;padding:16px 20px 10px;font-size:13px;font-weight:700;display:flex}.code-card__header .dot{border-radius:var(--a-radius-full,999px);width:8px;height:8px}.code-card__header .dot--vue{background:#42b883}.code-card__header .dot--react{background:#58c4dc}.code-card__header .dot--svelte{background:#ff3e00}.code-card .code-frame{flex:1;min-width:0;min-height:0;display:flex}.code-card .astro-code{border:none;border-top:1px solid var(--a-surface-border-color,var(--line));min-width:0;height:100%;box-shadow:none;border-radius:0;flex:1;margin:0;padding:14px 20px 16px;font-size:12.5px}.section-title{text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.section-desc{text-align:center;color:var(--text-secondary);max-width:560px;margin:0 auto 28px;font-size:15px;line-height:1.65}html[theme=dark]{--bg:#1a1a1d;--bg-bright:#2a2a2d;--bg-light:#252528;--bg-semi-light:#1f1f22;--bg-alter:#1c1c1f;--bg-semi-dark:#151517;--bg-darker:#111113;--bg-hover:#202024;--bg-active:#232327;--bg-readonly:#1e1e21;--bg-disabled:#272729;--text:#ebeef1;--text-80:#ebeef1d1;--text-secondary:#a4a7ab;--text-disabled:#73767b;--text-placeholder:#8d9095;--line:#34343a;--border:#42424a;--icon-fill:#93969a;--scrollbar:#42424a}.astro-code{border-radius:var(--a-radius,14px);border:1px solid var(--line);box-shadow:var(--a-shadow-xs,0 2px 10px var(--shadow-4));padding:18px 20px;font-size:13.5px;line-height:1.7;overflow-x:auto}.astro-code code{min-width:max-content;display:block}.code-frame{position:relative}.code-frame__lang{letter-spacing:.06rem;text-transform:uppercase;color:var(--text-placeholder);user-select:none;transition:opacity var(--anim-duration-quick,.12s) ease;font-size:10.5px;font-weight:700;position:absolute;top:10px;right:12px}.code-frame__copy{border-radius:var(--a-radius-full,999px);border:1px solid var(--border-light,var(--border));background:var(--a-surface,var(--bg-bright));color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity var(--anim-duration-quick,.12s) ease, transform var(--anim-duration-quick,.12s) var(--a-ease-spring,ease);padding:3px 11px;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:8px;right:10px}.code-frame__copy:hover{color:var(--primary);border-color:var(--primary-60)}.code-frame__copy:active{transform:scale(.92)}.code-frame:hover .code-frame__copy{opacity:1}.code-frame:hover .code-frame__lang{opacity:0}html[theme=dark] .astro-code,html[theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}html[theme=dark] .astro-code{border-color:#ffffff14}html[theme=dark] .prose :not(pre)>code{background:var(--primary-14,var(--primary-12));color:var(--primary-l-6,var(--primary));border:1px solid var(--primary-20,var(--primary-18))}html[theme=dark] .docs-menu .a-list-menu__item,html[theme=dark] .components-sidebar .a-list-menu__item{color:var(--text-secondary)}html[theme=dark] .docs-menu .a-list-menu__item--selected,html[theme=dark] .components-sidebar .a-list-menu__item--selected{color:var(--text);font-weight:700}html[theme=dark] .hero__desc,html[theme=dark] .section-desc,html[theme=dark] .feature-card__desc,html[theme=dark] .code-card__header,html[theme=dark] .components-index__intro,html[theme=dark] .components-index__card-blurb{color:var(--text-80)}html[theme=dark] .components-index__group-title,html[theme=dark] .docs-menu .a-list-menu__split span,html[theme=dark] .components-sidebar .a-list-menu__split span,html[theme=dark] .code-frame__lang{color:var(--text-secondary)}.docs{grid-template-columns:220px minmax(0,1fr);gap:40px;max-width:1160px;margin:0 auto;padding:118px 24px 0;display:grid}.docs--has-toc{grid-template-columns:220px minmax(0,1fr) 200px;max-width:1280px}@media (width<=1100px){.docs--has-toc{grid-template-columns:220px minmax(0,1fr)}.docs .toc{display:none}}@media (width<=840px){.docs,.docs--has-toc{grid-template-columns:1fr}}.docs--components .components-sidebar{scrollbar-width:thin;scrollbar-color:var(--line) transparent;max-height:calc(100vh - 142px);padding-right:6px;overflow-y:auto}.docs--components .components-sidebar::-webkit-scrollbar{width:6px}.docs--components .components-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.docs--components .components-sidebar::-webkit-scrollbar-track{background:0 0}.docs-menu,.components-sidebar{--a-item-selected-bg:color-mix(in srgb, var(--primary) 10%, transparent);--a-item-selected-color:var(--text);--a-item-hover-bg:color-mix(in srgb, var(--primary) 7%, transparent);scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-self:start;position:sticky;top:118px}.docs-menu::-webkit-scrollbar{width:6px}.components-sidebar::-webkit-scrollbar{width:6px}.docs-menu::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.components-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.docs-menu::-webkit-scrollbar-track{background:0 0}.components-sidebar::-webkit-scrollbar-track{background:0 0}.docs-menu .a-list-menu__item,.components-sidebar .a-list-menu__item{color:var(--text-secondary);cursor:pointer;text-shadow:none;box-shadow:none;margin:4px 8px;padding:6px 10px;font-size:13.5px}.docs-menu .a-list-menu__item:hover,.components-sidebar .a-list-menu__item:hover{color:var(--text)}.docs-menu .a-list-menu__item--selected,.components-sidebar .a-list-menu__item--selected{color:var(--text);font-weight:700}.docs-menu .a-list-menu__split,.components-sidebar .a-list-menu__split{border-top:none;border-bottom-color:var(--line);margin:12px 10px 4px;padding:4px 2px}.docs-menu .a-list-menu__split span,.components-sidebar .a-list-menu__split span{letter-spacing:.06rem;text-transform:uppercase;color:var(--text-placeholder);font-size:11px;font-weight:700}.components-sidebar{max-height:calc(100vh - 142px);padding-right:6px;overflow-y:auto}.toc{border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-self:start;max-height:calc(100vh - 142px);padding:0 0 0 16px;position:sticky;top:118px;overflow-y:auto}.toc__title{letter-spacing:.06rem;text-transform:uppercase;color:var(--text-placeholder);margin-bottom:10px;font-size:11px;font-weight:700}.toc .a-list-menu__item{width:100%;color:var(--text-secondary);text-shadow:none;box-shadow:none;margin:2px 0;padding:4px 10px;font-size:13px;font-weight:500;line-height:1.4}.toc .a-list-menu__item:hover{color:var(--text)}.toc .a-list-menu__item--selected{color:var(--text);font-weight:700}.toc__item--depth-3{padding-left:22px;font-size:12.5px}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.toc::-webkit-scrollbar-track{background:0 0}.prose{min-width:0;font-size:15px;line-height:1.75}.prose h1{margin-bottom:18px;font-size:32px;line-height:1.25}.prose h2{margin:36px 0 12px;scroll-margin-top:112px;font-size:22px}.prose h3{margin:26px 0 10px;scroll-margin-top:112px;font-size:17px}.prose p{color:var(--text);margin:12px 0}.prose ul,.prose ol{margin:12px 0;padding-left:24px}.prose li{margin:5px 0}.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.prose th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04rem;font-size:12.5px}.prose :not(pre)>code{background:var(--primary-8,var(--bg-semi-dark));color:var(--primary);border-radius:6px;padding:2px 7px;font-size:.86em}.prose pre{margin:16px 0}.prose blockquote{border-left:3px solid var(--primary-60);background:var(--primary-8,var(--bg-semi-light));border-radius:0 var(--a-radius-sm,10px) var(--a-radius-sm,10px) 0;color:var(--text-secondary);margin:16px 0;padding:10px 18px}.demo-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.demo-row+.demo-row{margin-top:14px}.demo-col{flex-direction:column;align-items:flex-start;gap:14px;min-width:min(100%,280px);display:flex}.demo-col+.demo-col{margin-top:14px}.demo-col>.a-input,.demo-col>.a-select,.demo-col>.a-textarea{width:min(100%,280px)}.preview-frame__render>.a-button:not(.a-button--fill),.preview-frame__render .demo-row>.a-button:not(.a-button--fill),.preview-frame__render .demo-col>.a-button:not(.a-button--fill){flex:0 auto;width:fit-content;max-width:min(100%,168px);padding-inline:14px}.preview-frame__render>.a-button:not(.a-button--fill) .a-button__inner,.preview-frame__render .demo-row>.a-button:not(.a-button--fill) .a-button__inner,.preview-frame__render .demo-col>.a-button:not(.a-button--fill) .a-button__inner{text-overflow:ellipsis;min-width:0;overflow:hidden}.component-previews{margin:32px 0 0}.component-previews__title{margin:0 0 14px;font-size:22px;font-weight:700}.component-previews__list{flex-direction:column;gap:18px;display:flex}.preview-frame{border-radius:var(--a-radius-lg,18px);border:1px solid var(--a-surface-border-color,var(--line));background:var(--a-surface,var(--bg-bright));box-shadow:var(--a-surface-highlight,0 0 #0000), var(--a-shadow-sm,0 6px 18px var(--shadow-5));overflow:hidden}.preview-frame__render{min-width:0;padding:24px;overflow-x:auto}.preview-frame__toolbar{justify-content:flex-end;padding:0 16px 14px;display:flex}.preview-frame__toggle.a-button{border-color:var(--border-light,var(--border));background:var(--a-surface,var(--bg-bright));width:auto;height:30px;color:var(--text-secondary);box-shadow:var(--a-shadow-xs,0 2px 8px var(--shadow-4));font-size:12px;font-weight:700}.preview-frame__toggle.a-button:hover{color:var(--primary);border-color:var(--primary-60);filter:none}.preview-frame__code-collapse.a-collapse{width:100%;height:auto}.preview-frame__code-shell{padding:0 16px 16px}.preview-frame__code{font-family:var(--font-mono);margin:0;font-size:13px;line-height:1.6;overflow-x:auto}.preview-frame__code .shiki,.preview-frame__code .shiki code,.preview-frame__code .shiki span,.preview-frame__code--plain,.preview-frame__code--plain code{font-family:var(--font-mono)!important}.preview-frame__code .shiki,.preview-frame__code--plain{border-radius:var(--a-radius,14px);border:1px solid var(--line);margin:0;padding:18px 20px;font-size:13px;line-height:1.65;overflow-x:auto;box-shadow:inset 0 1px #ffffff94}.preview-frame__code .shiki code,.preview-frame__code--plain code{min-width:max-content;font-family:inherit;display:block}.preview-frame__fallback{color:var(--text-secondary);padding:16px;font-size:13px;font-style:italic}html[theme=dark] .preview-frame__code .shiki,html[theme=dark] .preview-frame__code .shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}html[theme=dark] .preview-frame__code .shiki,html[theme=dark] .preview-frame__code--plain{border-color:#ffffff14;box-shadow:inset 0 1px #ffffff1a}.doc-toolbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:8px;display:flex}.components-index__hero{margin-bottom:8px}.components-index__intro{color:var(--text-secondary);max-width:640px;margin-top:10px;font-size:16px;line-height:1.7}.components-index__group{margin-top:40px}.components-index__group-title{letter-spacing:.06rem;text-transform:uppercase;color:var(--text-placeholder);margin-bottom:14px;font-size:13px;font-weight:700}.components-index__grid{width:100%}.components-index__card{color:inherit;text-decoration:none}.components-index__card-inner{padding:16px 18px}.components-index__card-name{font-size:15px;font-weight:700}.components-index__card-blurb{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.components-index__card.a-card{box-shadow:var(--a-shadow-sm,0 6px 18px var(--shadow-5));border-color:#0000}.components-index__card.a-card:hover{border-color:var(--primary-60);box-shadow:0 8px 22px -10px var(--primary-40)}