.drawflow .drawflow-node.modern-step-node:not(.editing){background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;width:240px !important;height:auto !important;min-height:70px !important}.drawflow .drawflow-node.modern-step-node:not(.editing) .drawflow_content_node{padding:0 !important;margin:0 !important;border:none !important;background:transparent !important;width:240px !important;height:auto !important}.drawflow .drawflow-node.modern-step-node.editing{background:white !important;border:2px solid #007bff !important;border-radius:8px !important;padding:15px !important;width:auto !important;height:auto !important;min-height:auto !important;min-width:280px !important;max-width:400px !important;box-shadow:0 4px 15px rgba(0,0,0,0.3) !important;z-index:1000 !important;position:absolute !important}.drawflow .drawflow-node.modern-step-node.editing .drawflow_content_node{padding:10px !important;margin:0 !important;border:none !important;background:white !important;width:100% !important;height:auto !important;color:#333 !important;font-size:14px !important;line-height:1.4 !important}.drawflow .drawflow-node.modern-step-node.editing .n8n-node{display:none !important}.drawflow .drawflow-node.modern-step-node.editing input,.drawflow .drawflow-node.modern-step-node.editing select,.drawflow .drawflow-node.modern-step-node.editing textarea,.drawflow .drawflow-node.modern-step-node.editing label,.drawflow .drawflow-node.modern-step-node.editing button{display:block !important;visibility:visible !important;opacity:1 !important;width:100% !important;padding:8px 12px !important;margin:6px 0 !important;border:1px solid #ddd !important;border-radius:4px !important;font-size:14px !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;background:white !important;color:#333 !important;box-sizing:border-box !important}.drawflow .drawflow-node.modern-step-node.editing button{background:#007bff !important;color:white !important;cursor:pointer !important;margin:10px 5px 5px 0 !important;width:auto !important;padding:8px 16px !important}.drawflow .drawflow-node.modern-step-node.editing button:hover{background:#0056b3 !important}.drawflow .drawflow-node.modern-step-node.editing label{font-weight:600 !important;margin-bottom:4px !important;margin-top:12px !important;color:#555 !important;width:auto !important;padding:0 !important;border:none !important}.drawflow .drawflow-node.selected:not(.editing){border:3px solid #3498db !important;border-radius:12px !important;box-shadow:0 0 0 2px rgba(52,152,219,0.3) !important;background:transparent !important}.drawflow .drawflow-node.modern-step-node:not(.editing) .n8n-node{background:#2c3e50;border:1px solid #34495e;border-left:4px solid var(--node-border-color, #3498db);border-radius:10px;padding:0;width:240px;height:70px;display:flex;align-items:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2);cursor:pointer;position:relative}.drawflow .drawflow-node.modern-step-node:not(.editing) .n8n-node:hover{box-shadow:0 6px 20px rgba(0,0,0,0.3);transform:translateY(-2px);border-left-color:#e74c3c}.n8n-node-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:10px;color:white;font-size:20px;flex-shrink:0}.n8n-node-content{flex:1;padding:10px 15px 10px 0;display:flex;flex-direction:column;justify-content:center;min-width:0}.n8n-node-name{font-size:14px;font-weight:600;color:#ecf0f1;line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.n8n-node-type{font-size:12px;color:#bdc3c7;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawflow .drawflow-node .input{left:-7px !important;width:14px !important;height:14px !important;background:#e74c3c !important;border:2px solid #ffffff !important;border-radius:50% !important;position:absolute !important;z-index:10000 !important;pointer-events:auto !important;cursor:crosshair !important}.drawflow .drawflow-node .output{right:-7px !important;width:14px !important;height:14px !important;background:#27ae60 !important;border:2px solid #ffffff !important;border-radius:50% !important;position:absolute !important;z-index:10000 !important;pointer-events:auto !important;cursor:crosshair !important}.drawflow .drawflow-node .input:only-child{top:50% !important;transform:translateY(-50%) !important}.drawflow .drawflow-node .output:only-child{top:50% !important;transform:translateY(-50%) !important}.drawflow .drawflow-node .input:hover{background:#c0392b !important;box-shadow:0 0 8px rgba(231,76,60,0.5) !important;transform:scale(1.2) !important}.drawflow .drawflow-node .output:hover{background:#229954 !important;box-shadow:0 0 8px rgba(39,174,96,0.5) !important;transform:scale(1.2) !important}.drawflow .drawflow-node .input:only-child:hover{background:#c0392b !important;box-shadow:0 0 8px rgba(231,76,60,0.5) !important;transform:translateY(-50%) scale(1.2) !important}.drawflow .drawflow-node .output:only-child:hover{background:#229954 !important;box-shadow:0 0 8px rgba(39,174,96,0.5) !important;transform:translateY(-50%) scale(1.2) !important}.drawflow .drawflow-node .input:not(:only-child):hover{transform:scale(1.2) !important}.drawflow .drawflow-node .output:not(:only-child):hover{transform:scale(1.2) !important}@keyframes nodeAppear{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}.drawflow .drawflow-node.modern-step-node{animation:nodeAppear 0.3s ease-out}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(100%);opacity:0}}@media (max-width: 768px){.drawflow .drawflow-node.modern-step-node,.drawflow .drawflow-node.modern-step-node .drawflow_content_node,.n8n-node{width:220px !important;height:65px !important;min-height:65px !important}.n8n-node-icon{width:42px;height:42px;margin:10px}.n8n-node-icon i{font-size:18px}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{width:12px !important;height:12px !important}}@media (prefers-color-scheme: dark){.n8n-node{background:#2c3e50;border-color:#34495e;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.n8n-node:hover{box-shadow:0 6px 20px rgba(0,0,0,0.4)}.n8n-node-name{color:#ecf0f1}.n8n-node-type{color:#bdc3c7}}@keyframes nodeUpdatePulse{0%{transform:scale(1);box-shadow:0 2px 8px rgba(0,0,0,0.2)}50%{transform:scale(1.02);box-shadow:0 8px 25px rgba(52,152,219,0.4)}100%{transform:scale(1);box-shadow:0 2px 8px rgba(0,0,0,0.2)}}.drawflow .drawflow-node.modern-step-node:not(.editing) .n8n-node{transition:all 0.3s ease, border-left-color 0.5s ease, box-shadow 0.3s ease}.drawflow .drawflow-node.modern-step-node:not(.editing) .n8n-node-icon{transition:background-color 0.5s ease}.drawflow .drawflow-node.modern-step-node:not(.editing) .n8n-node:hover{border-left-color:var(--node-border-hover, #e74c3c) !important;box-shadow:0 6px 20px rgba(0,0,0,0.3);transform:translateY(-2px)}