@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}.App{background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh}.App-header{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffc;border-bottom:1px solid #00000014;box-shadow:0 1px 3px #0000000d;display:flex;height:72px;justify-content:space-between;padding:0 32px;position:relative;z-index:100}.App-header:before{background:linear-gradient(90deg,#0000,#0000001a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.header-brand{gap:16px}.header-brand,.header-logo{align-items:center;display:flex}.header-logo{border-radius:10px;box-shadow:0 4px 14px #6366f166;color:#fff;height:42px;justify-content:center;width:42px}.App-header h1,.header-logo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.App-header h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:800;letter-spacing:-.04em;margin:0}.playground-badge{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-radius:20px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.02em;padding:4px 10px}.header-nav{gap:8px}.header-nav,.nav-tab{align-items:center;display:flex}.nav-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-width:130px;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-tab:hover:not(:disabled){background:#6366f10d;color:#6366f1}.nav-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px #6366f14d;color:#fff;transform:translateY(-1px)}.nav-tab:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.nav-tab-badge,.nav-tab-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.nav-tab-badge{background:#ef4444;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:11px;font-weight:700;position:absolute;right:-4px;top:-4px}main{background:#fff;height:calc(100vh - 72px);margin:0;max-width:none;overflow:hidden;padding:0}.modal-overlay{background:#00000080}.workflow-selector-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:80vh;max-width:800px;overflow:hidden;width:90vw}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;padding:24px 32px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.close-button{background:#f3f4f6;border-radius:8px;color:#6b7280;transition:all .2s ease}.close-button:hover{background:#e5e7eb;color:#374151}.modal-content{max-height:calc(80vh - 80px);overflow:hidden;padding:0}.workflow-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:20px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.controls button{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:10px 15px;transition:all .3s}.controls button:hover{background-color:#f0f0f0}.controls button.primary{background-color:#007bff;border-color:#007bff;color:#fff}.controls button.primary:hover{background-color:#0056b3}.controls button.danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.controls button.danger:hover{background-color:#c82333}.status-indicator{height:12px;margin-right:8px;width:12px}.status-pending{background-color:#6c757d}.status-running{background-color:#ffc107}.status-success{background-color:#28a745}.status-failed{background-color:#dc3545}.node-config{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;left:50%;min-width:300px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.node-config h3{color:#333;margin-top:0}.node-config .form-group{margin-bottom:15px}.node-config label{color:#555;display:block;font-weight:700;margin-bottom:5px}.node-config input,.node-config select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.node-config .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.node-config button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.node-config button.primary{background-color:#007bff;color:#fff}.node-config button.secondary{background-color:#6c757d;color:#fff}.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}.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%}.notification-container{display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none;position:fixed;right:24px;top:82px;width:100%;z-index:10000}.notification{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a,0 0 0 1px #00000005;font-family:Inter,-apple-system,sans-serif;opacity:0;overflow:hidden;pointer-events:auto;transform:translateX(20px);transition:all .4s cubic-bezier(.16,1,.3,1)}.notification.visible{opacity:1;transform:translateX(0)}.notification-content{align-items:center;display:flex;gap:14px;padding:14px 18px;position:relative}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification.success .notification-icon{background:#dcfce7;color:#166534}.notification.error .notification-icon{background:#fee2e2;color:#991b1b}.notification.warning .notification-icon{background:#fef3c7;color:#92400e}.notification.info .notification-icon{background:#dbeafe;color:#1e40af}.notification-message{color:#1e293b;flex:1 1;font-size:13.5px;font-weight:500;line-height:1.5}.notification-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;margin-left:4px;padding:4px;transition:all .2s}.notification-close:hover{background-color:#0000000a;color:#475569}.notification:before{bottom:0;content:"";left:0;opacity:.8;position:absolute;top:0;width:4px}.notification.success:before{background:#10b981}.notification.error:before{background:#ef4444}.notification.warning:before{background:#f59e0b}.notification.info:before{background:#3b82f6}@media (max-width:480px){.notification-container{left:16px;max-width:none;right:16px;top:80px}}:root{--accent:#f59e0b}.tag-management-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.tag-icon-container{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#f59e0b;color:var(--accent);display:flex;height:36px;justify-content:center;width:36px}.branch-info{color:#64748b;color:var(--text-muted);font-size:13px;margin:2px 0 0}.branch-info strong{color:#3b82f6;color:var(--primary);font-weight:600}.modal-form{overflow:hidden}.tags-container{flex:1 1;overflow-y:auto;padding:20px 24px}.empty-state{color:#64748b;color:var(--text-muted);padding:40px 24px;text-align:center}.empty-icon{margin-bottom:16px;opacity:.2}.empty-state p{color:#1e293b;color:var(--text-main);font-size:1rem;font-weight:600;margin:0 0 4px}.empty-state small{font-size:13px}.tag-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px;position:relative;transition:all .2s}.tag-card:hover{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.tag-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tag-actions{display:flex;gap:8px}.tag-number{background:#f8fafc;background:var(--surface);border-radius:6px;color:#64748b;color:var(--text-muted);font-size:11px;font-weight:700;padding:2px 8px}.add-tag-button-small,.tag-number{border:1px solid #e2e8f0;border:1px solid var(--border)}.add-tag-button-small{background:#0000;border-radius:8px;color:#3b82f6;color:var(--primary);cursor:pointer;padding:6px;transition:all .2s}.add-tag-button-small:hover{background:#eff6ff;border-color:#3b82f6;border-color:var(--primary)}.delete-tag-button{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;padding:6px;transition:all .2s}.delete-tag-button:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.tag-fields{gap:12px}.field-group,.tag-fields{display:flex;flex-direction:column}.field-group{gap:6px}.field-group label{color:#1e293b;color:var(--text-main);font-size:12px;font-weight:600}.action-select,.message-input,.tag-name-input{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#1e293b;color:var(--text-main);font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s}.action-select:focus,.message-input:focus,.tag-name-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.tag-name-input-container{position:relative}.char-counter{color:#64748b;color:var(--text-muted);font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.checkbox-group{margin-top:4px}.checkbox-label{font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.add-tag-section{padding:16px 24px;text-align:center}.add-tag-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#3b82f6;color:var(--primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.add-tag-button:hover{background:#f8fafc;background:var(--surface);border-color:#3b82f6;border-color:var(--primary);transform:translateY(-1px)}.cancel-button{border:none}.tags-container::-webkit-scrollbar{width:6px}.tags-container::-webkit-scrollbar-track{background:#0000}.tags-container::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:10px}.tags-container::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.branch-config-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--background);border:1px solid #fff3;border-radius:12px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:90vh;max-width:650px;overflow:hidden;width:100%}.branch-icon-for-branch-modal{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#3b82f6;color:var(--primary);display:flex;height:44px;justify-content:center;width:44px}.branch-description{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500;margin:0}.form-fields{gap:20px}.form-group{gap:8px;transition:all .2s}.form-group input[type=text],.form-group select,.form-group textarea{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#1e293b;color:var(--text-main);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label{align-items:flex-start;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;font-size:13px;padding:12px;position:relative;transition:all .2s}.checkbox-label:hover{background:#fff;border-color:#3b82f6;border-color:var(--primary)}.checkbox-label input[type=checkbox]{cursor:pointer;margin-top:2px}.checkbox-label small{color:#64748b;color:var(--text-muted);display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:4px}.checkbox-with-input{display:flex;flex-direction:column;gap:8px}.inline-input{align-items:center;background:#f8fafc;background:var(--surface);border-radius:10px;display:flex;gap:12px;margin-left:12px;padding:8px 12px}.inline-input,.inline-input input{border:1px solid #e2e8f0;border:1px solid var(--border)}.inline-input input{border-radius:6px;font-size:13px;padding:6px 12px;width:150px}.inline-input small{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600}.delete-options{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-left:12px;padding:12px}.action-buttons{gap:12px}.delete-button{border:1px solid #0000;border-radius:10px;padding:8px 12px;transition:all .2s}.cancel-button{border:1px solid #0000;padding:8px 16px}.save-button{box-shadow:0 4px 6px -1px #3b82f64d;gap:6px;padding:8px 20px}.save-button:hover{box-shadow:0 6px 12px -2px #3b82f666}.tag-management-section{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.tag-info{display:flex;flex-direction:column;gap:4px}.tag-count{color:#1e293b;color:var(--text-main);font-size:14px;font-weight:700}.manage-tags-button{align-items:center;background:#8b5cf6;background:var(--secondary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.manage-tags-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-form::-webkit-scrollbar{width:8px}.modal-form::-webkit-scrollbar-track{background:#0000}.modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.suggestions-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:8px;max-height:250px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:50}.suggestion-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;transition:all .2s}.suggestion-item:hover{background:#f8fafc;background:var(--surface)}.suggestion-item.highlighted{background:#3b82f61a;color:#3b82f6;color:var(--primary)}.suggestion-badge{border-radius:6px;font-size:10px;font-weight:800;padding:2px 6px;text-transform:uppercase}.badge-remote{background:#8b5cf626;color:#8b5cf6;color:var(--secondary)}.badge-local{background:#10b98126;color:#10b981}.repo-connect-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fff3;border-radius:12px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:Inter,sans-serif;max-width:500px;overflow:hidden;width:100%}.repo-icon{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#3b82f6;color:var(--primary);display:flex;height:40px;justify-content:center;width:40px}.header-content h3{font-size:1.125rem;margin:0}.modal-description{color:#64748b;color:var(--text-muted);font-size:13px;line-height:1.5;margin:4px 0 0}.close-button{background:#0000;border:none;font-size:20px;height:32px;width:32px}.close-button:hover{background:#0000000d;color:#1e293b;color:var(--text-main)}.modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group{gap:10px}.repo-connect-modal .form-group label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-group input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);box-sizing:border-box;color:#1e293b;color:var(--text-main);font-family:SF Mono,Monaco,Ubuntu Mono,monospace;font-size:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-group input::placeholder{color:#94a3b8;opacity:.7}.status-message{align-items:center;animation:fadeIn .2s ease-out;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:4px;padding:10px 14px}.status-error{background:#fff1f2;border:1px solid #fecdd3;color:#e11d48}.status-success{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.modal-actions{padding:20px 24px}.cancel-button{border-radius:10px;color:#1e293b;color:var(--text-main);font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-button:hover{border-color:#cbd5e1}.save-button{border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f640;font-size:14px;font-weight:600;gap:10px;padding:10px 24px;transition:all .2s}.save-button:hover:not(:disabled){background:#2563eb;background:var(--primary-dark);box-shadow:0 6px 16px #3b82f659;transform:translateY(-1px)}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.recent-repos-section{display:flex;flex-direction:column;gap:10px}.repo-connect-modal .section-label{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.05em;text-transform:uppercase}.recent-repos-list{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding-right:4px}.recent-repos-list::-webkit-scrollbar{width:5px}.recent-repos-list::-webkit-scrollbar-track{background:#0000}.recent-repos-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:10px}.recent-repo-item{align-items:center;background:#f8fafc;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.recent-repo-item:hover{background:#fff;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 12px #00000008;transform:translateY(-1px)}.repo-details{display:flex;flex-direction:column;gap:2px;min-width:0}.repo-name{color:#1e293b;color:var(--text-main);font-size:14px;font-weight:600}.repo-name,.repo-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-path{font-family:SF Mono,Monaco,monospace;font-size:11px;opacity:.8}.remove-recent,.repo-path{color:#64748b;color:var(--text-muted)}.remove-recent{background:#0000;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;opacity:0;padding:8px;transition:all .2s}.recent-repo-item:hover .remove-recent{opacity:1}.remove-recent:hover{background:#fff1f2;color:#e11d48}.input-with-icon{position:relative;width:100%}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;padding:20px;z-index:1000}.operation-config-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--background);border:1px solid #fff3;border-radius:12px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:85vh;max-width:550px;overflow:hidden;width:100%}.modal-header{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 24px}.header-content,.modal-header{align-items:center;display:flex}.header-content{gap:16px}.operation-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;box-shadow:0 4px 12px #3b82f640;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.header-content h3{color:#1e293b;color:var(--text-main);font-size:1rem;font-weight:700;letter-spacing:-.025em;margin:0 0 2px}.operation-description{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4;margin:0}.close-button{height:28px;transition:all .2s;width:28px}.modal-form{background:#fff;flex:1 1;overflow-y:auto;padding:20px 24px}.form-fields{gap:16px}.form-fields,.form-group{display:flex;flex-direction:column}.form-group{background:#0000;border:none;border-radius:0;gap:6px;padding:0;transition:all .2s ease}.form-group:last-child{margin-bottom:8px}.form-group label{color:#1e293b;color:var(--text-main);font-size:13px;font-weight:600;margin-bottom:2px}.form-group input[type=text],.form-group select{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text-main);font-size:14px;padding:10px 14px;transition:all .2s}.form-group input[type=text]:focus,.form-group select:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary);outline:none}.required{color:#ef4444;color:var(--danger);margin-left:2px}.checkbox-label{align-items:center;color:#1e293b;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary);height:18px;width:18px}.modal-actions{align-items:center;background:#f8fafc;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);justify-content:space-between;padding:16px 24px}.delete-button{align-items:center;background:#0000;border:1px solid #ef444433;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.delete-button:hover{background:#ef44441a}.cancel-button{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:610;padding:6px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-button:hover{background:#0000000d;color:#1e293b;color:var(--text-main)}.save-button{align-items:center;background:#3b82f6;background:var(--primary);border:1px solid #3b82f6;border:1px solid var(--primary);border-radius:8px;box-shadow:0 2px 4px #3b82f626,0 4px 12px #3b82f61a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:610;gap:8px;padding:6px 20px}.save-button:hover{background:#2563eb;background:var(--primary-dark);transform:translateY(-1px)}:root{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#8b5cf6;--accent:#06b6d4;--danger:#ef4444;--background:#fff;--surface:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--glass:#ffffffb3;--radius:12px}.workflow-manager{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.workflow-manager-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--background);border:1px solid #fff3;border-radius:12px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:85vh;max-width:850px;overflow:hidden;width:100%}.workflow-manager-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.workflow-manager-header h2{color:#1e293b;color:var(--text-main);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.close-button{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:30px}.close-button:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff;transform:rotate(90deg)}.workflow-manager-body{background:#f1f5f9;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.workflow-actions{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:12px;padding:12px 24px}.workflow-actions .search-section{flex:1 1;position:relative}.search-input{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#1e293b;color:var(--text-main);font-size:14px;padding:8px 12px 8px 36px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-section .search-icon{color:#64748b;color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.import-button{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;box-shadow:0 4px 6px -1px #3b82f64d;font-weight:600;padding:8px 16px}.import-button:hover{box-shadow:0 6px 12px -2px #3b82f666}.import-button:active{transform:translateY(0)}.workflows-list{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr;overflow-y:auto;padding:16px 24px}.workflow-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-item:after{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:background .2s;width:4px}.workflow-item:hover{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.005)}.workflow-item:hover:after{background:#3b82f6;background:var(--primary)}.workflow-item.selected{background:#f0f7ff;border-color:#3b82f6;border-color:var(--primary)}.workflow-item.selected:after{background:#3b82f6;background:var(--primary)}.workflow-info{flex:1 1}.workflow-name{color:#1e293b;color:var(--text-main);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 2px}.workflow-description{color:#64748b;color:var(--text-muted);font-size:13px;line-height:1.5;margin:0 0 8px}.workflow-meta{gap:12px}.created-date,.workflow-meta{align-items:center;display:flex}.created-date{background:#f8fafc;background:var(--surface);border-radius:20px;color:#64748b;color:var(--text-muted);font-size:11px;gap:4px;padding:2px 8px}.workflow-item .workflow-actions{background:#0000;border:none;display:flex;gap:6px;opacity:.8;padding:0;transition:opacity .2s}.workflow-item:hover .workflow-actions{opacity:1}.action-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 10px;transition:all .2s}.load-button{background:#3b82f6;background:var(--primary);color:#fff}.load-button:hover{background:#2563eb;background:var(--primary-dark)}.duplicate-button{background:#8b5cf61a;color:#8b5cf6;color:var(--secondary)}.duplicate-button:hover{background:#8b5cf6;background:var(--secondary);color:#fff}.export-button{background:#06b6d41a;color:#06b6d4;color:var(--accent)}.export-button:hover{background:#06b6d4;background:var(--accent);color:#fff}.delete-button{background:#ef44441a;color:#ef4444;color:var(--danger)}.delete-button:hover{background:#ef4444;background:var(--danger);color:#fff}.empty-state{align-items:center;background:#fff;border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;padding:80px 40px}.empty-icon{color:#64748b;color:var(--text-muted);margin-bottom:24px;opacity:.3}.empty-state h3{font-size:1.25rem;font-weight:700;margin-bottom:8px}.loading-state{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f8fafc;border-top:4px solid #3b82f6;border:4px solid var(--surface);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#ef4444;color:var(--danger);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin:16px 32px;padding:16px 24px}.error-message button{background:#ef4444;background:var(--danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirmation-modal{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);max-width:450px;padding:32px;width:90%}.confirmation-modal h3{color:#1e293b;color:var(--text-main);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 16px}.confirmation-modal p{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.6;margin:0 0 24px}.duplicate-name-input{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;font-size:14px;margin-bottom:24px;padding:12px 16px;transition:all .2s ease;width:100%}.duplicate-name-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#fff;color:#64748b;color:var(--text-muted)}.cancel-button:hover{background:#f8fafc;background:var(--surface);border-color:#64748b;border-color:var(--text-muted)}.delete-button-confirm,.save-button{background:#3b82f6;background:var(--primary);border:none!important;color:#fff}.delete-button-confirm{background:#ef4444!important;background:var(--danger)!important}.delete-button-confirm:hover{background:#dc2626!important}.workflows-list::-webkit-scrollbar{width:8px}.workflows-list::-webkit-scrollbar-track{background:#f1f5f9}.workflows-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.workflows-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.workflow-editor{border:none;border-radius:0;display:flex;height:100%;overflow:hidden}.editor-controls{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #0000000f;box-shadow:2px 0 20px #0000000a;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;padding:20px;width:350px}.workflow-controls{margin-bottom:0}.workflow-name-container{gap:8px;overflow:visible;width:100%}.workflow-name-container,.workflow-name-display{align-items:center;box-sizing:border-box;display:flex}.workflow-name-display{background:#fff;border:1px solid #0000001a;border-radius:10px;flex:1 1;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s ease}.workflow-name-display:hover{border-color:#00000026;box-shadow:0 2px 8px #0000000d}.workflow-name-text{color:#374151;flex:1 1;font-size:14px;font-weight:500}.edit-name-button{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:all .2s ease}.workflow-name-display:hover .edit-name-button{opacity:1}.edit-name-button:hover{background:#667eea1a;color:#667eea}.workflow-name-edit-container{flex:1 1;position:relative;width:100%}.workflow-name-edit-input{background:#fff;border:1px solid #667eea;border-radius:10px;box-shadow:0 0 0 3px #667eea1a;box-sizing:border-box;font-size:14px;min-height:48px;padding:12px 80px 12px 16px;transition:all .2s ease;width:100%}.workflow-name-edit-input:focus{border-color:#5a67d8;box-shadow:0 0 0 3px #667eea26;outline:none}.workflow-name-edit-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.workflow-name-edit-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef444426}.workflow-name-edit-actions{display:flex;gap:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.edit-action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.edit-action-button.save{background:#3b82f6;color:#fff}.edit-action-button.save:hover{background:#2563eb;transform:translateY(-1px)}.edit-action-button.cancel{background:#f3f4f6;color:#6b7280}.edit-action-button.cancel:hover{background:#e5e7eb;color:#374151}.edit-action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-action-button:disabled:hover{background:#3b82f6;transform:none}.workflow-name-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#dc2626;font-size:12px;left:0;margin-top:4px;padding:8px 12px;position:absolute;right:0;top:100%;z-index:10}.actions-menu-button{align-items:center;background:#f8fafc;border:1px solid #00000014;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;padding:12px;transition:all .2s ease;width:48px}.actions-menu-button:hover{background:#e2e8f0;border-color:#0000001f;box-shadow:0 4px 12px #0000001a;color:#475569;transform:translateY(-1px)}.section-divider{background:linear-gradient(90deg,#0000,#0000001a 50%,#0000);height:1px;margin:8px 0}.copy-paste-section{margin-bottom:0}.copy-paste-section h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.copy-paste-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.control-button{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-height:36px;padding:8px 12px;transition:all .2s ease}.control-button:hover:not(:disabled){background:#f3f4f6;border-color:#00000026;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.control-button:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.control-button:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.5}.copy-button{border-color:#3b82f6;color:#3b82f6}.copy-button:hover:not(:disabled){background:#eff6ff;border-color:#2563eb}.paste-button{border-color:#10b981;color:#10b981}.paste-button:hover:not(:disabled){background:#ecfdf5;border-color:#059669}.select-all-button{border-color:#8b5cf6;color:#8b5cf6}.select-all-button:hover:not(:disabled){background:#f3e8ff;border-color:#7c3aed}.copy-paste-controls .delete-button{background:#fff;border-color:#ef4444;color:#ef4444}.copy-paste-controls .delete-button:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.selection-status{background:#f8fafc;border:1px solid #0000000d;border-radius:8px;color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:4px;padding:8px 12px}.clipboard-info,.selection-info{align-items:center;display:flex;gap:4px}.selection-info:before{content:"🎯";font-size:10px}.clipboard-info:before{content:"📋";font-size:10px}.selection-box{animation:selectionPulse 1.5s ease-in-out infinite;background-color:#3b82f61a;border:2px dashed #3b82f6;border-radius:4px;pointer-events:none;position:absolute;z-index:1000}@keyframes selectionPulse{0%,to{opacity:.7}50%{opacity:1}}.react-flow__node.selected .branch-node{border:2px solid #3b82f6!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#3b82f6!important;stroke-width:3px!important}.menu-bar{margin-bottom:16px}.menu-item{display:inline-block;position:relative}.menu-button{background:#667eea;border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.menu-button:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.dropdown-menu{background:#fff;border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;opacity:0;position:fixed;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:10000}.menu-item:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{background:none;border:none;border-bottom:1px solid #0000000d;color:#374151;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#fef2f2}.dropdown-group{padding:4px 0}.dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.dropdown-item:disabled{cursor:not-allowed;opacity:.5}.dropdown-item:disabled:hover{background:none}.import-button{background:#10b981;box-shadow:0 2px 4px #10b98133;display:block;font-size:14px;padding:12px 16px;width:100%}.import-button:hover{background:#059669;box-shadow:0 4px 8px #10b9814d}.import-button.loading{background:#6b7280;cursor:not-allowed}.workflow-name input{background:#fff;border:1px solid #0000001a;border-radius:8px;box-shadow:0 1px 3px #0000000d;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.workflow-name input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.palette-section{margin-bottom:20px}.palette-section h4{color:#1a202c;font-size:13px;font-weight:600;letter-spacing:1px;margin:0 0 12px;opacity:.8;text-transform:uppercase}.branch-palette,.operation-palette{display:flex;flex-direction:column;gap:8px}.palette-item{align-items:center;background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:grab;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:48px;padding:14px 16px;text-align:center;transition:all .2s ease}.palette-item:hover{background:#f8fafc;border-color:#0000001f;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.palette-item:active{cursor:grabbing;transform:translateY(0)}.palette-item.dragging{box-shadow:0 8px 25px #00000026;opacity:.6;transform:rotate(3deg) scale(1.05)}.branch-item{border-style:dashed}.branch-item.production{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444;color:#ef4444}.branch-item.feature{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6;color:#3b82f6}.branch-item.release{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#10b981;color:#10b981}.branch-item.hotfix{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b;color:#f59e0b}.branch-item.develop{background:linear-gradient(135deg,#f3e8ff,#fff);border-color:#8b5cf6;color:#8b5cf6}.branch-item.staging{background:linear-gradient(135deg,#ecfeff,#fff);border-color:#06b6d4;color:#06b6d4}.branch-item.integration{background:linear-gradient(135deg,#f8f9fa,#fff);border-color:#343a40;color:#343a40}.branch-icon{background:currentColor;border-radius:50%;height:16px;width:16px}.connection-instructions{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000d;font-size:13px;line-height:1.5;margin-top:0;padding:20px}.connection-instructions p{color:#64748b;margin:0 0 10px}.connection-instructions p:last-child{margin-bottom:0}.connection-instructions strong{color:#1e293b;font-weight:600}.editor-actions{display:flex;flex-direction:column;gap:16px}.import-export-section{display:flex;gap:8px;margin-bottom:8px}.import-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;text-align:center;transition:all .2s ease}.import-button:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.export-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.export-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.workflow-actions{display:flex;gap:10px}.workflow-actions button{border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.workflow-actions button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.workflow-actions button.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.workflow-actions button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.workflow-actions button.danger:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.workflow-actions button.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.workflow-actions button.secondary:hover{box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.reactflow-wrapper{flex:1 1;position:relative}.branch-node{min-width:220px}.branch-type-icon{font-size:20px}.branch-type{font-size:11px}.tag-inline-badge{background:#ff6b35;border-radius:12px;color:#fff;display:inline-block;display:flex;font-size:10px;font-weight:600;gap:2px;padding:2px 8px}.branch-name{font-size:15px;padding:14px 18px}.auto-pull-indicator{color:#fff}.branch-node.production .auto-pull-indicator{background:linear-gradient(135deg,#dc3545,#c82333)}.branch-node.feature .auto-pull-indicator{background:linear-gradient(135deg,#007bff,#0056b3)}.branch-node.release .auto-pull-indicator{background:linear-gradient(135deg,#28a745,#1e7e34)}.branch-node.hotfix .auto-pull-indicator{background:linear-gradient(135deg,#ffc107,#e0a800)}.branch-node.develop .auto-pull-indicator{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.branch-node.staging .auto-pull-indicator{background:linear-gradient(135deg,#17a2b8,#138496)}.branch-node.integration .auto-pull-indicator{background:linear-gradient(135deg,#fd7e14,#e55a00)}.auto-push-indicator{color:#fff}.branch-node.integration{border-color:#343a40}.branch-node.integration .branch-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.branch-node.integration .branch-type{color:#343a40}.operation-label{text-transform:uppercase}.react-flow__node{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.react-flow__handle{background:#555;border:2px solid #fff;height:12px;opacity:1;visibility:visible;width:12px}.react-flow__handle:hover{transform:scale(1.2)}.react-flow__handle-connecting,.react-flow__handle:hover{background:#007bff;border-color:#fff}.react-flow__handle-valid{background:#28a745;border-color:#fff}.react-flow__edge-path{stroke:#333;stroke-width:3;stroke-dasharray:none}.react-flow__edge.selected .react-flow__edge-path{stroke:#007bff;stroke-width:4}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:8;animation:dashdraw 1s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-16}}.react-flow__edge-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.react-flow__controls{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}.react-flow__minimap{background:#f8f9fa;border:1px solid #ddd;border-radius:8px}.react-flow__background{background-color:#fafafa}.react-flow__connection-line{stroke:#007bff;stroke-width:2;stroke-dasharray:5}@media (max-width:1024px){.editor-controls{width:280px}.palette-item{font-size:14px;min-height:45px;padding:14px}}@media (max-width:768px){.workflow-editor{flex-direction:column;height:90vh}.editor-controls{border-bottom:1px solid #ddd;border-right:none;flex-direction:row;height:200px;overflow-x:auto;overflow-y:hidden;width:100%}.palette-section{margin-right:20px;min-width:200px}.branch-palette,.operation-palette{flex-direction:row;gap:8px}.palette-item{flex-direction:column;gap:4px;min-height:40px;min-width:80px;padding:8px}}.floating-beautify-button{pointer-events:none;position:absolute;right:20px;top:20px;z-index:1000}.fab-beautify-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 4px 16px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:56px;justify-content:center;overflow:hidden;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.fab-beautify-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px) scale(1.05)}.fab-beautify-button:active:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(0) scale(.98)}.fab-beautify-button:disabled{background:#9ca3af;box-shadow:0 2px 8px #0000001a;cursor:not-allowed;transform:none}.fab-icon{font-size:20px;line-height:1}.fab-icon,.fab-loading{align-items:center;display:flex;justify-content:center}.fab-loading{height:100%;width:100%}.fab-spinner{animation:fab-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes fab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-beautify-button{animation:fab-enter .3s cubic-bezier(.4,0,.2,1)}@keyframes fab-enter{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.creator-badge{align-items:center;border-top:1px solid #0000000f;display:flex;gap:10px;margin-top:auto;padding-top:16px;text-decoration:none}.creator-avatar{border:2px solid #667eea;border-radius:50%;flex-shrink:0;height:36px;width:36px}.creator-info{display:flex;flex-direction:column;gap:2px;min-width:0}.creator-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.creator-name{color:#374151;font-size:13px;font-weight:700;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.creator-name:hover{color:#667eea}.creator-github{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;transition:color .2s}.creator-github:hover{color:#1a1a1a}.save-controls{align-items:center;display:flex;gap:8px;padding:0 8px 8px}.save-now-button{align-items:center;background:#0000;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s}.save-now-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.save-now-button:disabled{cursor:not-allowed;opacity:.5}.autosave-toggle{align-items:center;cursor:pointer;display:flex;gap:6px;-webkit-user-select:none;user-select:none;white-space:nowrap}.autosave-label{color:#6b7280;font-size:12px;font-weight:600}.toggle-switch{background:#d1d5db;border-radius:9px;flex-shrink:0;height:18px;position:relative;transition:background .2s;width:34px}.toggle-switch.on{background:#667eea}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;left:2px;position:absolute;top:2px;transition:left .2s;width:14px}.toggle-switch.on .toggle-thumb{left:18px}.autosave-group{align-items:center;display:flex;gap:8px;justify-content:space-between}.autosave-timestamp{color:#9ca3af;font-size:11px;white-space:nowrap}.workflow-runner{border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:91vh;overflow:hidden}.runner-header{align-items:flex-end;background:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:20px}.workflow-info{display:flex;flex-direction:column;gap:12px}.workflow-title-section{align-items:flex-start;display:flex;gap:16px}.workflow-id-row{align-items:center;display:flex;gap:12px}.workflow-details h2{color:#333;font-size:24px;margin:0 0 5px}.workflow-details p{color:#666;font-size:14px;margin:0}.repository-info{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:8px 12px}.repository-label{color:#6b7280;font-weight:500}.required-indicator{color:#dc2626;font-weight:700}.repository-path{background:#f3f4f6;border-radius:4px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;padding:2px 6px}.repository-path:contains("NOT SELECTED"){background:#fee2e2;color:#dc2626}.change-repository-button{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.change-repository-button:hover{background:#2563eb}.runner-controls{gap:16px}.repository-section,.runner-controls{align-items:flex-end;display:flex;flex-direction:column}.repository-section{width:100%}.action-buttons{display:flex;gap:10px}.back-button{align-self:flex-start;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;min-width:120px;padding:8px 12px;transition:background-color .3s}.back-button:hover{background:#5a6268}.load-workflow-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;min-width:0;padding:6px 12px;transition:all .2s ease}.load-workflow-button:hover{background:#2563eb;transform:translateY(-1px)}.load-workflow-button:active{transform:translateY(0)}.execute-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;padding:10px 16px;transition:background-color .3s}.execute-button:hover:not(:disabled){background:#218838}.execute-button:disabled{background:#6c757d;cursor:not-allowed}.stop-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;padding:10px 16px;transition:background-color .3s}.stop-button:hover{background:#c82333}.runner-content{display:flex;flex:1 1;overflow:hidden}.workflow-visualization{flex:2 1;position:relative}.execution-panel{background:#fff;border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:400px}.panel-header{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.panel-header h3{color:#333;font-size:16px;margin:0}.log-controls{display:flex;gap:8px}.clear-button,.export-button{align-items:center;background:#6c757d;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease;width:80px}.clear-button:hover,.export-button:hover{background:#5a6268;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.clear-button:active,.export-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.export-button{background:#007bff}.export-button:hover{background:#0056b3}.clear-button{background:#dc3545}.clear-button:hover{background:#c82333}.execution-log{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex:1 1;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;min-height:0;overflow-y:auto;padding:20px}.execution-log::-webkit-scrollbar{width:6px}.execution-log::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.execution-log::-webkit-scrollbar-thumb{background:#c1c8cd;border-radius:3px}.execution-log::-webkit-scrollbar-thumb:hover{background:#a8b2ba}.no-logs{align-items:center;color:#6c757d;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.no-logs-icon{font-size:48px;margin-bottom:16px;opacity:.6}.no-logs-text{color:#495057;font-size:18px;font-weight:500;margin-bottom:8px}.no-logs-subtext{color:#6c757d;font-size:14px;opacity:.8}.log-entry{align-items:flex-start;background:#fff;border-left:4px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;margin-bottom:10px;padding:12px 16px;transition:all .2s ease}.log-entry:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.log-entry:last-child{margin-bottom:0}.log-content{flex:1 1;min-width:0}.log-message{color:#212529;font-weight:500;margin-bottom:4px}.log-command{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:8px;padding:8px 12px}.log-command code{background:#0000;border:none;color:#495057;padding:0}.log-command code,.log-time{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px}.log-time{color:#6c757d;flex-shrink:0;margin-top:2px;white-space:nowrap}.log-entry.success{background:linear-gradient(135deg,#fff,#f8fff9);border-left-color:#28a745}.log-entry.success .log-message{color:#155724}.log-entry.error{background:linear-gradient(135deg,#fff,#fff8f8);border-left-color:#dc3545}.log-entry.error .log-message{color:#721c24}.log-entry.warning{background:linear-gradient(135deg,#fff,#fffdf5);border-left-color:#ffc107}.log-entry.warning .log-message{color:#856404}.log-entry.info{background:linear-gradient(135deg,#fff,#f7fcfd);border-left-color:#17a2b8}.log-entry.info .log-message{color:#0c5460}.log-entry.processing{animation:pulse-processing 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f7fcfd);border-left-color:#17a2b8}.log-entry.processing .log-message{color:#0c5460;font-weight:600}.processing-dots{display:inline-block;margin-left:8px}.processing-dots span{animation:blink-dots 1.4s infinite;animation-fill-mode:both}.processing-dots span:first-child{animation-delay:0s}.processing-dots span:nth-child(2){animation-delay:.2s}.processing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink-dots{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes pulse-processing{0%,to{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 2px 8px #17a2b84d}}.branch-node.status-pending{border-color:#6c757d}.branch-node.status-running{animation:pulse 1.5s ease-in-out infinite;border-color:#ffc107}.branch-node.status-success{border-color:#28a745}.branch-node.status-failed{border-color:#dc3545}.operation-edge.status-pending .operation-label{opacity:.7}.operation-edge-running{animation:edge-pulse 1.5s ease-in-out infinite}.operation-label-running{animation:label-pulse 1.5s ease-in-out infinite}@keyframes edge-pulse{0%,to{stroke-opacity:1;stroke-width:3}50%{stroke-opacity:.6;stroke-width:4}}@keyframes label-pulse{0%,to{zoom:1;box-shadow:0 2px 8px #0000001a;opacity:1}50%{zoom:1.1;box-shadow:0 4px 20px #17a2b866;opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-pending .status-indicator{background-color:#6c757d}.status-running .status-indicator{animation:blink 1s infinite;background-color:#ffc107}.status-success .status-indicator{background-color:#28a745}.status-failed .status-indicator{background-color:#dc3545}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.branch-node{background:#fff;border:3px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;position:relative;transition:all .3s}.branch-node:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.branch-node.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.branch-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;gap:8px;padding:12px 16px 8px}.branch-type-icon{font-size:16px}.branch-type{color:#6c757d;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.branch-name{color:#333;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;word-break:break-all}.remote-indicator{font-size:12px;position:absolute;right:8px;top:8px}.auto-pull-indicator{align-items:center;background:#fff!important;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#000!important;display:flex;height:20px;justify-content:center;position:absolute;right:32px;top:10px;width:20px}.auto-pull-indicator svg{height:12px;width:12px}.auto-push-indicator{align-items:center;background:#fff!important;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#000!important;display:flex;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.auto-push-indicator svg{height:12px;width:12px}.delete-branch-indicator{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.delete-branch-indicator svg{color:#dc3545;height:16px;width:16px}.auto-pull-indicator.running,.auto-push-indicator.running,.delete-branch-indicator.running{animation:indicator-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#049af1,#154bdf)!important;color:#fff!important}.auto-pull-indicator.success,.auto-push-indicator.success,.delete-branch-indicator.success{animation:none;background:linear-gradient(135deg,#28a745,#1e7e34)!important;color:#fff!important}.auto-pull-indicator.failed,.auto-push-indicator.failed,.delete-branch-indicator.failed{animation:none;background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}.delete-branch-indicator.success svg{color:#28a745!important}.delete-branch-indicator.failed svg{color:#dc3545!important}@keyframes indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.branch-node.production .auto-push-indicator{background:linear-gradient(135deg,#dc3545,#c82333)}.branch-node.feature .auto-push-indicator{background:linear-gradient(135deg,#007bff,#0056b3)}.branch-node.release .auto-push-indicator{background:linear-gradient(135deg,#28a745,#1e7e34)}.branch-node.hotfix .auto-push-indicator{background:linear-gradient(135deg,#ffc107,#e0a800)}.branch-node.develop .auto-push-indicator{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.branch-node.staging .auto-push-indicator{background:linear-gradient(135deg,#17a2b8,#138496)}.branch-node.integration .auto-push-indicator{background:linear-gradient(135deg,#fd7e14,#e55a00)}.branch-node.production{border-color:#dc3545}.branch-node.production .branch-header{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.branch-node.production .branch-type{color:#dc3545}.branch-node.feature{border-color:#007bff}.branch-node.feature .branch-header{background:linear-gradient(135deg,#cce7ff,#b3d9ff)}.branch-node.feature .branch-type{color:#007bff}.branch-node.release{border-color:#28a745}.branch-node.release .branch-header{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.branch-node.release .branch-type{color:#28a745}.branch-node.hotfix{border-color:#ffc107}.branch-node.hotfix .branch-header{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.branch-node.hotfix .branch-type{color:#ffc107}.branch-node.develop{border-color:#6f42c1}.branch-node.develop .branch-header{background:linear-gradient(135deg,#e2d9f3,#d1c4e9)}.branch-node.develop .branch-type{color:#6f42c1}.branch-node.staging{border-color:#17a2b8}.branch-node.staging .branch-header{background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.branch-node.staging .branch-type{color:#17a2b8}.operation-edge{position:relative}.operation-label{background:#fff;border:2px solid #333;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:none!important}.operation-edge.selected .operation-label{background:#007bff;border-color:#007bff;color:#fff}@media (max-width:768px){.runner-content{flex-direction:column}.workflow-visualization{height:50vh}.execution-panel,.preview-panel{border-left:none;border-top:1px solid #ddd}.summary-grid{gap:12px;grid-template-columns:1fr}.summary-item{padding:12px}.summary-value{font-size:16px}.summary-item:first-child .summary-value{font-size:20px}.summary-item:nth-child(2) .summary-value{font-size:18px}.runner-header{align-items:stretch;flex-direction:column;gap:15px}.runner-controls{gap:12px}.repository-section,.runner-controls{align-items:center}.action-buttons{flex-direction:column;gap:8px}.workflow-info{gap:8px}.workflow-title-section{align-items:flex-start;flex-direction:column;gap:8px}.load-workflow-button{font-size:12px;min-width:120px;padding:6px 10px}}.saved-repositories-section{border-bottom:1px solid #e5e7eb;margin-bottom:0;padding:20px}.saved-repositories-section h3{color:#374151;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0 0 14px}.saved-repositories-list{display:flex;flex-direction:column;gap:8px;margin-right:-4px;max-height:200px;overflow-y:auto;padding-right:4px}.preview-panel{background:#fff;border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:400px}.preview-controls{display:flex;gap:8px}.preview-controls .export-button{align-items:center;display:flex;gap:8px;min-width:120px;padding:10px 16px;white-space:nowrap}.copy-button{background:#3b82f6;border:1px solid #3b82f6;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.copy-button:hover{background:#2563eb;border-color:#2563eb}.preview-content{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:0}.preview-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px 8px 0 0;padding:20px 20px 0}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:all .2s ease}.summary-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.summary-item.repository-item{background:#fff;border-color:#e2e8f0;grid-column:1/-1}.summary-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.summary-label:before{background:#3b82f6;border-radius:50%;content:"";height:4px;width:4px}.summary-value{color:#1e293b;font-size:18px;font-weight:700;line-height:1.2}.summary-value.repository-value{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:4px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:600;padding:8px 12px;word-break:break-all}.summary-icon{height:20px;margin-right:8px;opacity:.7;width:20px}.summary-item:first-child .summary-value{color:#3b82f6;font-size:24px}.summary-item:nth-child(2) .summary-value{color:#f59e0b;font-size:20px}.repository-value{max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.repository-value:hover{background:#ffffffe6;position:relative;white-space:normal;word-break:break-all;z-index:10}.command-list{padding:16px 16px 0}.command-list-header{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:8px}.command-list-header h4{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.command-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s}.command-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.command-item.risk-high{border-left:4px solid #dc2626}.command-item.risk-medium{border-left:4px solid #f59e0b}.command-item.risk-low{border-left:4px solid #10b981}.command-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.command-number{background:#f3f4f6;font-size:12px;min-width:24px;text-align:center}.command-number,.command-type{border-radius:4px;color:#374151;font-weight:600;padding:4px 8px}.command-type{background:#e5e7eb;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.command-risk{margin-left:auto}.risk-indicator{border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.risk-indicator.risk-low{background:#dcfce7;color:#166534}.risk-indicator.risk-medium{background:#fef3c7;color:#92400e}.risk-indicator.risk-high{background:#fee2e2;color:#991b1b}.command-description{color:#374151;font-size:14px;line-height:1.4;margin-bottom:12px}.command-code{background:#1f2937;border-radius:6px;color:#f9fafb;margin-bottom:8px;padding:12px}.command-code code{background:none;color:#f9fafb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:0;white-space:pre-wrap;word-break:break-all}.command-warnings{margin-top:8px}.warning-item{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;color:#d97706;font-size:12px;margin-bottom:4px;padding:6px 8px}.warning-item:last-child{margin-bottom:0}.no-preview{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.no-preview-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-preview-text{font-size:16px;font-weight:500;margin-bottom:4px}.no-preview-subtext{font-size:14px;opacity:.7}.preview-button{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.preview-button:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.preview-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.exit-preview-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.exit-preview-button:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.risk-analysis{background:#f5f7fa;border-radius:8px;margin-top:20px;padding:16px}.risk-analysis h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.risk-summary{margin-bottom:16px}.risk-overall{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.risk-label{color:#6b7280;font-size:14px;font-weight:500}.risk-value{border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.risk-value.risk-low{background:#dcfce7;color:#166534}.risk-value.risk-medium{background:#fef3c7;color:#92400e}.risk-value.risk-high{background:#fee2e2;color:#991b1b}.risk-breakdown{display:flex;gap:12px}.risk-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:8px 12px}.risk-count{font-size:18px;font-weight:700;margin-bottom:4px}.risk-count.risk-low{color:#10b981}.risk-count.risk-medium{color:#f59e0b}.risk-count.risk-high{color:#ef4444}.recommendations{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:16px;padding:12px}.recommendations h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.recommendations ul{margin:0;padding-left:16px}.recommendations li{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:4px}.recommendations li:last-child{margin-bottom:0}.saved-repositories-list::-webkit-scrollbar{width:6px}.saved-repositories-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.saved-repositories-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.saved-repositories-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.saved-repositories-list{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.saved-repository-item{align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .15s ease}.saved-repository-item:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.repository-info{flex:1 1;min-width:0;padding-right:8px;width:100%}.saved-repository-path{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#1f2937;display:block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:12px;line-height:1.3;padding:6px 10px;white-space:normal;width:100%;word-break:break-all}.path-prefix{color:#6b7280;font-weight:400}.path-highlight{background:#dbeafe;border:1px solid #3b82f6;border-radius:3px;color:#1f2937;font-weight:600;padding:1px 4px}.remove-repository-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .15s ease;width:24px}.remove-repository-button:hover{background:#fef2f2;color:#dc2626}.remove-repository-button:active{transform:scale(.95)}.dark .execution-log{background:#1a1a1a;border:1px solid #ffffff1a;color:#e0e0e0}.dark .execution-log::-webkit-scrollbar-track{background:#2d2d2d}.dark .execution-log::-webkit-scrollbar-thumb{background:#555}.dark .execution-log::-webkit-scrollbar-thumb:hover{background:#777}.dark .no-logs{color:#ffffffb3}.dark .no-logs-text{color:#fff}.dark .no-logs-subtext{color:#fff9}.dark .log-entry{background:#2d2d2d;border-left:4px solid #fff3;box-shadow:0 1px 3px #0000004d}.dark .log-entry:hover{box-shadow:0 2px 8px #00000080}.dark .log-message{color:#fff}.dark .log-command{background:#ffffff0d;border:1px solid #ffffff1a}.dark .log-command code{color:#fff}.dark .log-time{color:#ffffffb3}.dark .log-entry.success{background:linear-gradient(135deg,#2d2d2d,#51cf661a);border-left-color:#51cf66}.dark .log-entry.success .log-message{color:#51cf66}.dark .log-entry.error{background:linear-gradient(135deg,#2d2d2d,#ff6b6b1a);border-left-color:#ff6b6b}.dark .log-entry.error .log-message{color:#ff6b6b}.dark .log-entry.warning{background:linear-gradient(135deg,#2d2d2d,#ffd43b1a);border-left-color:#ffd43b}.dark .log-entry.warning .log-message{color:#ffd43b}.dark .log-entry.info{background:linear-gradient(135deg,#2d2d2d,#74c0fc1a);border-left-color:#74c0fc}.dark .log-entry.info .log-message{color:#74c0fc}.dark .log-entry.processing{background:linear-gradient(135deg,#2d2d2d,#74c0fc1a);border-left-color:#74c0fc}.dark .log-entry.processing .log-message{color:#74c0fc}.log-entry.separator{background:#0000;border:none;box-shadow:none;margin:12px 0;padding:0;position:relative;text-align:center}.log-entry.separator:before{background:linear-gradient(90deg,#0000,#d1d5db 30%,#d1d5db 70%,#0000);border-top:1px dotted #9ca3af;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.log-entry.separator .log-message{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#6b7280;display:inline-block;font-size:10px;font-weight:600;letter-spacing:1px;margin:0;padding:4px 12px;position:relative;text-transform:uppercase;z-index:1}.log-entry.separator .log-time{display:none}.log-entry.separator .log-content{position:relative;text-align:center;width:100%}.dark .log-entry.separator:before{background:linear-gradient(90deg,#0000,#4b5563 30%,#4b5563 70%,#0000);border-top:1px dotted #6b7280}.dark .log-entry.separator .log-message{background:#1f2937;border:1px solid #374151;box-shadow:0 1px 2px #0000004d;color:#9ca3af}.panel-tabs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-shrink:0;gap:0}.panel-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:color .15s,border-color .15s}.panel-tab:hover{background:#e9ecef;color:#495057}.panel-tab.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.history-panel{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px}.history-loading{font-size:14px;padding:24px}.history-loading,.no-history{color:#6c757d;text-align:center}.no-history{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.no-history-icon{margin-bottom:12px;opacity:.5}.no-history-text{font-size:15px;font-weight:500;margin-bottom:4px}.no-history-subtext{color:#adb5bd;font-size:13px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;padding:12px 14px;transition:box-shadow .15s,border-color .15s}.history-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.history-item-status{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.history-item-duration,.history-item-time{color:#6c757d;font-size:12px}.history-item-error{color:#dc3545;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-completed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-stopped{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.status-running{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.history-detail-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.back-to-history-button{background:none;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:13px;padding:5px 12px;transition:background .15s}.back-to-history-button:hover{background:#e9ecef}.playground-banner{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa);color:#fff;display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;padding:8px 24px;z-index:200}.playground-banner-content{align-items:center;display:flex;gap:10px}.playground-banner-text strong{font-weight:700}.playground-banner-actions{align-items:center;display:flex;gap:16px}.playground-banner-link{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;gap:5px;opacity:.9;text-decoration:none;transition:opacity .2s;white-space:nowrap}.playground-banner-link:hover{opacity:1;text-decoration:underline}.playground-banner-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.playground-banner-close:hover{background:#ffffff59}.notification-container.playground-offset{top:120px}@media (max-width:480px){.notification-container.playground-offset{top:118px}}.playground-welcome-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.playground-welcome-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:480px;padding:40px;position:relative;text-align:center;width:90vw}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.playground-welcome-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:32px}.playground-welcome-close:hover{background:#e5e7eb;color:#374151}.playground-welcome-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 14px #6366f166;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.playground-welcome-modal h2{color:#1e293b;font-size:22px;font-weight:800;margin:0 0 8px}.playground-welcome-modal p{color:#64748b;font-size:15px;margin:0 0 20px}.playground-welcome-tips{list-style:none;margin:0 0 24px;padding:0;text-align:left}.playground-welcome-tips li{color:#475569;font-size:14px;line-height:1.5;padding:8px 0 8px 28px;position:relative}.playground-welcome-tips li:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;content:"";height:8px;left:8px;position:absolute;top:15px;width:8px}.playground-welcome-cta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:14px 18px;text-align:center}.playground-welcome-real{color:#64748b!important;font-size:13px!important;margin:0 0 8px!important}.playground-welcome-link{align-items:center;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;transition:color .2s}.playground-welcome-link:hover{color:#4f46e5;text-decoration:underline}.playground-welcome-start{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transition:box-shadow .2s,transform .2s;width:100%}.playground-welcome-start:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-1px)}.mobile-playground-blocker{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe 50%,#e0e7ff);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.mobile-playground-blocker-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #6366f11f,0 1px 4px #0000000f;max-width:360px;padding:40px 32px;text-align:center}.mobile-playground-blocker-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;display:inline-flex;height:64px;justify-content:center;margin-bottom:24px;width:64px}.mobile-playground-blocker-card h2{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 12px}.mobile-playground-blocker-card p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 28px}.mobile-playground-blocker-link{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:6px;padding:12px 24px;text-decoration:none;transition:opacity .2s,transform .2s}.mobile-playground-blocker-link:hover{opacity:.92;transform:translateY(-1px)}
/*# sourceMappingURL=main.5ad5bf29.css.map*/