.flow-designer[data-v-9ce3487c]{height:calc(100vh - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flow-designer .fd-toolbar[data-v-9ce3487c]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;padding:4px 12px;background:#f5f7fa;border-bottom:1px solid #e4e7ed}.flow-designer .fd-body[data-v-9ce3487c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.flow-designer .fd-palette[data-v-9ce3487c]{-webkit-box-flex:0;-ms-flex:0 0 160px;flex:0 0 160px;background:#fafafa;border-right:1px solid #e4e7ed;padding:10px}.flow-designer .fd-palette .palette-title[data-v-9ce3487c]{font-size:14px;font-weight:700;margin-bottom:12px;color:#333}.flow-designer .fd-palette .palette-item[data-v-9ce3487c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px;margin-bottom:4px;cursor:-webkit-grab;cursor:grab;border:1px solid transparent;border-radius:4px}.flow-designer .fd-palette .palette-item[data-v-9ce3487c]:hover{background:#ecf5ff;border-color:#b3d8ff}.flow-designer .fd-palette .palette-item span[data-v-9ce3487c]{font-size:13px}.flow-designer .fd-canvas[data-v-9ce3487c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative;background:#fff;background-image:radial-gradient(circle,#e8e8e8 1px,transparent 0);background-size:20px 20px}.flow-designer .fd-canvas .canvas-svg[data-v-9ce3487c]{display:block}.flow-designer .fd-canvas .edge-path[data-v-9ce3487c]{cursor:pointer}.flow-designer .fd-canvas .edge-path[data-v-9ce3487c]:hover{stroke-width:3}.flow-designer .fd-canvas .edge-path.selected[data-v-9ce3487c]{stroke:#409eff;stroke-width:3}.flow-designer .fd-canvas .connect-handle[data-v-9ce3487c]{cursor:crosshair}.flow-designer .fd-canvas .connect-handle[data-v-9ce3487c]:hover{r:8}.flow-designer .fd-props[data-v-9ce3487c]{-webkit-box-flex:0;-ms-flex:0 0 260px;flex:0 0 260px;background:#fafafa;border-left:1px solid #e4e7ed;padding:10px;overflow-y:auto}.flow-designer .fd-props .props-title[data-v-9ce3487c]{font-size:14px;font-weight:700;margin-bottom:12px;color:#333}.selected g>circle[data-v-9ce3487c]:first-child,.selected g>polygon[data-v-9ce3487c],.selected g>rect[data-v-9ce3487c]{stroke-width:3;stroke-dasharray:4,2}.connecting g>rect[data-v-9ce3487c]{stroke:#e6a23c}