*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: white;--bg-canvas-color: #e5e3e3;--text-color: black;--toggle-color: #fd632f;--toggle-circle: white;--border-color: rgba(0, 0, 0, .08);--node-bg-color: white;--canvas-bg: #f8fafc;--executing-logs-bg: rgb(240, 238, 238)}.dark{--bg-color: #101622;--text-color: white;--toggle-color: #34c759;--toggle-circle: white;--border-color: rgba(255, 255, 255, .08);--node-bg-color: #1b2231;--canvas-bg: #121b28;--executing-logs-bg: #121b28}.vue-flow{background-color:var(--canvas-bg)}.vue-flow__node.vue-flow__node-default.node-start{border:1px solid #22c55e;background-color:var(--node-bg-color);border-radius:12px;color:var(--text-color)}.vue-flow__node.vue-flow__node-default.node-transform{border:1px solid #2b6cee;background-color:var(--node-bg-color);border-radius:12px;color:var(--text-color)}.vue-flow__node.vue-flow__node-default.node-output{border:1px solid #f9741690;background-color:var(--node-bg-color);border-radius:12px;color:var(--text-color)}.vue-flow__controls{display:flex;gap:6px;background:var(--node-bg-color);padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000014}.vue-flow__controls-button{width:30px;height:30px;border-radius:8px;transition:background .2s ease}.vue-flow__controls-button:hover{background:var(--border-color)}.vue-flow__controls-button svg{width:10px;height:10px}.canvas-section-wrapper[data-v-014a2ab8]{width:60%;height:60vh;border-right:1px solid var(--border-color)}.logs[data-v-a98e5a91]{font-family:monospace;border-top:1px solid var(--border-color);padding:16px 24px}.button-container[data-v-a98e5a91]{display:flex;gap:20px;flex-wrap:wrap}.button[data-v-a98e5a91]{height:42px;display:flex;justify-content:center;align-items:center;color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;transition:.2s ease}.button[data-v-a98e5a91]:hover{opacity:.9}.execution[data-v-a98e5a91]{background-color:#f97416}.import[data-v-a98e5a91]{background-color:#22c55e}.export[data-v-a98e5a91]{background-color:#2b6cee}.clear[data-v-a98e5a91]{background-color:#b22020}.logs-section[data-v-a98e5a91]{background-color:var(--executing-logs-bg);margin:16px 0;display:flex;flex-direction:column;gap:14px;border-radius:8px;padding:14px 16px;min-height:170px}.text-logs[data-v-a98e5a91]{font-size:14px}.navbar-container[data-v-927a0d9d]{margin:auto;padding:16px 0;display:flex;width:90%;align-items:center;justify-content:space-between}.toggle-wrapper[data-v-927a0d9d]{cursor:pointer;display:inline-block}.toggle[data-v-927a0d9d]{width:50px;height:26px;background:var(--toggle-color);border-radius:50px;position:relative;transition:background .3s ease}.circle[data-v-927a0d9d]{width:22px;height:22px;background:var(--toggle-circle);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease}.toggle.active .circle[data-v-927a0d9d]{transform:translate(24px)}.config[data-v-fb4b8cde]{width:250px;border-left:1px solid #ddd;padding:10px}textarea[data-v-fb4b8cde],select[data-v-fb4b8cde],input[data-v-fb4b8cde]{width:100%;margin-bottom:10px}.start-textarea[data-v-fb4b8cde]{margin-top:20px;border-radius:6px}.start-textarea>input[data-v-fb4b8cde]{height:3rem;padding:0 6px;border-radius:4px}.select-input[data-v-fb4b8cde]{padding:10px 14px;border-radius:6px;background-color:var(--node-bg-color);color:var(--text-color)}.div-select-input[data-v-fb4b8cde]{margin-top:16px}.node-pallete[data-v-a676cb51]{width:25%;max-width:260px;border-right:1px solid var(--border-color);height:60vh;padding:28px 0}.node-start[data-v-a676cb51],.node-transform[data-v-a676cb51],.node-output[data-v-a676cb51]{width:80%;max-width:210px;margin:16px auto;height:52px;border:1px solid var(--border-color);display:flex;align-items:center;background-color:var(--node-bg-color);border-radius:12px;gap:20px;padding:10px;cursor:grab}.node-output[data-v-a676cb51]{border:1px solid #f9741690}.node-start[data-v-a676cb51]{border:1px solid #22c55e}.node-transform[data-v-a676cb51]{border:1px solid #2b6cee}.node-img[data-v-a676cb51]{height:30px}.app[data-v-01975194]{background-color:var(--bg-color);color:var(--text-color);height:100vh;width:100vw}.layout[data-v-01975194]{display:flex}hr[data-v-01975194]{border:none;height:1px;background-color:var(--border-color)}.execution-section[data-v-01975194]{height:40vh}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}