.builderFlowPanel{border:1px solid var(--builder-border,#dfe4ec);background:var(--builder-card,#fff);min-height:calc(100vh - 214px);color:var(--builder-text,#111827);box-shadow:var(--cf-shadow-sm,0 8px 24px #0f172a0f);border-radius:18px;overflow:hidden}.builderFlowEmpty{color:var(--builder-muted,#64748b);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.builderFlowEmpty h2,.builderFlowEmpty p{margin:0}.builderFlowEmptyIcon{color:#2563eb;background:#2563eb1a;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:8px;font-size:28px;display:grid}.builderFlowHeader{border-bottom:1px solid var(--builder-border,#dfe4ec);background:color-mix(in srgb, var(--builder-card,#fff) 94%, transparent);justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:18px 20px;display:flex}.builderFlowTitle{min-width:0}.builderFlowTitle>div{align-items:center;gap:10px;display:flex}.builderFlowTitle h2{letter-spacing:-.03em;margin:0;font-size:22px}.builderFlowTitle>p:last-child{max-width:620px;color:var(--builder-muted,#64748b);margin:8px 0 0;font-size:11px;line-height:1.5}.builderGraphValid,.builderGraphInvalid{border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:4px 8px;font-size:9px;font-weight:900;display:inline-flex}.builderGraphValid{color:#16a34a;background:#16a34a17}.builderGraphInvalid{color:#dc2626;background:#dc262617}.builderGraphValid i,.builderGraphInvalid i{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);background:currentColor;border-radius:999px}.builderFlowHeaderActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.builderFlowStats{border:1px solid var(--builder-border,#dfe4ec);background:var(--builder-card-subtle,#f8fafc);border-radius:10px;grid-template-columns:repeat(3,auto);align-items:center;display:grid;overflow:hidden}.builderFlowStats span{min-width:74px;color:var(--builder-muted,#64748b);text-align:center;gap:1px;padding:8px 10px;font-size:8px;display:grid}.builderFlowStats span+span{border-left:1px solid var(--builder-border,#dfe4ec)}.builderFlowStats strong{color:var(--builder-text,#111827);font-size:12px}.builderFlowIssues{background:#dc262612;border-bottom:1px solid #dc262629;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:18px;padding:13px 48px 13px 18px;display:grid;position:relative}.builderFlowIssues>div{align-content:start;gap:4px;display:grid}.builderFlowIssues strong{color:#dc2626;font-size:11px}.builderFlowIssues span{color:var(--builder-muted,#64748b);font-size:10px}.builderFlowIssues ol{color:#dc2626;gap:5px;margin:0;padding-left:18px;font-size:10px;display:grid}.builderFlowIssues>button{color:#dc2626;background:0 0;border:0;border-radius:8px;width:28px;height:28px;font-size:18px;position:absolute;top:10px;right:12px}.builderFlowCanvas{background:radial-gradient(circle at 50% 0%, #2563eb12, transparent 32%), var(--builder-workspace,#f4f6fb);height:calc(100vh - 326px);min-height:560px;position:relative}.builderFlowCanvas .react-flow__edge-path{stroke:#6b87b1;stroke-width:2px}.builderFlowCanvas .react-flow__arrowhead polyline{stroke:#6b87b1;fill:#6b87b1}.builderFlowCanvas .react-flow__minimap{border:1px solid var(--builder-border,#dfe4ec);background:color-mix(in srgb, var(--builder-card,#fff) 94%, transparent);border-radius:12px;overflow:hidden;box-shadow:0 10px 26px #0f172a14}.builderFlowCanvas .react-flow__controls{border:1px solid var(--builder-border,#dfe4ec);background:var(--builder-card,#fff);border-radius:10px;overflow:hidden;box-shadow:0 10px 26px #0f172a17}.builderFlowCanvas .react-flow__controls button{border-bottom-color:var(--builder-border,#dfe4ec);background:var(--builder-card,#fff);color:var(--builder-text,#111827);fill:currentColor}.builderFlowCanvasHint{border:1px solid var(--builder-border,#dfe4ec);background:color-mix(in srgb, var(--builder-card,#fff) 92%, transparent);color:var(--builder-muted,#64748b);border-radius:9px;align-items:center;gap:6px;margin:12px;padding:7px 9px;font-size:9px;display:inline-flex;box-shadow:0 8px 20px #0f172a0f}.builderFlowNode{box-sizing:border-box;border:1px solid var(--builder-border,#cbd9ea);background:var(--builder-card,#fff);width:232px;min-height:126px;color:var(--builder-text,#111827);border-radius:16px;align-content:center;gap:7px;padding:15px 16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;box-shadow:0 15px 36px #0f172a1c}.builderFlowNode:before{content:"";background:#2563eb;border-radius:0 999px 999px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.builderFlowNode:hover,.builderFlowNode.selected{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 20px 46px #2563eb2b}.builderFlowNode-input:before{background:#16a34a}.builderFlowNode-output:before{background:#e11d48}.builderFlowNodeTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.builderFlowNodeIcon{color:#2563eb;background:#2563eb1a;border-radius:10px;flex:0 0 31px;place-items:center;width:31px;height:31px;font:900 8px/1 ui-monospace,monospace;display:grid}.builderFlowNode-input .builderFlowNodeIcon{color:#16a34a;background:#16a34a1a}.builderFlowNode-output .builderFlowNodeIcon{color:#e11d48;background:#e11d481a}.builderFlowNodeRole{background:var(--builder-card-subtle,#f1f5f9);color:var(--builder-muted,#64748b);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.builderFlowNode>strong{color:var(--builder-text,#111827);overflow-wrap:anywhere;font-size:14px}.builderFlowNode>small{color:var(--builder-muted,#64748b);overflow-wrap:anywhere;font:650 9px/1.4 ui-monospace,monospace}.builderFlowNodeMeta{border-top:1px solid var(--builder-border,#dfe4ec);color:var(--builder-muted,#64748b);justify-content:space-between;align-items:center;gap:8px;padding-top:7px;font-size:8px;display:flex}.builderFlowNodeMeta em{color:#e11d48;text-transform:uppercase;font-style:normal;font-weight:900}.builderFlowNode .react-flow__handle{border:2px solid var(--builder-card,#fff);background:#2563eb;width:10px;height:10px;box-shadow:0 0 0 1px #2563eb}.builderFlowInspector{z-index:6;box-sizing:border-box;border:1px solid var(--builder-border,#d5e1ef);background:color-mix(in srgb, var(--builder-card,#fff) 97%, transparent);width:min(330px,100% - 32px);color:var(--builder-text,#111827);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:17px;position:absolute;top:16px;right:16px;box-shadow:0 24px 70px #0f172a33}.builderFlowInspector>button{background:var(--builder-card-subtle,#f1f5f9);width:29px;height:29px;color:var(--builder-muted,#64748b);border:0;border-radius:8px;font-size:18px;position:absolute;top:10px;right:10px}.builderFlowInspectorHeader{align-items:center;gap:11px;padding-right:34px;display:flex}.builderFlowInspector h3{overflow-wrap:anywhere;margin:0;font-size:17px}.builderFlowInspector>code{background:var(--builder-card-subtle,#edf3fb);color:#2563eb;border-radius:8px;margin:13px 0;padding:5px 8px;font-size:9px;display:inline-flex}.builderFlowInspector dl{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 14px;display:grid}.builderFlowInspector dl div{background:var(--builder-card-subtle,#f8fafc);border-radius:9px;padding:9px}.builderFlowInspector dt{color:var(--builder-muted,#64748b);text-transform:uppercase;font-size:7px}.builderFlowInspector dd{margin:3px 0 0;font:800 9px/1.3 ui-monospace,monospace}.builderFlowConfigHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.builderFlowConfigHeader span{color:var(--builder-muted,#64748b);text-transform:uppercase;font-size:9px;font-weight:900}.builderFlowConfigHeader small{color:var(--builder-muted,#64748b);font-size:8px}.builderFlowInspector pre{color:#dbeafe;white-space:pre-wrap;background:#080d18;border-radius:11px;max-height:270px;margin:0;padding:12px;font:10px/1.55 ui-monospace,monospace;overflow:auto}@media (max-width:1100px){.builderFlowHeader{flex-direction:column;align-items:flex-start}.builderFlowHeaderActions{flex-wrap:wrap;justify-content:flex-start;width:100%}.builderFlowCanvas{height:650px}}@media (max-width:680px){.builderFlowHeader{padding:15px}.builderFlowTitle>div{flex-direction:column;align-items:flex-start}.builderFlowStats{width:100%}.builderFlowStats span{min-width:0}.builderFlowHeaderActions>.primaryButton,.builderFlowHeaderActions>.secondaryButton{flex:1}.builderFlowIssues{grid-template-columns:1fr}.builderFlowCanvas{height:650px;min-height:650px}.builderFlowNode{width:205px}.builderFlowInspector{width:calc(100% - 28px);top:auto;bottom:14px;right:14px}.builderFlowCanvasHint{display:none}}