.flowella-diagram-shell{background:#fff;border:1px solid var(--fl-ink-200,#e2e8f0);border-radius:26px;box-shadow:0 30px 60px -28px rgba(15,23,42,.18);margin-top:42px;overflow:hidden}.flowella-diagram-shell .diagram-bar{align-items:center;background:var(--fl-ink-050,#f8fafc);border-bottom:1px solid var(--fl-ink-200,#e2e8f0);display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px}.flowella-diagram-shell .diagram-bar-dots{display:flex;gap:6px}.flowella-diagram-shell .diagram-bar-dots span{border-radius:50%;height:10px;width:10px}.flowella-diagram-shell .diagram-bar-dots span:first-child{background:#ff6058}.flowella-diagram-shell .diagram-bar-dots span:nth-child(2){background:#ffc130}.flowella-diagram-shell .diagram-bar-dots span:nth-child(3){background:#28c941}.flowella-diagram-shell .diagram-bar-url{background:#fff;border:1px solid var(--fl-ink-200,#e2e8f0);border-radius:6px;color:var(--fl-ink-700,#334155);font-family:var(--fl-mono,"JetBrains Mono",ui-monospace,monospace);font-size:12px;padding:6px 12px}.flowella-diagram-shell .diagram-bar-legend{color:var(--fl-ink-600,#475569);display:flex;flex-wrap:wrap;font-family:var(--fl-mono,"JetBrains Mono",ui-monospace,monospace);font-size:11.5px;gap:12px;margin-left:auto}.flowella-diagram-shell .lgd{border-radius:3px;display:inline-block;height:10px;margin-right:6px;vertical-align:-1px;width:10px}.flowella-diagram-shell .lgd-trigger{background:#7c5cff}.flowella-diagram-shell .lgd-wa{background:#25d366}.flowella-diagram-shell .lgd-email{background:#ff6f61}.flowella-diagram-shell .lgd-delay{background:#64748b}.flowella-diagram-shell .lgd-branch{background:#f2c94c}.flowella-diagram-shell .lgd-goal{background:#0f172a}.flowella-diagram-shell .rf-wrap{background-color:#fbfcfe;position:relative;width:100%}.flowella-diagram-shell .rf-wrap:before{background-image:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 0),linear-gradient(180deg,rgba(15,23,42,.04) 1px,transparent 0);background-size:22px 22px;content:"";inset:0;pointer-events:none;position:absolute}.flowella-diagram-shell .rf-mount{height:100%;position:relative;width:100%;z-index:1}.flowella-diagram-shell .rf-node{background:#fff;border:1.5px solid var(--fl-ink-200,#e2e8f0);border-radius:14px;box-shadow:0 6px 14px -8px rgba(15,23,42,.18);cursor:default;font-family:var(--fl-body,"Inter",system-ui,sans-serif);padding:14px 16px;width:248px}.flowella-diagram-shell .rf-node-plats{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.flowella-diagram-shell .rf-node-plat{align-items:center;border-radius:5px;display:inline-flex;font-family:var(--fl-mono,"JetBrains Mono",ui-monospace,monospace);font-size:9.5px;font-weight:600;gap:5px;letter-spacing:.1em;padding:3px 7px;text-transform:uppercase}.flowella-diagram-shell .rf-node-plat-ico svg{display:block;height:10px;width:10px}.flowella-diagram-shell .rf-node-tag{align-items:center;border-radius:99px;display:inline-flex;font-family:var(--fl-mono,"JetBrains Mono",ui-monospace,monospace);font-size:10px;font-weight:600;gap:6px;letter-spacing:.18em;margin-bottom:8px;padding:4px 8px;text-transform:uppercase}.flowella-diagram-shell .rf-node-title{color:var(--fl-ink-900,#0f172a);font-family:var(--fl-display,"Poppins",system-ui,sans-serif);font-size:14.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin-bottom:4px}.flowella-diagram-shell .rf-node-sub{color:var(--fl-ink-500,#64748b);font-family:var(--fl-mono,"JetBrains Mono",ui-monospace,monospace);font-size:12px;line-height:1.4}.flowella-diagram-shell .rf-node-icon{align-items:center;border-radius:6px;display:inline-flex;font-family:var(--fl-mono,"JetBrains Mono",ui-monospace,monospace);font-size:11px;font-weight:700;height:22px;justify-content:center;margin-right:6px;width:22px}.flowella-diagram-shell .rf-node.trigger{border-color:#7c5cff;border-top-width:3px}.flowella-diagram-shell .rf-node.trigger .rf-node-tag{background:#efeaff;color:#7c5cff}.flowella-diagram-shell .rf-node.wa{border-color:#25d366;border-top-width:3px}.flowella-diagram-shell .rf-node.wa .rf-node-tag{background:#e7f8ec;color:#128c7e}.flowella-diagram-shell .rf-node.email{border-color:#ff6f61;border-top-width:3px}.flowella-diagram-shell .rf-node.email .rf-node-tag{background:#ffeeec;color:#ff6f61}.flowella-diagram-shell .rf-node.delay{border-color:#64748b;border-top:3px #64748b;border-style:dashed}.flowella-diagram-shell .rf-node.delay .rf-node-tag{background:#eef2f7;color:#64748b}.flowella-diagram-shell .rf-node.branch{border-color:#f2c94c;border-top-width:3px}.flowella-diagram-shell .rf-node.branch .rf-node-tag{background:#fff6d9;color:#92660b}.flowella-diagram-shell .rf-node.goal{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#0f172a;border-top-width:3px}.flowella-diagram-shell .rf-node.goal .rf-node-tag{background:#e2e8f0;color:#0f172a}.flowella-diagram-shell .react-flow__handle{background:transparent;border:0;height:8px;opacity:0;pointer-events:none;width:8px}.flowella-diagram-shell .react-flow__edge.animated .react-flow__edge-path{animation:flowella-rf-flow 1.4s linear infinite;stroke-dasharray:6 4}@keyframes flowella-rf-flow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.flowella-diagram-shell .react-flow__attribution{display:none}.flowella-diagram-shell .diagram-notes{background:var(--fl-ink-050,#f8fafc);border-top:1px solid var(--fl-ink-200,#e2e8f0);display:grid;gap:22px 36px;grid-template-columns:repeat(2,1fr);padding:28px 32px}@media (max-width:1180px){.flowella-diagram-shell .diagram-notes{grid-template-columns:1fr}}.flowella-diagram-shell .diagram-notes .note{align-items:start;display:grid;gap:12px;grid-template-columns:28px 1fr}.flowella-diagram-shell .diagram-notes .note .num{align-items:center;background:var(--fl-primary,#0e6ea6);border-radius:50%;color:#fff;display:flex;font-family:var(--fl-display,"Poppins",system-ui,sans-serif);font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.flowella-diagram-shell .diagram-notes .note h5{color:var(--fl-ink-900,#0f172a);font-family:var(--fl-display,"Poppins",system-ui,sans-serif);font-size:14.5px;font-weight:600;margin:0 0 4px}.flowella-diagram-shell .diagram-notes .note p{color:var(--fl-ink-700,#334155);font-size:13.5px;line-height:1.5;margin:0}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}