.wrap.svelte-csbh6{max-width:900px;margin:0 auto;padding:32px 24px 60px}.head.svelte-csbh6{margin-bottom:24px}h1.svelte-csbh6{font-size:30px;letter-spacing:-.02em;margin:8px 0}.lede.svelte-csbh6{color:var(--ink-2);font-size:15px;max-width:620px;line-height:1.6}.builder.svelte-csbh6{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start}.controls.svelte-csbh6{display:flex;flex-direction:column;gap:14px;margin-bottom:4px}label.svelte-csbh6{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}select.svelte-csbh6{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:var(--white)}.codebox.svelte-csbh6{grid-column:1;background:var(--ink);border-radius:12px;overflow:hidden}.codehead.svelte-csbh6{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#ffffffb3;font-size:12px}.codehead.svelte-csbh6 button:where(.svelte-csbh6){background:var(--gold);color:var(--ink);border:none;border-radius:6px;padding:5px 12px;font-weight:700;font-size:12px;cursor:pointer}pre.svelte-csbh6{margin:0;padding:14px;overflow-x:auto}code.svelte-csbh6{color:#e8e5de;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.6}.preview.svelte-csbh6{grid-column:2;grid-row:1 / 3}.plabel.svelte-csbh6{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.foot.svelte-csbh6{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.5}@media (max-width: 780px){.builder.svelte-csbh6{grid-template-columns:1fr}.preview.svelte-csbh6{grid-column:1;grid-row:auto}}