.main-button{display:inline-block;padding:8px 16px;background-color:#4ea9ff;color:white;border-radius:4px;font-size:14px;cursor:pointer;border:none;margin:5px;text-align:center;transition:all 0.3s ease}.main-button:hover{background-color:#3a8cd9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.main-button.active{background-color:#ff6b6b !important;box-shadow:0 0 10px rgba(255,107,107,0.5)}.selection-mode-active{position:fixed;top:0;left:0;right:0;background-color:#ff6b6b;color:white;text-align:center;padding:10px;font-weight:bold;z-index:10000;font-size:16px;box-shadow:0 2px 10px rgba(0,0,0,0.3)}#selection-box{position:absolute;border:2px dashed #ff6b6b;background-color:rgba(255,107,107,0.1);pointer-events:none;z-index:9999;display:none}#drawflow.selection-mode{cursor:pointer}#drawflow.selection-mode .drawflow-node{cursor:pointer}.copy-paste-feedback{position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;background-color:rgba(0,0,0,0.9) !important;color:white !important;padding:20px 30px !important;border-radius:8px !important;font-size:16px !important;font-weight:bold !important;z-index:99999 !important;animation:fadeInOutFeedback 2s ease-in-out !important;pointer-events:none !important;box-shadow:0 4px 20px rgba(0,0,0,0.5) !important;border:2px solid #ff6b6b !important;min-width:200px !important;text-align:center !important}@keyframes fadeInOutFeedback{0%{opacity:0;transform:translate(-50%, -50%) scale(0.8)}15%{opacity:1;transform:translate(-50%, -50%) scale(1)}85%{opacity:1;transform:translate(-50%, -50%) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) scale(0.8)}}.code-validation-indicator{margin-bottom:10px;padding:12px;border-radius:6px;border-left:4px solid;display:flex;align-items:flex-start;gap:10px;font-size:14px}.validation-safe{background-color:#f0f9f0;border-color:#52c41a;color:#389e0d}.validation-warning{background-color:#fffbe6;border-color:#faad14;color:#d48806}.validation-high{background-color:#fff2e8;border-color:#fa8c16;color:#d46b08}.validation-critical{background-color:#fff1f0;border-color:#ff4d4f;color:#cf1322}.validation-icon{flex-shrink:0;font-size:16px}.validation-message{font-weight:600;margin-bottom:4px}.validation-details{font-size:12px;opacity:0.8}.validation-loading{display:flex;align-items:center;gap:8px;color:#1890ff;font-size:14px;margin-bottom:10px}.code-hints-container{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.code-hints-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#495057;font-size:14px}.code-hints-list{display:flex;flex-direction:column;gap:8px}.code-hint-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:white;border-radius:6px;border:1px solid #dee2e6;font-size:12px}.code-before{background-color:#f8f9fa;padding:2px 6px;border-radius:4px;color:#495057;font-family:'Courier New', monospace}.code-after{background-color:#e7f3ff;padding:2px 6px;border-radius:4px;color:#0066cc;font-family:'Courier New', monospace}.code-hint-item i{color:#28a745;font-size:10px}.dark-mode .code-hints-container,body.dark .code-hints-container{background-color:#2d3748;border-color:#4a5568}.dark-mode .code-hint-item,body.dark .code-hint-item{background-color:#4a5568;border-color:#718096}.dark-mode .code-before,body.dark .code-before{background-color:#718096;color:#e2e8f0}.dark-mode .code-after,body.dark .code-after{background-color:#2b6cb0;color:#bee3f8}.modern-feedback-message{position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;color:white !important;padding:20px 30px !important;border-radius:12px !important;font-size:16px !important;font-weight:bold !important;z-index:99999 !important;animation:fadeInOutModern 2s ease-in-out !important;pointer-events:none !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important;min-width:200px !important;text-align:center !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;letter-spacing:0.5px !important;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;background:linear-gradient(135deg, rgba(30,144,255,0.9) 0%, rgba(138,43,226,0.9) 50%, rgba(75,0,130,0.9) 100%) !important;border:2px solid #1e90ff !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important}.feedback-success{background:linear-gradient(135deg, rgba(0,255,127,0.9) 0%, rgba(64,224,208,0.9) 50%, rgba(72,209,204,0.9) 100%) !important;border:2px solid #00ff7f !important;box-shadow:0 8px 32px rgba(0,255,127,0.3) !important}.feedback-warning{background:linear-gradient(135deg, rgba(255,105,180,0.9) 0%, rgba(255,140,0,0.9) 50%, rgba(255,69,0,0.9) 100%) !important;border:2px solid #ff69b4 !important;box-shadow:0 8px 32px rgba(255,105,180,0.3) !important}.feedback-error{background:linear-gradient(135deg, rgba(255,20,147,0.9) 0%, rgba(138,43,226,0.9) 50%, rgba(75,0,130,0.9) 100%) !important;border:2px solid #ff1493 !important;box-shadow:0 8px 32px rgba(255,20,147,0.3) !important}