.relation-diagram[data-v-ca6c2bc2]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:100vh;width:100%;font-family:Arial,sans-serif}.process-panel[data-v-ca6c2bc2],.relation-diagram[data-v-ca6c2bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;overflow:hidden}.process-panel[data-v-ca6c2bc2]{width:180px;border-right:1px solid #dee2e6;background-color:#f8f9fa;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.process-panel h4[data-v-ca6c2bc2]{margin:10px;font-size:14px;color:#333;text-align:center}.search-box[data-v-ca6c2bc2]{position:relative;margin:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-box input[data-v-ca6c2bc2]{width:100%;padding:8px 28px 8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:none}.search-box input[data-v-ca6c2bc2]:focus{border-color:#2196f3;-webkit-box-shadow:0 0 0 1px rgba(33,150,243,.3);box-shadow:0 0 0 1px rgba(33,150,243,.3)}.clear-icon[data-v-ca6c2bc2],.loading[data-v-ca6c2bc2]{position:absolute;right:8px;color:#999;cursor:pointer;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px}.clear-icon[data-v-ca6c2bc2]:hover{color:#f44336}.loading[data-v-ca6c2bc2]{color:#2196f3;-webkit-animation:spin-ca6c2bc2 1s linear infinite;animation:spin-ca6c2bc2 1s linear infinite}@-webkit-keyframes spin-ca6c2bc2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-ca6c2bc2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.process-list[data-v-ca6c2bc2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:5px;font-size:13px}.process-item[data-v-ca6c2bc2]{padding:8px 10px;margin-bottom:6px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s;transition:all .2s}.process-item[data-v-ca6c2bc2]:hover{background-color:#f0f8ff;border-color:#2196f3;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.empty-tip[data-v-ca6c2bc2]{text-align:center;color:#999;font-style:italic;padding:20px 0}.process-item.used[data-v-ca6c2bc2]{background-color:#e6f4ea;border-color:#8bc34a;color:#2e7d32;font-weight:700}.process-item.used[data-v-ca6c2bc2]:hover{background-color:#c8e6c9;-webkit-box-shadow:0 2px 6px rgba(139,195,74,.2);box-shadow:0 2px 6px rgba(139,195,74,.2)}.process-list[data-v-ca6c2bc2]::-webkit-scrollbar{width:6px}.process-list[data-v-ca6c2bc2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.process-list[data-v-ca6c2bc2]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.main-content[data-v-ca6c2bc2]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.controls-panel[data-v-ca6c2bc2]{width:100%;padding:10px 8px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px}.control-btn[data-v-ca6c2bc2]{width:75px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:12px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.control-btn[data-v-ca6c2bc2]:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.control-btn[data-v-ca6c2bc2]:disabled{opacity:.5;cursor:not-allowed}.status-info-container[data-v-ca6c2bc2]{margin-left:auto;background-color:#e9ecef;border-radius:4px;padding:4px 8px;font-size:11px}.status-label[data-v-ca6c2bc2]{color:#495057;font-weight:500}.status-value[data-v-ca6c2bc2]{color:#333;font-weight:700}.status-separator[data-v-ca6c2bc2]{margin:0 4px;color:#adb5bd}.connection-mode[data-v-ca6c2bc2]{background-color:#e3f2fd;border:1px dashed #2196f3;border-radius:4px;padding:4px 8px;font-size:11px;color:#1976d2;margin-left:10px}.canvas-container[data-v-ca6c2bc2]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:10px;margin-left:0;background-color:#fdfdfd;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.content-wrapper[data-v-ca6c2bc2]{width:calc(100% - 20px);height:calc(100% - 20px);overflow-x:auto;overflow-y:auto;position:relative}.canvas[data-v-ca6c2bc2]{position:absolute;min-width:3000px;min-height:2000px;background:linear-gradient(90deg,#f0f0f0 1px,transparent 0),linear-gradient(0deg,#f0f0f0 1px,transparent 0);background-size:30px 30px;background-position:-1px -1px;-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-scrollbar[data-v-ca6c2bc2]{position:absolute;right:0;top:0;width:20px;height:calc(100% - 20px);background-color:#e9ecef;border-left:1px solid #dee2e6;cursor:pointer}.vertical-scrollbar .scrollbar-thumb[data-v-ca6c2bc2]{position:absolute;left:3px;width:14px;background-color:#adb5bd;border-radius:7px;cursor:-webkit-grab;cursor:grab}.vertical-scrollbar .scrollbar-thumb[data-v-ca6c2bc2]:hover{background-color:#868e96}.horizontal-scrollbar[data-v-ca6c2bc2]{position:absolute;bottom:0;left:0;width:calc(100% - 20px);height:20px;background-color:#e9ecef;border-top:1px solid #dee2e6;cursor:pointer}.horizontal-scrollbar .scrollbar-thumb[data-v-ca6c2bc2]{position:absolute;top:3px;height:14px;background-color:#adb5bd;border-radius:7px;cursor:-webkit-grab;cursor:grab}.horizontal-scrollbar .scrollbar-thumb[data-v-ca6c2bc2]:hover{background-color:#868e96}.node[data-v-ca6c2bc2]{border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;overflow:hidden;background-color:#fff;border:1px solid #ddd}.node.selected[data-v-ca6c2bc2]{z-index:10;-webkit-box-shadow:0 0 0 2px #2196f3;box-shadow:0 0 0 2px #2196f3;-webkit-transform:scale(1.05);transform:scale(1.05)}.node-content[data-v-ca6c2bc2]{padding:4px 6px;text-align:center}.node-label[data-v-ca6c2bc2]{font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-actions[data-v-ca6c2bc2]{position:absolute;top:2px;right:2px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1px;z-index:3}.action-btn[data-v-ca6c2bc2]{width:14px;height:14px;border:none;border-radius:2px;font-size:9px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.action-btn.delete[data-v-ca6c2bc2]{background:#f44336;color:#fff}.connector[data-v-ca6c2bc2]{position:absolute;width:16px;height:16px;border-radius:50%;cursor:pointer;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:transparent}.connector[data-v-ca6c2bc2]:before{content:"";width:8px;height:8px;background-color:#fff;border:2px solid #333;border-radius:50%;-webkit-transition:all .2s ease;transition:all .2s ease}.connector.input[data-v-ca6c2bc2]{left:-4px;top:20%;-webkit-transform-origin:center;transform-origin:center}.connector.input[data-v-ca6c2bc2]:hover{background-color:rgba(33,150,243,.2);-webkit-transform:translateY(-5%) scale(1.2);transform:translateY(-5%) scale(1.2)}.connector.input[data-v-ca6c2bc2]:hover:before{background-color:#2196f3;border-color:#1976d2}.connector.output[data-v-ca6c2bc2]{right:-4px;top:20%;-webkit-transform-origin:center;transform-origin:center}.connector.output[data-v-ca6c2bc2]:hover{background-color:rgba(76,175,80,.2);-webkit-transform:translateY(-5%) scale(1.2);transform:translateY(-5%) scale(1.2)}.connector.output[data-v-ca6c2bc2]:hover:before{background-color:#4caf50;border-color:#388e3c}.node-group[data-v-ca6c2bc2]{position:absolute;border-radius:6px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);overflow:hidden;-webkit-transition:height .3s ease,width .3s ease;transition:height .3s ease,width .3s ease}.node-group.collapsed[data-v-ca6c2bc2]{height:30px!important}.group-header[data-v-ca6c2bc2]{height:30px;padding:0 10px;background-color:#f0f8ff;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;font-weight:700;color:#1e90ff;cursor:move}.collapse-btn[data-v-ca6c2bc2],.delete-group-btn[data-v-ca6c2bc2]{width:16px;height:16px;font-size:12px;line-height:1;background:#eee;border:1px solid #ccc;border-radius:50%;text-align:center;cursor:pointer}.delete-group-btn[data-v-ca6c2bc2]{background:#ffebee;border-color:#f44336;color:#f44336}.collapse-btn[data-v-ca6c2bc2]:hover,.delete-group-btn[data-v-ca6c2bc2]:hover{background:#ddd}.resize-handle[data-v-ca6c2bc2]{position:absolute;right:5px;bottom:5px;width:12px;height:12px;background-color:#2196f3;border-radius:1px;cursor:se-resize;z-index:10;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.node-group.dragging .resize-handle[data-v-ca6c2bc2],.node-group:hover .resize-handle[data-v-ca6c2bc2]{opacity:1}.node-group.drag-over[data-v-ca6c2bc2]{border:2px dashed #2196f3!important}.group-content[data-v-ca6c2bc2]{padding:10px;overflow:hidden}.group-anchor[data-v-ca6c2bc2]{position:absolute;width:12px;height:12px;border-radius:50%;background-color:#fff;border:2px solid #333;cursor:pointer;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.group-anchor[data-v-ca6c2bc2]:before{content:"";width:6px;height:6px;background-color:#333;border-radius:50%;-webkit-transition:background .2s;transition:background .2s}.group-anchor[data-v-ca6c2bc2]:hover{-webkit-transform:scale(1.4) translateY(-50%);transform:scale(1.4) translateY(-50%);-webkit-box-shadow:0 0 0 8px hsla(0,0%,100%,.6),0 0 6px rgba(0,0,0,.15);box-shadow:0 0 0 8px hsla(0,0%,100%,.6),0 0 6px rgba(0,0,0,.15)}.group-anchor.input[data-v-ca6c2bc2]:hover{border-color:#2196f3;background-color:#bbdefb}.group-anchor.input[data-v-ca6c2bc2]:hover:before{background-color:#2196f3}.group-anchor.output[data-v-ca6c2bc2]:hover{border-color:#4caf50;background-color:#c8e6c9}.group-anchor.output[data-v-ca6c2bc2]:hover:before{background-color:#4caf50}.node.highlight-target[data-v-ca6c2bc2]{border-color:#ff9800;-webkit-box-shadow:0 0 0 2px #ff9800;box-shadow:0 0 0 2px #ff9800;z-index:5}.context-menu[data-v-ca6c2bc2]{position:fixed;background:#fff;border:1px solid #ddd;border-radius:4px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:2000;min-width:120px;padding:4px 0}.menu-item[data-v-ca6c2bc2]{padding:6px 12px;font-size:13px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.menu-item[data-v-ca6c2bc2]:hover{background-color:#f5f5f5;color:#1976d2}.add-group-editor[data-v-ca6c2bc2]{position:absolute;z-index:20;width:200px}.add-group-editor input[data-v-ca6c2bc2]{width:100%;padding:8px 10px;border:1px solid #2196f3;border-radius:4px;outline:none;font-size:13px;background:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15)}.add-group-editor input[data-v-ca6c2bc2]:focus{border-color:#0b7dda;-webkit-box-shadow:0 0 0 2px rgba(33,150,243,.3);box-shadow:0 0 0 2px rgba(33,150,243,.3)}.connection-hit-area[data-v-ca6c2bc2]:hover{stroke:rgba(90,180,255,.4);stroke-width:6;-webkit-transition:all .15s ease;transition:all .15s ease}.temp-message[data-v-ca6c2bc2]{position:fixed;top:20px;right:20px;padding:8px 12px;border-radius:4px;color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000;-webkit-transition:opacity .3s;transition:opacity .3s}.node.used-by-group[data-v-ca6c2bc2]:before{content:"🔒";position:absolute;top:-6px;left:-6px;font-size:8px;color:#999;z-index:2}.node[data-v-ca6c2bc2]{position:absolute;z-index:2;cursor:move}.group-header[data-v-ca6c2bc2]{z-index:3}.canvas[data-v-ca6c2bc2]{pointer-events:auto}.group-anchor.output[data-v-ca6c2bc2]{right:-6px;background-color:#fff;border-color:#4caf50}.group-anchor.output[data-v-ca6c2bc2]:before{background-color:#4caf50}.group-label-text[data-v-ca6c2bc2]{cursor:pointer;font-weight:700;color:#1e90ff}.group-label-text[data-v-ca6c2bc2]:hover{color:#0a6ea1;text-decoration:underline}.group-rename-input[data-v-ca6c2bc2]{width:70%;padding:4px 6px;font-size:12px;border:1px solid #2196f3;border-radius:4px;outline:none;background:#fff;-webkit-box-shadow:0 1px 4px rgba(33,150,243,.3);box-shadow:0 1px 4px rgba(33,150,243,.3)}.node-group .group-rename-input[data-v-ca6c2bc2]{margin:0}.node.hidden-in-collapsed-group[data-v-ca6c2bc2]{display:none;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}