:root{--cmp-panel:#0c1018;--cmp-stage:#0a0d14;--cmp-win:#0f141d;--cmp-strip:#090c13;--cmp-border:#ffffff14;--cmp-dot:#94a3b81f;--cmp-linenr:#94a3b873}:root[data-theme=light]{--cmp-panel:#fff;--cmp-stage:#eef1f8;--cmp-win:#fff;--cmp-strip:#e8ecf4;--cmp-border:#0206171a;--cmp-dot:#0f172a21;--cmp-page:#eef1f7;--cmp-linenr:#02061752}:root{--cmp-page:var(--sl-color-bg)}html[data-has-hero] body{background-color:var(--cmp-page);background-image:radial-gradient(46rem 30rem at 50% -8rem, color-mix(in srgb, var(--sl-color-accent) 26%, transparent), transparent 72%), radial-gradient(34rem 24rem at 88% 18rem, color-mix(in srgb, var(--sl-color-accent) 12%, transparent), transparent 70%), radial-gradient(circle at 1px 1px, var(--cmp-dot) 1px, transparent 0);background-size:auto,auto,22px 22px;background-attachment:fixed,fixed,fixed}:root[data-theme=light][data-has-hero] body{background-image:radial-gradient(46rem 30rem at 50% -12rem, color-mix(in srgb, var(--sl-color-accent) 42%, transparent), transparent 62%), radial-gradient(44rem 32rem at 94% 2rem, color-mix(in srgb, var(--sl-color-accent) 24%, transparent), transparent 60%), radial-gradient(42rem 34rem at 0% 26rem, color-mix(in srgb, var(--sl-color-accent) 16%, transparent), transparent 64%), radial-gradient(circle at 1px 1px, var(--cmp-dot) 1px, transparent 0), linear-gradient(160deg, #f2f2fc 0%, #e7e9f8 100%);background-size:auto,auto,auto,22px 22px,auto;background-attachment:fixed,fixed,fixed,fixed,fixed}html[data-has-hero] .hero{padding-block:2.5rem 1.5rem}html[data-has-hero] .hero h1{background:linear-gradient(180deg, var(--sl-color-white), color-mix(in srgb, var(--sl-color-white) 60%, var(--sl-color-accent)));color:#0000;letter-spacing:-.02em;background-clip:text}html[data-has-hero] .hero .tagline{color:var(--sl-color-gray-2)}.cmp:where(.astro-r4r6ibor){isolation:isolate;background:linear-gradient(var(--cmp-panel), var(--cmp-panel)) padding-box, linear-gradient(145deg, color-mix(in srgb, var(--sl-color-accent) 70%, transparent), transparent 38%, transparent 62%, color-mix(in srgb, var(--sl-color-accent) 45%, transparent)) border-box;border:1px solid #0000;border-radius:1.25rem;margin:1rem auto 4rem;padding:clamp(1rem,2.5vw,2rem);position:relative;box-shadow:inset 0 1px #ffffff0a,0 2rem 5rem -1.5rem #0009}.cmp-glow:where(.astro-r4r6ibor){z-index:-1;background:radial-gradient(50% 100% at 50% 0%, color-mix(in srgb, var(--sl-color-accent) 35%, transparent), transparent 70%);filter:blur(8px);opacity:.7;pointer-events:none;height:16rem;position:absolute;inset:-2rem -1rem auto}.cmp-head:where(.astro-r4r6ibor){text-align:center;margin-bottom:1.5rem}.cmp-eyebrow:where(.astro-r4r6ibor){font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--sl-color-accent-high);font-weight:700;display:inline-block}.cmp-sub:where(.astro-r4r6ibor){max-width:34rem;font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin:.4rem auto 0}.cmp-preview:where(.astro-r4r6ibor){margin-bottom:1rem}.cmp-diffbar:where(.astro-r4r6ibor){justify-content:flex-end;margin-bottom:.6rem;display:flex}.cmp-diffstat:where(.astro-r4r6ibor){font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:12px;font-weight:700;display:inline-flex}.cmp-add:where(.astro-r4r6ibor){color:#3fb950}.cmp-del:where(.astro-r4r6ibor){color:#f85149}.cmp-squares:where(.astro-r4r6ibor){gap:2px;margin-left:.15rem;display:inline-flex}.sq:where(.astro-r4r6ibor){border-radius:2px;width:10px;height:10px;display:inline-block}.sq--add:where(.astro-r4r6ibor){background:#3fb950}.sq--del:where(.astro-r4r6ibor){background:#f85149}.cmp-grid:where(.astro-r4r6ibor){grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem;display:grid}.cmp-pane:where(.astro-r4r6ibor){border:1px solid var(--cmp-border);background:var(--cmp-win);border-radius:.75rem;flex-direction:column;min-width:0;display:flex;overflow:hidden}.cmp-winbar:where(.astro-r4r6ibor){border-bottom:1px solid var(--cmp-border);background:var(--cmp-strip);align-items:stretch;gap:.7rem;padding:.5rem .85rem 0;display:flex}.cmp-traffic:where(.astro-r4r6ibor){flex:none;align-self:center;gap:.35rem;padding-bottom:.5rem;display:inline-flex}.cmp-traffic:where(.astro-r4r6ibor) i:where(.astro-r4r6ibor){border-radius:50%;width:.7rem;height:.7rem;display:block}.cmp-traffic:where(.astro-r4r6ibor) i:where(.astro-r4r6ibor):first-child{background:#ff5f57}.cmp-traffic:where(.astro-r4r6ibor) i:where(.astro-r4r6ibor):nth-child(2){background:#febc2e}.cmp-traffic:where(.astro-r4r6ibor) i:where(.astro-r4r6ibor):nth-child(3){background:#28c840}.cmp-tab:where(.astro-r4r6ibor){background:var(--cmp-win);border:1px solid var(--cmp-border);border-bottom-color:var(--cmp-win);font-family:var(--__sl-font-mono,ui-monospace, monospace);font-size:var(--sl-text-xs);color:var(--sl-color-white);border-radius:.45rem .45rem 0 0;align-self:flex-end;align-items:center;gap:.45rem;margin-bottom:-1px;padding:.4rem .8rem calc(.4rem + 1px);font-weight:600;display:inline-flex}.cmp-fileicon:where(.astro-r4r6ibor){flex:none;width:1rem;height:1rem}.cmp-tag:where(.astro-r4r6ibor){font-size:var(--sl-text-xs);border-radius:999px;align-self:center;margin-bottom:.5rem;margin-left:auto;padding:.12rem .55rem;font-weight:700}.cmp-tag--flutter:where(.astro-r4r6ibor){color:#4aa8ff;background:#4aa8ff24}.cmp-tag--style:where(.astro-r4r6ibor){color:var(--sl-color-accent-high);background:color-mix(in srgb, var(--sl-color-accent) 18%, transparent)}.cmp-code:where(.astro-r4r6ibor){flex:1}.cmp-code:where(.astro-r4r6ibor) pre.astro-code{height:100%;max-height:30rem;margin:0;padding:1rem 1.1rem;font-size:.8rem;line-height:1.6;overflow:auto;background:0 0!important}.cmp-code:where(.astro-r4r6ibor) code{counter-reset:ln}.cmp-code:where(.astro-r4r6ibor) .line{counter-increment:ln}.cmp-code:where(.astro-r4r6ibor) .line:before{content:counter(ln);border-right:1px solid var(--cmp-border);text-align:right;width:1.5rem;color:var(--cmp-linenr);user-select:none;margin-right:1rem;padding-right:.85rem;display:inline-block}.cmp-code--light:where(.astro-r4r6ibor),[data-theme=light] .cmp-code--dark:where(.astro-r4r6ibor){display:none}[data-theme=light] .cmp-code--light:where(.astro-r4r6ibor){display:block}.sr-only:where(.astro-r4r6ibor){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=light] .cmp:where(.astro-r4r6ibor){background:linear-gradient(180deg, #fff 0%, #f5f7ff 100%) padding-box, linear-gradient(145deg, color-mix(in srgb, var(--sl-color-accent) 95%, transparent), color-mix(in srgb, var(--sl-color-accent) 25%, transparent) 38%, #8b5cf640 62%, #8b5cf6b3) border-box;box-shadow:inset 0 1px #ffffffe6,0 2rem 4rem -1rem #312e8138,0 .75rem 1.5rem -.75rem #312e8129}[data-theme=light] .cmp-glow:where(.astro-r4r6ibor){opacity:.4;background:radial-gradient(60% 100% at 50% 0%, color-mix(in srgb, var(--sl-color-accent) 28%, transparent), transparent 74%)}[data-theme=light] .cmp-pane:where(.astro-r4r6ibor){box-shadow:0 .5rem 1.25rem -.75rem #0f172a40}[data-theme=light] .cmp-sub:where(.astro-r4r6ibor){color:var(--sl-color-gray-2)}@media (width<=50rem){.cmp-grid:where(.astro-r4r6ibor){grid-template-columns:1fr}}