.flow-diagram.svelte-ro628j{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-muted, #f8f9fa);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-4) 0}.flow-diagram__divider.svelte-ro628j{height:1px;background:var(--color-border);margin:0 var(--space-2)}.flow-diagram__path.svelte-ro628j{display:flex;align-items:center;gap:var(--space-4)}.flow-diagram__path-label.svelte-ro628j{flex-shrink:0;min-width:110px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.flow-diagram__steps.svelte-ro628j{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.flow-diagram__arrow.svelte-ro628j{flex-shrink:0;color:var(--color-text-muted);opacity:.5}.flow-diagram__step.svelte-ro628j{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:transform var(--transition-fast)}.flow-diagram__step-emoji.svelte-ro628j{font-size:1.05em;line-height:1}.flow-diagram__step--caller.svelte-ro628j{background:var(--color-bg-white);color:var(--color-text-heading);border:1px solid var(--color-border);box-shadow:0 1px 2px #0000000a}.flow-diagram__step--neutral.svelte-ro628j{background:var(--color-bg-white);color:var(--color-text-body);border:1px solid var(--color-border)}.flow-diagram__step--puppilot.svelte-ro628j{background:var(--color-primary);color:#fff;border:1px solid transparent;font-weight:var(--font-weight-semibold);box-shadow:0 2px 6px #655aff40}.flow-diagram__caption.svelte-ro628j{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:var(--line-height-relaxed)}@media(max-width:768px){.flow-diagram.svelte-ro628j{padding:var(--space-4);gap:var(--space-3)}.flow-diagram__path.svelte-ro628j{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.flow-diagram__path-label.svelte-ro628j{min-width:unset}.flow-diagram__steps.svelte-ro628j{gap:2px}.flow-diagram__step.svelte-ro628j{font-size:var(--font-size-xs);padding:2px var(--space-2)}.flow-diagram__arrow.svelte-ro628j{width:16px;height:16px}}