._flowSquare_z11yi_2{width:250px;height:250px;border:1px solid hsl(220,13%,91%);border-radius:12px;background:linear-gradient(135deg,#fff,#f9fafb);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 1px 3px #a6adba1a,0 1px 2px #a6adba0f;transition:all .2s cubic-bezier(.4,0,.2,1)}._flowSquare_z11yi_2:hover{border-color:#dadce2;box-shadow:0 4px 6px #a6adba12,0 1px 3px #a6adba0f}._header_z11yi_28{padding:16px 20px 14px;border-bottom:1px solid hsl(220,13%,94%);background:linear-gradient(180deg,#fff,#fcfcfd)}._title_z11yi_36{display:flex;align-items:center;gap:8px}._titleText_z11yi_42{font-size:14px;font-weight:500;color:#31363f;letter-spacing:-.01em}._indicator_z11yi_49{display:flex;align-items:center;justify-content:center;width:18px;height:18px}._dot_z11yi_57{width:6px;height:6px;border-radius:50%;background:#a6adba;transition:all .3s cubic-bezier(.4,0,.2,1)}._dot_z11yi_57._active_z11yi_65{background:var(--focus-color);box-shadow:0 0 8px var(--focus-color, 30%);animation:_pulse_z11yi_1 2s cubic-bezier(.4,0,.6,1) infinite}._canvas_z11yi_72{flex:1;position:relative;padding:24px;background:linear-gradient(135deg,#fff,#fcfcfd)}._grid_z11yi_82{position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle at 1px 1px,hsl(220,13%,91%) 1px,transparent 0);background-size:20px 20px;background-position:-1px -1px}._paths_z11yi_96{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}._path_z11yi_96{stroke:#dadce2;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.4;transition:all .4s cubic-bezier(.4,0,.2,1)}._path_z11yi_96._pathActive_z11yi_116{stroke:var(--focus-color);stroke-width:2;opacity:.9;filter:drop-shadow(0 0 2px rgba(99,102,241,.3));transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}._node_z11yi_125{position:absolute;transform:translate(-50%,-50%);z-index:10;width:12px;height:12px;display:flex;align-items:center;justify-content:center}._nodeCore_z11yi_136{width:8px;height:8px;border-radius:50%;background:#e5e7eb;border:1px solid hsl(220,13%,85%);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}._nodeRing_z11yi_147{position:absolute;width:12px;height:12px;border:1px solid transparent;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}._node_z11yi_125._nodeActive_z11yi_157 ._nodeCore_z11yi_136{background:var(--focus-color);border-color:var(--focus-color);box-shadow:0 0 8px #6366f166;transform:scale(1.1)}._node_z11yi_125._nodeActive_z11yi_157 ._nodeRing_z11yi_147{border-color:#6366f14d;transform:scale(1.4);animation:_nodeRipple_z11yi_1 1.5s cubic-bezier(.4,0,.6,1) infinite}._node_z11yi_125._nodeCompleted_z11yi_170 ._nodeCore_z11yi_136{background:#16a249;border-color:#16a249;box-shadow:0 0 6px #22c55e4d}._node_z11yi_125._nodeCompleted_z11yi_170 ._nodeRing_z11yi_147{border-color:#22c55e33}@keyframes _pulse_z11yi_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes _nodeRipple_z11yi_1{0%{transform:scale(1.4);opacity:.6}to{transform:scale(2);opacity:0}}@media (prefers-color-scheme: dark){._flowSquare_z11yi_2{background:linear-gradient(135deg,#14161a,#181b20);border-color:#282c34;box-shadow:0 1px 3px #090a0c4d,0 1px 2px #090a0c33}._flowSquare_z11yi_2:hover{border-color:#31363f;box-shadow:0 4px 6px #090a0c66,0 1px 3px #090a0c4d}._header_z11yi_28{background:linear-gradient(180deg,#14161a,#16181d);border-bottom-color:#21252b}._titleText_z11yi_42{color:#d4d7de}._canvas_z11yi_72{background:linear-gradient(135deg,#14161a,#16181d)}._grid_z11yi_82{background-image:radial-gradient(circle at 1px 1px,hsl(220,13%,18%) 1px,transparent 0)}._path_z11yi_96{stroke:#373d48}._nodeCore_z11yi_136{background:#2c313a;border-color:#373d48}._dot_z11yi_57{background:#596273}}@media (max-width: 768px){._flowSquare_z11yi_2{width:200px;height:200px}._header_z11yi_28{padding:12px 16px 10px}._titleText_z11yi_42{font-size:13px}._canvas_z11yi_72{padding:20px}._node_z11yi_125{width:10px;height:10px}._nodeCore_z11yi_136{width:6px;height:6px}._nodeRing_z11yi_147{width:10px;height:10px}}@media (prefers-reduced-motion: reduce){._node_z11yi_125,._path_z11yi_96,._dot_z11yi_57,._flowSquare_z11yi_2{animation:none!important;transition:none!important}}