.widget.svelte-78zztr{display:flex;flex-direction:column;gap:.85rem;background:var(--demo-card);border:1px solid var(--demo-card-border);border-radius:20px;padding:clamp(1rem,2vw,1.5rem);box-shadow:0 1px #0000000a,0 24px 48px -28px color-mix(in srgb,var(--ink-sea) 55%,transparent)}.controls.svelte-78zztr{display:flex;align-items:center;gap:.65rem}.label.svelte-78zztr{font-family:var(--font-mono);font-size:.78rem;color:var(--site-fg-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.seg.svelte-78zztr{display:inline-flex;border:1px solid color-mix(in srgb,var(--site-fg) 14%,transparent);border-radius:10px;overflow:hidden}.seg-btn.svelte-78zztr{appearance:none;border:0;padding:.4rem .85rem;font-family:var(--font-mono);font-size:.85rem;background:transparent;color:var(--site-fg-muted);cursor:pointer;min-width:2.5rem;font-weight:600}.seg-btn.svelte-78zztr+.seg-btn:where(.svelte-78zztr){border-left:1px solid color-mix(in srgb,var(--site-fg) 14%,transparent)}.seg-btn.active.svelte-78zztr{background:color-mix(in srgb,var(--ink-sea) 18%,transparent);color:var(--site-fg)}.passport.svelte-78zztr{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem .85rem;background:color-mix(in srgb,var(--site-fg) 4%,transparent);border-radius:12px;border-left:3px solid var(--ink-sea)}.passport.svelte-78zztr .step:where(.svelte-78zztr){display:flex;flex-direction:column;gap:.15rem}.step-label.svelte-78zztr{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--site-fg-muted)}.passport.svelte-78zztr code:where(.svelte-78zztr){font-family:var(--font-mono);font-size:.85rem;color:var(--site-fg);background:transparent;padding:0}.passport.svelte-78zztr sup:where(.svelte-78zztr),.passport.svelte-78zztr sub:where(.svelte-78zztr){font-size:.7em}.passport.svelte-78zztr .arrow:where(.svelte-78zztr){font-family:var(--font-mono);color:var(--site-fg-muted);margin:0 .2rem}.heads-grid.svelte-78zztr{display:grid;gap:.6rem;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr))}.heads-grid[data-h="1"].svelte-78zztr{grid-template-columns:1fr}.heads-grid[data-h="2"].svelte-78zztr{grid-template-columns:repeat(2,1fr)}.heads-grid[data-h="4"].svelte-78zztr,.heads-grid[data-h="8"].svelte-78zztr{grid-template-columns:repeat(4,1fr)}.head.svelte-78zztr{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .55rem;background:color-mix(in srgb,var(--site-fg) 3%,transparent);border:1px solid color-mix(in srgb,var(--site-fg) 8%,transparent);border-radius:10px}.head.svelte-78zztr h5:where(.svelte-78zztr){margin:0;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--site-fg-muted);font-weight:700}.head.svelte-78zztr h5:where(.svelte-78zztr) .muted:where(.svelte-78zztr){color:var(--site-fg-muted);text-transform:none;letter-spacing:0;font-weight:400;margin-left:.4rem}.mini-grid.svelte-78zztr{display:flex;flex-direction:column;gap:2px}.mini-row.svelte-78zztr{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mini-cell.svelte-78zztr{aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--ink-sea) calc(var(--a) * 100%),transparent);border:1px solid color-mix(in srgb,var(--site-fg) 6%,transparent);transition:background .22s ease}.param-bar.svelte-78zztr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-top:.6rem;border-top:1px solid color-mix(in srgb,var(--site-fg) 12%,transparent)}.metric.svelte-78zztr{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem;border-radius:10px;background:color-mix(in srgb,var(--site-fg) 4%,transparent);border-left:3px solid var(--site-fg-muted)}.metric.hi.svelte-78zztr{border-left-color:var(--ink-sun);background:color-mix(in srgb,var(--ink-sun) 12%,transparent)}.metric-label.svelte-78zztr{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--site-fg-muted)}.metric-val.svelte-78zztr{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700;color:var(--site-fg)}.legend.svelte-78zztr{margin:0;font-family:var(--font-body);font-size:.82rem;color:var(--site-fg-muted)}.legend.svelte-78zztr em:where(.svelte-78zztr){font-family:var(--font-display);font-style:italic;font-weight:600;color:var(--site-fg)}
