.relation-diagram[data-v-1c69ea2a]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:100vh;width:100%;overflow:hidden}.controls-panel[data-v-1c69ea2a],.relation-diagram[data-v-1c69ea2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.controls-panel[data-v-1c69ea2a]{width:120px;background-color:#f8f9fa;border-right:1px solid #dee2e6;-webkit-box-shadow:2px 0 5px rgba(0,0,0,.1);box-shadow:2px 0 5px rgba(0,0,0,.1);padding:15px 10px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:auto;z-index:10}.controls-panel[data-v-1c69ea2a]::-webkit-scrollbar{width:6px}.controls-panel[data-v-1c69ea2a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.controls-panel[data-v-1c69ea2a]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.control-btn[data-v-1c69ea2a]{width:100%;padding:10px 5px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:12px;-webkit-transition:all .2s;transition:all .2s;margin-bottom:4px}.control-btn[data-v-1c69ea2a]:hover{background-color:#f8f9fa;border-color:#adb5bd;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.control-btn.add-start[data-v-1c69ea2a]{background-color:#e8f5e8;border-color:#c8e6c9}.control-btn.add-middle[data-v-1c69ea2a]{background-color:#e3f2fd;border-color:#bbdefb}.control-btn.reset[data-v-1c69ea2a]{background-color:#fff3e0;border-color:#ffe0b2}.control-btn.export[data-v-1c69ea2a]{background-color:#f3e5f5;border-color:#e1bee7}.control-btn.import[data-v-1c69ea2a]{background-color:#e0f2f1;border-color:#b2dfdb}.control-btn.zoom-in[data-v-1c69ea2a],.control-btn.zoom-out[data-v-1c69ea2a]{min-width:30px;padding:8px 5px;height:40px}.status-info-container[data-v-1c69ea2a]{width:100%;background-color:#e9ecef;border-radius:4px;padding:8px 5px;margin-top:10px;font-size:11px;text-align:center}.status-label[data-v-1c69ea2a]{font-weight:500;color:#495057}.status-value[data-v-1c69ea2a]{color:#333;font-weight:700}.status-separator[data-v-1c69ea2a]{margin:0 4px;color:#adb5bd}.connection-mode[data-v-1c69ea2a]{width:100%;background-color:#e3f2fd;border-radius:4px;padding:8px 5px;margin-top:10px;font-size:11px;text-align:center;color:#1976d2;border:1px dashed #2196f3}.main-content[data-v-1c69ea2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.canvas-container[data-v-1c69ea2a],.main-content[data-v-1c69ea2a]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden}.canvas-container[data-v-1c69ea2a]{position:relative;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin:10px;margin-left:0}.content-wrapper[data-v-1c69ea2a]{width:calc(100% - 20px);height:calc(100% - 20px);overflow-x:auto;overflow-y:auto;white-space:nowrap;position:relative}.canvas[data-v-1c69ea2a]{position:absolute;width:100%;height:100%;min-width:3000px;min-height:2000px;background:linear-gradient(90deg,#f8f9fa 1px,transparent 0),linear-gradient(0deg,#f8f9fa 1px,transparent 0);background-size:30px 30px;background-position:-1px -1px;-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-scrollbar[data-v-1c69ea2a]{position:absolute;top:0;right:0;width:20px;height:calc(100% - 20px);background-color:#e9ecef;border-left:1px solid #dee2e6;cursor:pointer}.vertical-scrollbar .scrollbar-thumb[data-v-1c69ea2a]{position:absolute;left:3px;width:14px;background-color:#adb5bd;border-radius:7px;cursor:-webkit-grab;cursor:grab;-webkit-transition:background-color .2s;transition:background-color .2s}.vertical-scrollbar .scrollbar-thumb[data-v-1c69ea2a]:hover{background-color:#868e96}.vertical-scrollbar .scrollbar-thumb[data-v-1c69ea2a]:active{cursor:-webkit-grabbing;cursor:grabbing;background-color:#6c757d}.horizontal-scrollbar[data-v-1c69ea2a]{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-1c69ea2a]{position:absolute;top:3px;height:14px;background-color:#adb5bd;border-radius:7px;cursor:-webkit-grab;cursor:grab;-webkit-transition:background-color .2s;transition:background-color .2s}.horizontal-scrollbar .scrollbar-thumb[data-v-1c69ea2a]:hover{background-color:#868e96}.horizontal-scrollbar .scrollbar-thumb[data-v-1c69ea2a]:active{cursor:-webkit-grabbing;cursor:grabbing;background-color:#6c757d}.connections[data-v-1c69ea2a]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important}.connections path[data-v-1c69ea2a]{pointer-events:visible!important;cursor:pointer!important}.node[data-v-1c69ea2a]{position:absolute;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:move;z-index:1;font-size:12px}.node.selected[data-v-1c69ea2a]{-webkit-box-shadow:0 0 0 1.5px #2196f3,0 1px 4px rgba(0,0,0,.15);box-shadow:0 0 0 1.5px #2196f3,0 1px 4px rgba(0,0,0,.15);-webkit-transform:scale(1.05);transform:scale(1.05);z-index:10}.node-content[data-v-1c69ea2a]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:4px 6px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.node-label[data-v-1c69ea2a]{font-weight:700;margin-bottom:1px;color:#333;font-size:12px}.node-label[data-v-1c69ea2a],.node-text[data-v-1c69ea2a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-text[data-v-1c69ea2a]{color:#666;font-size:11px}.node-actions[data-v-1c69ea2a]{position:absolute;top:1px;right:1px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1px;z-index:3}.action-btn[data-v-1c69ea2a]{width:14px;height:14px;border:none;border-radius:2px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;font-size:9px;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-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}.action-btn[data-v-1c69ea2a]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3)}.action-btn.delete[data-v-1c69ea2a]{background:rgba(244,67,54,.9);color:#fff}.action-btn.edit[data-v-1c69ea2a]{background:rgba(33,150,243,.9);color:#fff}.connector[data-v-1c69ea2a]{position:absolute;width:6px;height:6px;background-color:#fff;border:1.2px solid #333;border-radius:50%;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;z-index:2}.connector.input[data-v-1c69ea2a]{left:-1.5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.connector.input[data-v-1c69ea2a]:hover{background-color:#2196f3;border-color:#1976d2}.connector.output[data-v-1c69ea2a]{right:-1.5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.connector.output[data-v-1c69ea2a]:hover{background-color:#4caf50;border-color:#388e3c}.edit-dialog-overlay[data-v-1c69ea2a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.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;z-index:2000}.edit-dialog[data-v-1c69ea2a]{background-color:#fff;border-radius:8px;padding:20px;width:300px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}.edit-dialog h3[data-v-1c69ea2a]{margin:0 0 15px 0;color:#333;font-size:16px;text-align:center}.form-group[data-v-1c69ea2a]{margin-bottom:15px}.form-group label[data-v-1c69ea2a]{display:block;margin-bottom:5px;color:#555;font-size:13px}.dialog-input[data-v-1c69ea2a]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.dialog-input[data-v-1c69ea2a]:focus{border-color:#2196f3;-webkit-box-shadow:0 0 0 2px rgba(33,150,243,.2);box-shadow:0 0 0 2px rgba(33,150,243,.2)}.dialog-buttons[data-v-1c69ea2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:10px}.btn-cancel[data-v-1c69ea2a],.btn-save[data-v-1c69ea2a]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-save[data-v-1c69ea2a]{background-color:#4caf50;color:#fff}.btn-save[data-v-1c69ea2a]:hover{background-color:#45a049}.btn-cancel[data-v-1c69ea2a]{background-color:#f44336;color:#fff}.btn-cancel[data-v-1c69ea2a]:hover{background-color:#da190b}.temp-message[data-v-1c69ea2a]{position:fixed;top:20px;right:20px;padding:8px 12px;border-radius:3px;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;font-family:Arial,sans-serif;font-size:12px}