.api-console-widget{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:30px;padding:20px}.api-console-header h3{color:#495057;font-size:1.2em;margin:0 0 10px}.api-console-security-note{align-items:center;background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;color:#0c5460;display:flex;font-size:.9em;gap:8px;margin-bottom:15px;padding:8px 12px}.security-icon{font-size:1.1em}.api-key-input-section{margin-bottom:15px}.api-key-input-section label{color:#495057;display:block;font-weight:600;margin-bottom:5px}.api-key-input-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:8px}#api-key-input{border:2px solid #ced4da;border-radius:6px;flex:1;font-size:14px;padding:10px 12px;transition:border-color .2s ease}#api-key-input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.validation-status{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:5px;justify-content:flex-start;margin-top:8px;min-width:120px;padding:8px 12px;transition:all .2s ease}.validation-status.hidden{display:none}.validation-status.valid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.validation-status.invalid{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.validation-status.loading{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.validation-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-icon{font-size:14px}.status-text{font-size:12px}.clear-key-btn,.toggle-visibility-btn{background:#fff;border:2px solid #ced4da;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.clear-key-btn:hover,.toggle-visibility-btn:hover{background:#f8f9fa;border-color:#adb5bd}.authenticated-actions,.invalid-actions,.unauthenticated-actions,.validating-actions{display:flex;flex-direction:column;gap:10px}.invalid-actions p,.unauthenticated-actions p{color:#6c757d;font-size:14px;margin:0}.auth-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-btn{border:2px solid transparent;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;min-width:160px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.action-btn.primary{background:#007bff;border-color:#007bff;color:#fff}.action-btn.primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3;color:#fff;text-decoration:none}.action-btn.primary:disabled{background:#6c757d;border-color:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.action-btn.secondary{background:transparent;border-color:#007bff;color:#007bff}.action-btn.secondary:hover{background:#007bff;color:#fff;text-decoration:none}.copy-btn{transition:all .2s ease}.copy-btn:hover{background:#e9ecef!important;border-color:#adb5bd!important}@media (max-width:768px){.api-key-input-wrapper{align-items:stretch;flex-direction:column;gap:8px}.validation-status{justify-content:center;margin-top:8px;min-width:auto}.auth-buttons{flex-direction:column}.action-btn{min-width:auto}}