.diagram-box.svelte-1hyw1cc{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:24px}.diagram-title.svelte-1hyw1cc{text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:20px}.diagram-vertical.svelte-1hyw1cc{flex-direction:column;align-items:center;gap:4px;display:flex}.diagram-step.svelte-1hyw1cc{width:100%;max-width:380px}.step-node.svelte-1hyw1cc{background:var(--bg-soft);border:1px solid var(--border);text-align:center;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500}.step-node.fn.svelte-1hyw1cc{font-family:var(--font-mono);background:var(--violet-50);border-color:var(--violet-100);color:var(--violet-700)}.step-node.ref.svelte-1hyw1cc{background:var(--violet-50);border-color:var(--violet-100);color:var(--violet-700);font-style:italic}.step-node.input.svelte-1hyw1cc{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-700)}.step-node.output.svelte-1hyw1cc{background:var(--green-50);border-color:var(--green-200);color:var(--green-700)}.step-arrow.svelte-1hyw1cc{color:var(--text-mute);font-size:16px;line-height:1}