:root{--polaris-green: #00a47c;--polaris-green-light: #e3f1e8;--polaris-blue: #006fbb;--polaris-blue-light: #e5f3ff;--polaris-indigo: #5c6ac4;--polaris-indigo-light: #ebedff;--polaris-orange: #f49342;--polaris-orange-light: #fff3e5;--polaris-red: #d72c0d;--polaris-red-light: #ffe3e3;--polaris-yellow: #ffc453;--polaris-yellow-light: #ffea8a;--polaris-gray-900: #202223;--polaris-gray-800: #44474a;--polaris-gray-700: #5c5f62;--polaris-gray-600: #8c9196;--polaris-gray-500: #a6acb2;--polaris-gray-400: #c4cdd5;--polaris-gray-300: #dfe3e8;--polaris-gray-200: #f6f6f7;--polaris-gray-100: #f9fafb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px}.workflow-node{transition:all var(--transition-base)}.workflow-node:hover{transform:translateY(-2px)}.workflow-node button[title="Delete node"]{opacity:0;transition:opacity var(--transition-fast)}.workflow-node:hover button[title="Delete node"]{opacity:1}.react-flow__node{border:none!important;background:transparent!important;padding:0!important}.react-flow__handle{transition:all var(--transition-fast)}.react-flow__handle:hover{transform:scale(1.2)}.react-flow__edge-path{transition:all var(--transition-fast)}.react-flow__controls{box-shadow:var(--shadow-md)!important;border-radius:var(--radius-lg)!important;overflow:hidden}.react-flow__controls-button{border:none!important;border-bottom:1px solid var(--polaris-gray-300)!important;background:#fff!important;transition:background var(--transition-fast)}.react-flow__controls-button:hover{background:var(--polaris-gray-200)!important}.react-flow__minimap{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--polaris-gray-300)}.react-flow__panel.react-flow__attribution.bottom.right,.react-flow__attribution{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--polaris-gray-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--polaris-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--polaris-gray-600)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.animate-slide-in{animation:slideIn var(--transition-slow) forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.status-dot--success{background:var(--polaris-green)}.status-dot--warning{background:var(--polaris-orange)}.status-dot--error{background:var(--polaris-red)}.status-dot--neutral{background:var(--polaris-gray-400)}
