.ssr-header.svelte-z1f4f8{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);color:#1a1a1a;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:1.25rem;padding:.9rem 1.1rem;transition:background .2s,color .2s}html.dark .ssr-header.svelte-z1f4f8{color:#f4f5f7;background:#10131a}.ssr-copy.svelte-z1f4f8{display:flex;flex-direction:column;gap:.15rem}.ssr-copy.svelte-z1f4f8 strong:where(.svelte-z1f4f8){font-size:.95rem}.ssr-copy.svelte-z1f4f8 span:where(.svelte-z1f4f8){opacity:.7;font-size:.75rem}.ssr-controls.svelte-z1f4f8{display:flex;align-items: center;gap:.75rem}.ssr-controls.svelte-z1f4f8 code:where(.svelte-z1f4f8){font-family:var(--font-mono);opacity:.75;font-size:.75rem}.switch.svelte-z1f4f8{display:inline-flex;border:1px solid var(--border);background:var(--accent);color:var(--accent-text,#fff);font:inherit;cursor:pointer;border-radius:999px;align-items: center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem}.grid.svelte-z1f4f8{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card.svelte-z1f4f8{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);flex-direction:column;gap:.8rem;padding:1rem}.head.svelte-z1f4f8{display:flex;flex-direction:column;gap:.15rem}.head.svelte-z1f4f8 h3:where(.svelte-z1f4f8){color:var(--text);font-size:1rem;font-weight:700;font-family:var(--font-mono);margin:0}.hint.svelte-z1f4f8{color:var(--text-subtle);font-size:.75rem}.preview.svelte-z1f4f8{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);color:#1a1a1a;background:#fff;align-items: center;gap:.6rem;padding:.9rem;transition:background .2s,color .2s}html.dark .preview.svelte-z1f4f8{color:#f4f5f7;background:#10131a}.dot.svelte-z1f4f8{background:#f6c453;border-radius:999px;width:.9rem;height:.9rem;box-shadow:0 0 0 3px #f6c45340}html.dark .dot.svelte-z1f4f8{background:#6d7ce0;box-shadow:0 0 0 3px #6d7ce04d}.actions.svelte-z1f4f8{display:flex;flex-wrap:wrap;gap:.4rem}button.svelte-z1f4f8{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:.4rem .75rem;transition:background .12s,border-color .12s}button.svelte-z1f4f8:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-soft-text)}button.primary.svelte-z1f4f8{background:var(--accent);border-color:var(--accent);color:var(--accent-text,#fff);align-self: flex-start}.readout.svelte-z1f4f8{display:flex;flex-direction:column;gap:.35rem;margin:0}.readout.svelte-z1f4f8>div:where(.svelte-z1f4f8){display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.readout.svelte-z1f4f8 dt:where(.svelte-z1f4f8){color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.readout.svelte-z1f4f8 dd:where(.svelte-z1f4f8){font-family:var(--font-mono);color:var(--accent);margin:0;font-weight:700}