.flow-canvas-container.svelte-1l6fg3d{width:100%;height:100%;position:relative;overflow:hidden;background:#0a0a0f;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;touch-action:none;overscroll-behavior:none}.flow-canvas-inner.svelte-1l6fg3d{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}.edge-layer.svelte-1l6fg3d{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.edge-path.svelte-1l6fg3d{fill:none;stroke-width:2;pointer-events:stroke;cursor:pointer}.edge-hit.svelte-1l6fg3d{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke;cursor:pointer}.edge-endpoint.svelte-1l6fg3d{fill:#0a0a0f;stroke:#23b8c8f2;stroke-width:2;pointer-events:all;cursor:grab;transition:r .1s ease}.edge-endpoint.svelte-1l6fg3d:hover{fill:#23b8c8f2}.edge-endpoint.svelte-1l6fg3d:active{cursor:grabbing}.edge-path.selected.svelte-1l6fg3d{stroke-width:2.5}.edge-path.pending.svelte-1l6fg3d{stroke-dasharray:6 4;animation:svelte-1l6fg3d-dash .5s linear infinite;pointer-events:none}@keyframes svelte-1l6fg3d-dash{to{stroke-dashoffset:-10}}.sel-box.svelte-1l6fg3d{fill:#23b8c80f;stroke:#23b8c866;stroke-width:1}.nodes-layer.svelte-1l6fg3d{position:absolute;top:0;left:0;pointer-events:none}.node-wrapper.svelte-1l6fg3d{position:absolute;pointer-events:all;cursor:grab}.node-wrapper.svelte-1l6fg3d:active{cursor:grabbing}.node-wrapper.selected.svelte-1l6fg3d>.wire-node{border-color:#23b8c880;box-shadow:0 0 0 1px #23b8c833,0 8px 32px #00000080}.node-wrapper.highlighted.svelte-1l6fg3d>.wire-node{animation:svelte-1l6fg3d-nodeFocusPulse 1.7s ease-out}@keyframes svelte-1l6fg3d-nodeFocusPulse{0%{box-shadow:0 0 #4ade8000,0 8px 32px #00000080;border-color:#4ade80e6}15%{box-shadow:0 0 0 6px #4ade8073,0 8px 32px #00000080;border-color:#4ade80e6}to{box-shadow:0 0 #4ade8000,0 8px 32px #00000080;border-color:#4ade8000}}.ghost-layer.svelte-1l6fg3d{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.node-wrapper.ghost-new.svelte-1l6fg3d{pointer-events:none;opacity:.78}.edge-path.ghost-edge.svelte-1l6fg3d{stroke-dasharray:7 5;animation:svelte-1l6fg3d-dash .5s linear infinite;pointer-events:none;opacity:.85}.edge-path.ghost-removed-edge.svelte-1l6fg3d{stroke-dasharray:4 5;opacity:.7}.node-wrapper.ghost-new.svelte-1l6fg3d>.wire-node{border:1.5px dashed rgba(74,222,128,.9);box-shadow:0 0 0 1px #4ade8040,0 8px 24px #00000059}.ghost-badge.svelte-1l6fg3d{position:absolute;top:-10px;left:8px;z-index:2;padding:1px 7px;border-radius:999px;background:#4ade80f2;color:#06281a;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px #0000004d}.node-wrapper.ghost-changed.svelte-1l6fg3d>.wire-node{border-color:#fbbf24f2;box-shadow:0 0 0 2px #fbbf2459,0 8px 32px #00000080;animation:svelte-1l6fg3d-ghostChangedPulse 1.6s ease-in-out infinite}@keyframes svelte-1l6fg3d-ghostChangedPulse{0%,to{box-shadow:0 0 0 2px #fbbf2440,0 8px 32px #00000080}50%{box-shadow:0 0 0 4px #fbbf2473,0 8px 32px #00000080}}.node-wrapper.ghost-removed.svelte-1l6fg3d>.wire-node{border-color:#f87171f2;box-shadow:0 0 0 2px #f8717159,0 8px 32px #00000080;opacity:.6}.node-wrapper.ghost-removed.svelte-1l6fg3d>.wire-node:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(248,113,113,.12),rgba(248,113,113,.12) 6px,transparent 6px,transparent 12px);pointer-events:none}.flow-controls.svelte-1l6fg3d{position:absolute;bottom:16px;left:16px;z-index:50;display:flex;flex-direction:column;gap:1px;background:#111115e6;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.flow-ctrl-btn.svelte-1l6fg3d{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffb3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.flow-ctrl-btn.svelte-1l6fg3d:last-child{border-bottom:none}.flow-ctrl-btn.svelte-1l6fg3d:hover:not(:disabled){background:#ffffff0d;color:#23b8c8e6}.flow-ctrl-btn.svelte-1l6fg3d:disabled{cursor:default;opacity:.3}.flow-ctrl-btn.active.svelte-1l6fg3d{background:#23b8c829;color:#23b8c8}.flow-ctrl-divider.svelte-1l6fg3d{height:1px;background:#ffffff1a}.flow-zoom-readout.svelte-1l6fg3d{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#ffffff8c}.flow-minimap.svelte-1l6fg3d{position:absolute;bottom:16px;right:16px;z-index:50;background:#0a0a0fd9;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minimap-svg.svelte-1l6fg3d{display:block;cursor:pointer}.minimap-node.svelte-1l6fg3d{opacity:.7;stroke:#0000004d;stroke-width:.5}.minimap-node.selected.svelte-1l6fg3d{opacity:1;stroke:#23b8c8e6;stroke-width:1}.minimap-viewport.svelte-1l6fg3d{fill:#23b8c81a;stroke:#23b8c8b3;stroke-width:1.5;pointer-events:none}.minimap-hide.svelte-1l6fg3d{position:absolute;top:2px;right:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#0006;border:none;border-radius:4px;color:#ffffff80;font-size:10px;line-height:1;cursor:pointer;transition:color .12s ease,background .12s ease}.minimap-hide.svelte-1l6fg3d:hover{color:#ffffffe6;background:#0009}.minimap-show.svelte-1l6fg3d{position:absolute;bottom:16px;right:16px;z-index:50;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#111115e6;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:background .12s ease,color .12s ease}.minimap-show.svelte-1l6fg3d:hover{background:#ffffff0d;color:#23b8c8e6}.flow-deserialization-warning.svelte-1l6fg3d{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffaa0026;border:1px solid rgba(255,170,0,.4);border-radius:8px;color:#fa0;font-size:.8rem;max-width:600px;text-align:center}.flow-deserialization-warning.svelte-1l6fg3d button:where(.svelte-1l6fg3d){background:none;border:none;color:#fa0;cursor:pointer;padding:0;font-size:.75rem;opacity:.7;flex-shrink:0}.context-menu.svelte-1l6fg3d{position:fixed;z-index:1000;background:#14141cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px;min-width:160px;box-shadow:0 8px 32px #00000080}.context-menu-item.svelte-1l6fg3d{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:5px;color:#fffc;font-size:12px;font-family:inherit;cursor:pointer;transition:background .12s ease}.context-menu-item.svelte-1l6fg3d:hover{background:#ffffff0f}.context-menu-item.delete.svelte-1l6fg3d:hover{background:#ef444426;color:#ef4444}.context-menu-item.delete.svelte-1l6fg3d:hover svg:where(.svelte-1l6fg3d){stroke:#ef4444}.context-menu-shortcut.svelte-1l6fg3d{margin-left:auto;font-size:10px;color:#ffffff4d;font-family:inherit}.context-menu-separator.svelte-1l6fg3d{height:1px;background:#ffffff0f;margin:3px 8px}.has-submenu.svelte-1l6fg3d{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:5px;color:#fffc;font-size:12px;cursor:default;position:relative;transition:background .12s ease}.has-submenu.svelte-1l6fg3d:hover{background:#ffffff0f}.submenu-label.svelte-1l6fg3d{flex:1}.submenu-arrow.svelte-1l6fg3d{opacity:.4;flex-shrink:0}.has-submenu.svelte-1l6fg3d:hover .submenu-arrow:where(.svelte-1l6fg3d){opacity:.8}.how-to-use-panel.svelte-1l6fg3d{position:absolute;left:calc(100% + 6px);top:-4px;width:280px;background:#14141cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 40px #0009;overflow:hidden}.how-to-use-gif.svelte-1l6fg3d{width:100%;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.how-to-use-gif.svelte-1l6fg3d img:where(.svelte-1l6fg3d){width:100%;height:auto;display:block}.how-to-use-text.svelte-1l6fg3d{padding:12px 14px}.how-to-use-title.svelte-1l6fg3d{font-size:12px;font-weight:600;color:#ffffffe6;display:block;margin-bottom:4px}.how-to-use-desc.svelte-1l6fg3d{font-size:11px;color:#ffffff80;line-height:1.5;margin:0}