.frame.svelte-1nnj4ez{--demo-surface:#0a3247;--demo-raised:#0e3c55;--demo-line:#f6f1e91a;--demo-ink:var(--cream);--demo-ink-2:#f6f1e9b8;--demo-ink-3:#f6f1e994;border-radius:var(--radius-lg);background:var(--demo-surface);width:100%;height:100%;min-height:420px;color:var(--demo-ink);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--demo-line);isolation:isolate;flex-direction:column;margin:0;display:flex;overflow:hidden}[data-theme=light] .frame.svelte-1nnj4ez{--demo-surface:#fff;--demo-raised:#f6f3ee;--demo-line:#052a3b1a;--demo-ink:var(--navy);--demo-ink-2:#052a3bbd;--demo-ink-3:#052a3b9e}.bar.svelte-1nnj4ez{border-bottom:1px solid var(--demo-line);min-height:48px;font-size:var(--fs-xs);color:var(--demo-ink-2);align-items:center;gap:12px;padding:8px 16px;display:flex}.dots.svelte-1nnj4ez{gap:6px;display:flex}.dots.svelte-1nnj4ez i:where(.svelte-1nnj4ez){background:var(--demo-line);border-radius:50%;width:10px;height:10px}.dots.svelte-1nnj4ez i:where(.svelte-1nnj4ez):first-child{background:#ff6b5e}.dots.svelte-1nnj4ez i:where(.svelte-1nnj4ez):nth-child(2){background:#f5b800}.dots.svelte-1nnj4ez i:where(.svelte-1nnj4ez):nth-child(3){background:#3ddc97}.title.svelte-1nnj4ez{font-family:var(--font-display);color:var(--demo-ink);font-weight:600}.meta.svelte-1nnj4ez{font-family:var(--font-mono);color:var(--demo-ink-3)}.spacer.svelte-1nnj4ez{flex:1}.badge.svelte-1nnj4ez{background:color-mix(in oklab, var(--sun) 16%, transparent);color:var(--demo-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.pulse.svelte-1nnj4ez{background:var(--sun);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite svelte-1nnj4ez-blink}@keyframes svelte-1nnj4ez-blink{50%{opacity:.25}}.body.svelte-1nnj4ez{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}@media (width<=520px){.meta.svelte-1nnj4ez{display:none}}