.message-flow.svelte-48vlle{margin:var(--space-8) 0 var(--space-10);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#38bdf814,#fbbf240f),var(--color-bg-surface)}.flow-header.svelte-48vlle{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.eyebrow.svelte-48vlle{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--ls-wider)}h3.svelte-48vlle{margin:0;max-width:560px;font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary)}.flow-controls.svelte-48vlle{display:flex;gap:var(--space-2);flex-shrink:0}button.svelte-48vlle{min-width:72px;padding:8px var(--space-3);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);background:#0b0c1aa6;color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out)}button.svelte-48vlle:hover,button.svelte-48vlle:focus-visible{background:#38bdf824;border-color:var(--color-accent);outline:none}.queue-strip.svelte-48vlle{display:flex;align-items:center;gap:var(--space-2);min-height:42px;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#0b0c1a73;overflow-x:auto}.queue-label.svelte-48vlle,.queue-message.svelte-48vlle{font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.queue-label.svelte-48vlle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wider)}.queue-message.svelte-48vlle{padding:6px 9px;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-sm);color:var(--color-text-primary);background:#38bdf817}.next-message.svelte-48vlle{color:var(--color-text-secondary);background:#ffffff09;border-color:var(--color-border)}.flow-svg.svelte-48vlle{width:100%;height:auto;display:block;color:#8892b0a6}line.svelte-48vlle{stroke:currentColor;stroke-width:3;transition:color var(--duration-base) var(--ease-in-out)}.active-line.svelte-48vlle{color:var(--color-accent)}g[role=button].svelte-48vlle{cursor:pointer;outline:none}g[role=button].svelte-48vlle rect:where(.svelte-48vlle){fill:#0b0c1ab8;stroke:#ffffff1a;stroke-width:2;transition:fill var(--duration-base) var(--ease-in-out),stroke var(--duration-base) var(--ease-in-out)}g[role=button].svelte-48vlle:hover rect:where(.svelte-48vlle),g[role=button].svelte-48vlle:focus-visible rect:where(.svelte-48vlle),g.active.svelte-48vlle rect:where(.svelte-48vlle){fill:#0ea5e924;stroke:var(--color-accent)}text.svelte-48vlle{text-anchor:middle;pointer-events:none}.step-number.svelte-48vlle{font-family:var(--font-mono);font-size:14px;fill:var(--color-accent)}.step-title.svelte-48vlle{font-family:var(--font-heading);font-size:15px;font-weight:var(--fw-semibold);fill:var(--color-text-primary)}.message-token.svelte-48vlle{transition:transform .68s var(--ease-spring)}.message-token.svelte-48vlle rect:where(.svelte-48vlle){fill:#fbbf2429;stroke:#fbbf248c;stroke-width:2;filter:drop-shadow(0 0 10px rgba(251,191,36,.18))}.message-token.svelte-48vlle text:where(.svelte-48vlle){fill:var(--color-xp);font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-semibold)}.flow-detail.svelte-48vlle{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#0b0c1a8c;color:var(--color-text-secondary)}.flow-detail.svelte-48vlle strong:where(.svelte-48vlle){color:var(--color-text-primary)}.flow-detail.svelte-48vlle code:where(.svelte-48vlle){grid-column:2;width:fit-content}@media(max-width:720px){.message-flow.svelte-48vlle{padding:var(--space-4);overflow-x:auto}.flow-header.svelte-48vlle{flex-direction:column}.flow-svg.svelte-48vlle{min-width:640px}.flow-detail.svelte-48vlle{grid-template-columns:1fr}.flow-detail.svelte-48vlle code:where(.svelte-48vlle){grid-column:auto}}