:root{--color-primary:#374151;--color-primary-hover:#1f2937;--color-primary-light:#6b7280;--color-primary-lighter:#9ca3af;--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#d1fae5;--color-success-border:#bbf7d0;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#fef2f2;--color-danger-border:#fecaca;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fef3c7;--color-warning-border:#fed7aa;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-light:#dbeafe;--color-info-border:#bfdbfe;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-overlay:#00000080;--border-primary:var(--color-gray-200);--border-secondary:var(--color-gray-300);--border-focus:var(--color-info);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-700);--text-muted:var(--color-gray-500);--text-placeholder:var(--color-gray-400);--text-white:var(--color-white);--text-danger:var(--color-danger);--text-success:var(--color-success);--text-warning:var(--color-warning);--text-info:var(--color-info);--node-trigger-bg:#f0fdf4;--node-trigger-border:#bbf7d0;--node-trigger-color:var(--color-success);--node-action-bg:#eff6ff;--node-action-border:#bfdbfe;--node-action-color:var(--color-info);--node-logic-bg:#fff7ed;--node-logic-border:#fed7aa;--node-logic-color:var(--color-warning);--spacing-xs:2px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-lg:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-xl:0 10px 15px #0000001a,0 4px 6px #0000000d;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--z-dropdown:1000;--z-modal:1050;--z-tooltip:1100}.focus-ring{box-shadow:0 0 0 3px #3b82f61a;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-gray-300);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-gray-400)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-primary{color:#111827;color:var(--text-primary)}.text-secondary{color:#374151;color:var(--text-secondary)}.text-muted{color:#6b7280;color:var(--text-muted)}.text-white{color:#fff;color:var(--text-white)}.text-danger{color:#ef4444;color:var(--text-danger)}.text-success{color:#10b981;color:var(--text-success)}.text-warning{color:#f59e0b;color:var(--text-warning)}.text-info{color:#3b82f6;color:var(--text-info)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f9fafb;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f3f4f6;background-color:var(--bg-tertiary)}.border-primary{border-color:#e5e7eb;border-color:var(--border-primary)}.border-secondary{border-color:#d1d5db;border-color:var(--border-secondary)}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:4px;border-radius:var(--radius-sm)}.rounded-md{border-radius:6px;border-radius:var(--radius-md)}.rounded-lg{border-radius:8px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:12px;border-radius:var(--radius-xl)}.transition-fast{transition:.15s ease;transition:var(--transition-fast)}.transition-normal{transition:.2s ease;transition:var(--transition-normal)}.transition-slow{transition:.3s ease;transition:var(--transition-slow)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--spacing-xs);justify-content:center;line-height:1;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-normal);-webkit-user-select:none;user-select:none}.btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background-color:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary-hover);color:var(--text-white);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-primary);border-color:var(--border-primary);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-1px)}.btn-success{background-color:var(--color-success);border-color:var(--color-success);color:var(--text-white)}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover);border-color:var(--color-success-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--text-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);transform:translateY(-1px)}.btn-warning{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--text-white)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-hover);border-color:var(--color-warning-hover);transform:translateY(-1px)}.btn-info{background-color:var(--color-info);border-color:var(--color-info);color:var(--text-white)}.btn-info:hover:not(:disabled){background-color:var(--color-info-hover);border-color:var(--color-info-hover);transform:translateY(-1px)}.btn-xs{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-sm{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:var(--text-base);padding:var(--spacing-lg) var(--spacing-2xl)}.btn-xl{font-size:var(--text-lg);padding:var(--spacing-xl) var(--spacing-3xl)}.btn-outline-primary{background-color:initial;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-white)}.btn-outline-secondary{background-color:initial;border-color:var(--border-primary);color:var(--text-secondary)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-secondary)}.btn-outline-success{background-color:initial;border-color:var(--color-success);color:var(--color-success)}.btn-outline-success:hover:not(:disabled){background-color:var(--color-success);color:var(--text-white)}.btn-outline-danger{background-color:initial;border-color:var(--color-danger);color:var(--color-danger)}.btn-outline-danger:hover:not(:disabled){background-color:var(--color-danger);color:var(--text-white)}.btn-ghost{background-color:initial;border-color:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-icon{border-radius:var(--radius-md);padding:var(--spacing-sm)}.btn-icon-xs{font-size:var(--text-xs);height:24px;padding:var(--spacing-xs);width:24px}.btn-icon-sm{font-size:var(--text-sm);height:28px;padding:var(--spacing-xs);width:28px}.btn-icon-lg{height:44px;padding:var(--spacing-md);width:44px}.btn-close,.btn-icon-lg{font-size:var(--text-lg)}.btn-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:var(--spacing-xs);transition:var(--transition-normal);width:28px}.btn-close:hover{background-color:var(--bg-secondary);color:var(--text-secondary)}.btn-group{display:flex;gap:var(--spacing-sm)}.btn-group .btn{flex:1 1}.btn-group-attached{display:flex}.btn-group-attached .btn{border-radius:0;border-right-width:0}.btn-group-attached .btn:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.btn-group-attached .btn:last-child{border-bottom-right-radius:var(--radius-md);border-right-width:1px;border-top-right-radius:var(--radius-md)}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.btn-fab{border-radius:50%;bottom:var(--spacing-3xl);box-shadow:var(--shadow-lg);height:56px;position:fixed;right:var(--spacing-3xl);width:56px;z-index:var(--z-dropdown)}@media (max-width:768px){.btn{padding:var(--spacing-sm) var(--spacing-lg)}.btn,.btn-lg{font-size:var(--text-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl)}.btn-fab{bottom:var(--spacing-xl);height:48px;right:var(--spacing-xl);width:48px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.schema-viewer{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.schema-viewer-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:10px}.schema-viewer-title{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:var(--font-semibold);gap:var(--spacing-sm);letter-spacing:.5px;text-transform:uppercase}.schema-icon{font-size:14px}.schema-viewer-tabs{background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;gap:2px;padding:2px}.schema-viewer-tabs .tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:10px;font-weight:var(--font-medium);letter-spacing:.3px;padding:4px 8px;text-align:center;text-transform:uppercase;transition:var(--transition-fast)}.schema-viewer-tabs .tab:hover{background:var(--color-gray-300);color:var(--text-secondary)}.schema-viewer-tabs .tab.active{background:var(--color-primary);color:var(--text-white);font-weight:var(--font-semibold)}.schema-viewer-content{background:var(--bg-primary);flex:1 1;overflow:auto;padding:8px}.schema-item-count{color:var(--text-muted);font-size:11px;font-weight:var(--font-medium);margin-bottom:8px;padding:4px 8px}.schema-view{gap:1px}.schema-field,.schema-view{display:flex;flex-direction:column;position:relative}.schema-field.depth-1,.schema-field.depth-2,.schema-field.depth-3,.schema-field.depth-4{position:relative}.schema-field.depth-1 .schema-field-row{background:#00000003}.schema-field.depth-2 .schema-field-row{background:#00000005}.schema-field.depth-3 .schema-field-row{background:#00000008}.schema-field.depth-4 .schema-field-row{background:#0000000a}.schema-field-row{align-items:center;background:var(--bg-primary);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);min-height:30px;padding:6px 8px;position:relative;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.schema-field-row:hover{background:var(--bg-secondary)}.schema-field-row.has-children{cursor:pointer!important;font-weight:var(--font-medium)}.schema-field-row.has-children:hover{background:var(--bg-tertiary)}.expand-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:9px;height:14px;justify-content:center;margin-right:2px;transition:all .15s ease;width:14px}.expand-icon.expanded{color:var(--color-primary);transform:scale(1.1)}.expand-icon.collapsed{color:var(--text-muted)}.expand-icon-placeholder{flex-shrink:0;height:14px;margin-right:2px;width:14px}.schema-type-badge{align-items:center;border:1px solid #fff3;border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000026;color:var(--text-white);display:flex;flex-shrink:0;font-size:9px;font-weight:var(--font-bold);height:24px;justify-content:center;width:24px}.schema-field-name{color:var(--text-primary);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-medium);max-width:120px;min-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-field.depth-1 .schema-field-name,.schema-field.depth-2 .schema-field-name,.schema-field.depth-3 .schema-field-name{font-size:11px}.schema-field-type{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:var(--font-semibold);letter-spacing:.3px;min-width:50px;padding:2px 5px;text-align:center;text-transform:uppercase}.schema-field-value{color:var(--text-secondary);flex:1 1;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;min-width:0;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-field-children{margin-top:1px;position:relative}.schema-field-children:before{background:var(--border-secondary);bottom:0;content:"";left:8px;opacity:.4;position:absolute;top:0;width:1px}.schema-table-container{max-height:100%;overflow-x:auto}.schema-table{border-collapse:collapse;font-size:var(--text-xs);width:100%}.schema-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:1}.schema-table th{border-bottom:2px solid var(--border-secondary);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-md) 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.schema-table td{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);max-width:200px;overflow:hidden;padding:var(--spacing-sm) 10px;text-overflow:ellipsis;white-space:nowrap}.schema-table tbody tr:hover{background:var(--bg-secondary)}.simple-values{display:flex;flex-direction:column;gap:var(--spacing-xs)}.simple-value{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--spacing-md) 10px}.json-view,.simple-value{background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace}.json-view{color:var(--text-primary);font-size:var(--text-xs);line-height:1.5;margin:0;overflow-x:auto;padding:var(--spacing-lg);white-space:pre}.empty-state{align-items:center;color:var(--text-placeholder);display:flex;font-size:var(--text-sm);justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center}.action-config-three-column-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:240px 1fr 240px;height:100%;min-height:500px;overflow:hidden}.config-input-sidebar,.config-output-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.action-config-form{overflow-y:auto;padding:0 var(--spacing-md)}@media (max-width:1400px){.action-config-three-column-layout{gap:10px;grid-template-columns:220px 1fr 220px}}@media (max-width:1200px){.action-config-three-column-layout{gap:8px;grid-template-columns:200px 1fr 200px}}.editable-workflow-name{align-items:center;display:flex;flex:1 1;gap:8px;margin:0 16px;max-width:300px}.editable-workflow-name.editing{gap:4px}.workflow-name-display{word-wrap:break-word;border:2px solid #0000;border-radius:6px;color:#1e293b;cursor:pointer;font-size:18px;font-weight:600;line-height:1.2;min-width:0;padding:8px 12px;transition:all .2s ease}.workflow-name-display:hover{background:#f8fafc;border-color:#e2e8f0}.workflow-name-input{background:#fff;border:2px solid #3b82f6;border-radius:6px;color:#1e293b;flex:1 1;font-family:inherit;font-size:18px;font-weight:600;min-width:0;outline:none;padding:8px 12px;transition:all .2s ease}.workflow-name-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.save-btn{background:#10b981;color:#fff}.save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.cancel-btn{background:#ef4444;color:#fff}.cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.editable-workflow-name{margin:0 8px;max-width:200px}.workflow-name-display,.workflow-name-input{font-size:16px;padding:6px 8px}.cancel-btn,.save-btn{font-size:10px;height:24px;width:24px}}.editor-container{background:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-merged-header{flex-wrap:wrap;gap:12px;min-height:60px;padding:8px 24px;position:relative;z-index:1000}.editor-header,.editor-merged-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex}.editor-header{justify-content:space-between;padding:16px 24px}.back-to-dashboard-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.back-to-dashboard-btn:hover{background:#4b5563;transform:translateY(-1px)}.toolbar-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.workflow-status{align-items:center;display:flex;margin-right:8px}.activation-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative}.activation-toggle input{height:0;opacity:0;position:absolute;width:0}.activation-slider{background:#ccc;border-radius:22px;height:22px;position:relative;transition:all .3s ease;width:44px}.activation-slider:before{background:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:18px}.activation-toggle input:checked+.activation-slider{background:#10b981}.activation-toggle input:checked+.activation-slider:before{transform:translateX(22px)}.activation-label{color:#64748b;font-size:12px;font-weight:600;min-width:48px}.activation-toggle input:checked~.activation-label{color:#10b981}.toolbar-stats{gap:8px}.stat,.toolbar-stats{align-items:center;display:flex}.stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-width:32px;padding:4px 8px}.stat-icon{height:10px;opacity:.7;width:10px}.btn{border-radius:6px;font-weight:500;padding:8px 16px}.btn-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;padding:0;width:36px}.btn-icon:hover{transform:translateY(-1px)}.btn-icon svg{height:16px;width:16px}.btn-secondary{background:#ef4444;color:#fff}.btn-secondary:hover{background:#dc2626;transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;transform:translateY(-1px)}.btn-info{background:#06b6d4;color:#fff}.btn-info:hover{background:#0284c7;transform:translateY(-1px)}.editor-title{flex:1 1;text-align:center}.editor-title h1{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:4px}.editor-title p{color:#64748b;font-size:14px;margin:0}.editor-main{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}.loading{color:#6b7280;font-size:1.1rem;height:100vh}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-bottom:20px;padding:20px;padding:12px 16px;text-align:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width:768px){.editor-merged-header{flex-wrap:wrap;gap:8px;min-height:48px;padding:8px 16px}.toolbar-section{gap:8px;justify-content:space-between;margin-left:0;order:2;width:100%}.toolbar-stats{gap:4px}.stat{font-size:10px;min-width:28px;padding:4px 6px}.btn{font-size:12px;padding:6px 12px}.btn-icon{height:32px;width:32px}.activation-slider{height:18px;width:36px}.activation-slider:before{height:14px;left:2px;top:2px;width:14px}.activation-toggle input:checked+.activation-slider:before{transform:translateX(18px)}.activation-label{font-size:11px;min-width:40px}.editor-main{flex-direction:column;height:auto}.editor-header h1{font-size:20px}.execute-workflow-container{bottom:16px}.execute-workflow-btn{font-size:14px;padding:12px 24px}}.execute-workflow-container{bottom:20px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:50}.execute-workflow-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;pointer-events:auto;position:relative;transition:all .3s ease}.execute-workflow-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.execute-workflow-btn:active:not(:disabled){box-shadow:0 2px 8px #10b9814d;transform:translateY(0)}.execute-workflow-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.execute-workflow-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.execute-workflow-btn:hover:not(:disabled):before{left:100%}.execute-icon{align-items:center;display:flex;font-size:18px}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100vh}body{background:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App,body{margin:0;min-height:100vh}.App{padding:0}.loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-lg);justify-content:center;padding:var(--spacing-4xl)}.error-message{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}input,select,textarea{font-family:inherit;font-size:var(--text-sm)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.btn{font-size:13px;padding:10px 20px}}
/*# sourceMappingURL=main.9972c553.css.map*/