.eui-mcp-flow{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.eui-mcp-flow{flex-direction:row;align-items:stretch;gap:2rem}}.eui-mcp-flow-prompt{flex-direction:column;flex:1;gap:.75rem;display:flex}.eui-mcp-flow-label{text-transform:uppercase;letter-spacing:.12em;color:#6b7280;font-size:.625rem;font-weight:700}.eui-mcp-flow-label.is-dark{color:#9ca3af}.eui-mcp-flow-bubble{color:#1f2937;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border:1px solid #3b82f640;border-radius:.75rem;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5;animation:.5s ease-out eui-mcp-bubble-in;position:relative}.eui-mcp-flow-bubble.is-dark{color:#e5e7eb;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f159}.eui-mcp-flow-bubble:before{content:"";background:inherit;border-left:inherit;border-bottom:inherit;width:12px;height:12px;position:absolute;top:1rem;left:-6px;transform:rotate(45deg)}.eui-mcp-flow-steps{flex-direction:column;flex:1.4;gap:.75rem;padding:.5rem 0;display:flex;position:relative}.eui-mcp-flow-steps:before{content:"";background:linear-gradient(#6366f126,#8b5cf640,#10b98140);width:2px;position:absolute;top:1rem;bottom:1rem;left:11px}.eui-mcp-flow-step{opacity:.25;z-index:1;align-items:center;gap:.875rem;transition:opacity .4s,transform .4s;display:flex;position:relative;transform:translate(-4px)}.eui-mcp-flow-step.is-active{opacity:1;transform:translate(0)}.eui-mcp-flow-step.is-current .eui-mcp-flow-step-dot{transform:scale(1.25);box-shadow:0 0 0 6px #6366f126}.eui-mcp-flow-step.is-current .eui-mcp-flow-step-text{color:var(--eui-primary);font-weight:600}.eui-mcp-flow-step.is-done.is-active .eui-mcp-flow-step-dot{background:#10b981;box-shadow:0 0 0 6px #10b9812e}.eui-mcp-flow-step-dot{color:#fff;background:#6366f1;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;transition:transform .3s,box-shadow .3s,background .3s;display:flex}.eui-mcp-flow-step-text{color:#4b5563;font-size:.875rem;transition:color .3s,font-weight .3s}.is-dark .eui-mcp-flow-step-text{color:#d1d5db}@keyframes eui-mcp-bubble-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}