*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;color:#1a1d1f}.workflow-node{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:16px;cursor:move;z-index:10;transition:all .2s ease}.workflow-node.selected{box-shadow:0 0 0 2px #6366f1,0 4px 20px #0000001a}.workflow-node.dragging{opacity:.8;cursor:grabbing}.node-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.node-header h3{font-size:16px;font-weight:600;color:#1a1d1f;margin:0}.delete-button{background-color:#f44;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.delete-button:hover{background-color:red;transform:scale(1.1)}.node-content{margin-bottom:12px}.node-content p{font-size:14px;color:#6f767e;margin:0}.node-connections{position:relative}.source-handle,.target-handle{position:absolute;width:16px;height:16px;background-color:#6366f1;border-radius:50%;cursor:crosshair;z-index:11;transition:all .2s ease}.source-handle:hover,.target-handle:hover{transform:scale(1.2);box-shadow:0 0 10px #6366f180}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:16px;padding:24px;width:500px;max-width:90%;box-shadow:0 10px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600;color:#1a1d1f;margin:0}.modal-header button{background-color:transparent;border:none;font-size:24px;cursor:pointer;color:#666;transition:all .2s ease}.modal-header button:hover{color:#000;transform:scale(1.1)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1a1d1f;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}button{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button:active{transform:translateY(0)}.result-panel,.node-inspector,.logs-panel{background-color:#fff;box-shadow:0 0 10px #0000001a;padding:16px;overflow:auto;z-index:100}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h2{font-size:18px;font-weight:600;color:#1a1d1f;margin:0}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{background-color:#f5f5f5;border-radius:8px;padding:12px}.result-item h3{font-size:16px;font-weight:600;color:#1a1d1f;margin:0 0 8px}.result-item p{font-size:14px;color:#6f767e;margin:4px 0}.logs-list{display:flex;flex-direction:column;gap:8px}.log-entry{background-color:#f5f5f5;border-radius:8px;padding:12px}.log-entry .log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-entry .log-header h3{font-size:14px;font-weight:600;margin:0}.log-entry .log-content{font-size:12px;background-color:#fff;border-radius:4px;padding:8px;white-space:pre-wrap;font-family:monospace;overflow-x:auto}path{stroke:#6366f1;stroke-width:3;fill:none;stroke-linecap:round;transition:all .2s ease}path:hover{stroke:#4f46e5;stroke-width:4}aside{background-color:#fff;box-shadow:2px 0 10px #0000001a;padding:16px;z-index:20}main{position:relative;overflow:hidden;background-color:#f7f9fc}aside button{background-color:transparent;border:none;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s ease;color:#6f767e}aside button:hover{background-color:#f5f5f5;color:#6366f1}aside button.active{background-color:#eef2ff;color:#6366f1}button.run-button{background-color:#6366f1;color:#fff;border:none;border-radius:24px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}button.run-button:hover:not(:disabled){background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}button.run-button:active:not(:disabled){transform:translateY(0)}button.run-button:disabled{background-color:#a5b4fc;cursor:not-allowed;box-shadow:none}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-footer button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer button:first-child{background-color:#f5f5f5;color:#6f767e;border:none}.modal-footer button:first-child:hover{background-color:#e5e7eb}.modal-footer button:last-child{background-color:#6366f1;color:#fff;border:none}.modal-footer button:last-child:hover{background-color:#4f46e5}