.demo-frame[data-astro-cid-wf3v76ol]{box-shadow:var(--elev-software);background:#0b1120;border:1px solid #0f172a2e;border-radius:18px;margin:0;position:relative;overflow:hidden}[data-theme=dark] .demo-frame[data-astro-cid-wf3v76ol]{border-color:#94a3b82e}.chrome[data-astro-cid-wf3v76ol]{color:#8e9bb2;height:52px;font-family:var(--font-mono);background:#0a1324;border-bottom:1px solid #94a3b824;align-items:center;gap:14px;padding:0 12px 0 16px;font-size:.8125rem;display:flex}.dots[data-astro-cid-wf3v76ol]{gap:7px;display:inline-flex}.dots[data-astro-cid-wf3v76ol] i[data-astro-cid-wf3v76ol]{background:#1e2a42;border-radius:50%;width:11px;height:11px}.chrome-label[data-astro-cid-wf3v76ol]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chrome-label[data-astro-cid-wf3v76ol] strong[data-astro-cid-wf3v76ol]{color:#fff;font-weight:600}.sep[data-astro-cid-wf3v76ol]{color:#45536c;margin-inline:2px}.sample[data-astro-cid-wf3v76ol]{color:#5fd6e6;background:#2bc4d81f;border:0}.tools[data-astro-cid-wf3v76ol]{gap:6px;margin-left:auto;display:inline-flex}.tool[data-astro-cid-wf3v76ol]{color:#cbd5e1;height:34px;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #94a3b82e;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.tool[data-astro-cid-wf3v76ol]:hover{color:#fff;border-color:#94a3b866}.viewport[data-astro-cid-wf3v76ol]{height:clamp(560px, calc(100vh - 170px), var(--frame-h));position:relative}iframe[data-astro-cid-wf3v76ol]{background:#0b1120;border:0;width:100%;height:100%}.state[data-astro-cid-wf3v76ol]{place-content:center;justify-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-5);color:#cbd5e1;font-family:var(--font-mono);z-index:1;background:#0b1120;font-size:.8125rem;display:grid;position:absolute;inset:0}.state[data-astro-cid-wf3v76ol][hidden]{display:none}.state--error[data-astro-cid-wf3v76ol]{color:#f1f5f9;font-family:var(--font-sans);font-size:var(--fs-sm)}.state--error[data-astro-cid-wf3v76ol] .btn--secondary[data-astro-cid-wf3v76ol]{color:#f1f5f9;background:0 0;border-color:#f8fafc4d}.spinner[data-astro-cid-wf3v76ol]{border:3px solid #94a3b840;border-top-color:#3b82f6;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}figcaption[data-astro-cid-wf3v76ol]{font-family:var(--font-mono);color:#98a6ba;background:#0a1324;border-top:1px solid #94a3b824;padding:10px 16px;font-size:.75rem}.skip[data-astro-cid-wf3v76ol]:focus{z-index:5;clip:auto;color:#0f172a;border-radius:var(--r-sm);background:#f8fafc;width:auto;height:auto;margin:0;padding:8px 12px;position:absolute;top:60px;left:12px}.after[data-astro-cid-wf3v76ol]{height:0;display:block}.demo-frame[data-astro-cid-wf3v76ol]:fullscreen{border-radius:0;flex-direction:column;display:flex}.demo-frame[data-astro-cid-wf3v76ol]:fullscreen .viewport[data-astro-cid-wf3v76ol]{flex:1;height:auto}@media (width<=599px){.tool-label[data-astro-cid-wf3v76ol],.sample[data-astro-cid-wf3v76ol],.dots[data-astro-cid-wf3v76ol]{display:none}.demo-frame[data-astro-cid-wf3v76ol]{border-radius:14px}.viewport[data-astro-cid-wf3v76ol]{height:680px}}.demo-card[data-astro-cid-adcp52md]{align-content:start;gap:22px;display:grid;position:relative}.demo-card[data-astro-cid-adcp52md] .app-window{box-shadow:var(--elev-card);transition:transform var(--dur-slow) var(--ease), box-shadow var(--dur)}.demo-card[data-astro-cid-adcp52md]:hover .app-window{box-shadow:0 0 0 1px #3b82f659, var(--elev-software);transform:translateY(-6px)}.demo-card[data-astro-cid-adcp52md]:has(a:focus-visible) .app-window{outline:2px solid var(--focus);outline-offset:3px}.body[data-astro-cid-adcp52md]{justify-items:start;gap:10px;display:grid}.meta[data-astro-cid-adcp52md]{align-items:center;gap:12px;display:flex}.live[data-astro-cid-adcp52md]{color:var(--subtle);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.title[data-astro-cid-adcp52md]{font-family:var(--font-mono);letter-spacing:0;font-size:1.0625rem;font-weight:500;line-height:1.4}.demo-card--lg[data-astro-cid-adcp52md] .title[data-astro-cid-adcp52md]{font-family:var(--font-sans);letter-spacing:var(--tracking-display);font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);font-weight:500;line-height:1.05}.title[data-astro-cid-adcp52md] a[data-astro-cid-adcp52md]{color:var(--text);text-decoration:none}.title[data-astro-cid-adcp52md] a[data-astro-cid-adcp52md]:after{content:"";position:absolute;inset:0}.title[data-astro-cid-adcp52md] a[data-astro-cid-adcp52md]:focus-visible{outline:none}.q[data-astro-cid-adcp52md]{color:var(--accent);font-size:.9375rem;font-family:var(--font-mono)}.text[data-astro-cid-adcp52md]{color:var(--muted);font-size:1rem;line-height:1.5}.link-mono[data-astro-cid-adcp52md]{margin-top:6px}.demo-intro[data-astro-cid-avvwkgfy]{background:radial-gradient(45% 80% at 85% 0%, #2563eb14, transparent 70%), linear-gradient(180deg, #fff, var(--bg));padding-block:clamp(32px,4vw,56px) clamp(32px,4vw,48px)}[data-theme=dark] .demo-intro[data-astro-cid-avvwkgfy]{background:radial-gradient(45% 80% at 85% 0%, #2563eb29, transparent 70%), var(--bg)}.head[data-astro-cid-avvwkgfy]{align-items:end;gap:24px 64px;margin-top:clamp(24px,3vw,40px);display:grid}@media (width>=1024px){.head[data-astro-cid-avvwkgfy]{grid-template-columns:1.1fr 1fr}}.title-col[data-astro-cid-avvwkgfy]{justify-items:start;gap:16px;display:grid}h1[data-astro-cid-avvwkgfy]{font-size:var(--fs-h1);line-height:1.02}.q[data-astro-cid-avvwkgfy]{color:var(--accent);font-size:1rem}.side[data-astro-cid-avvwkgfy]{gap:16px;display:grid}.meta[data-astro-cid-avvwkgfy]{color:var(--subtle);flex-wrap:wrap;gap:8px 24px;font-size:.8125rem;display:flex}.meta[data-astro-cid-avvwkgfy] span[data-astro-cid-avvwkgfy]{align-items:center;gap:8px;display:inline-flex}.meta[data-astro-cid-avvwkgfy] a[data-astro-cid-avvwkgfy]{color:var(--accent-blue);text-decoration:none}.meta[data-astro-cid-avvwkgfy] a[data-astro-cid-avvwkgfy]:hover{text-decoration:underline}.demo-run[data-astro-cid-avvwkgfy]{padding-bottom:var(--section-y);background:var(--bg)}.try[data-astro-cid-avvwkgfy]{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.try[data-astro-cid-avvwkgfy] ul[data-astro-cid-avvwkgfy]{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.try[data-astro-cid-avvwkgfy] li[data-astro-cid-avvwkgfy]{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:.8125rem}.note[data-astro-cid-avvwkgfy]{color:var(--subtle);margin-top:14px;font-size:.75rem}.others[data-astro-cid-avvwkgfy]{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}@media (width<=1100px){.others[data-astro-cid-avvwkgfy]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.others[data-astro-cid-avvwkgfy]{grid-template-columns:minmax(0,1fr);gap:56px}}