.ai-mode-chooser{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(99,102,241,0.06);border-bottom:1px solid var(--glass-border);position:sticky;top:48px;z-index:9;backdrop-filter:blur(10px)}.mode-separator{font-size:0.75rem;color:var(--text-muted);flex-shrink:0}.mode-btn{flex:1;padding:9px 12px;border-radius:10px;font-size:0.8rem;font-weight:700;cursor:pointer;border:1.5px solid var(--glass-border);background:transparent;color:var(--text-secondary);transition:all 0.2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.mode-btn.active,.mode-btn:hover{background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 4px 14px rgba(99,102,241,0.35)}.mode-btn-ai{background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(168,85,247,0.15));border-color:rgba(168,85,247,0.35);color:#c4b5fd}.mode-btn-ai.active,.mode-btn-ai:hover{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#a855f7;color:#ffffff;box-shadow:0 4px 20px rgba(168,85,247,0.4)}.ai-generator-panel{padding:20px 16px;display:flex;flex-direction:column;gap:0}.ai-panel-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;padding:16px;background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(168,85,247,0.1));border:1px solid rgba(168,85,247,0.25);border-radius:14px}.ai-panel-icon{font-size:2rem;flex-shrink:0;line-height:1}.ai-panel-title{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.ai-panel-subtitle{font-size:0.78rem;color:var(--text-secondary);margin:0;line-height:1.5}.ai-panel-body{display:flex;flex-direction:column;gap:18px}.ai-field-group{display:flex;flex-direction:column;gap:8px}.ai-label{font-size:0.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:6px}.ai-textarea{width:100%;padding:12px 14px;background:#151728 !important;border:1.5px solid #3B3F63 !important;border-radius:12px !important;color:#FFFFFF !important;font-size:0.85rem;font-weight:400;line-height:1.6;resize:vertical;min-height:130px;outline:none;font-family:inherit;transition:border-color 0.2s;box-sizing:border-box}.ai-textarea:focus{border-color:#a855f7 !important;box-shadow:0 0 0 3px rgba(168,85,247,0.2) !important}.ai-textarea::placeholder{color:#6B7280 !important;font-size:0.8rem}.ai-image-drop{border:2px dashed rgba(99,102,241,0.4);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all 0.2s;background:rgba(99,102,241,0.04);overflow:hidden}.ai-image-drop:hover,.ai-image-drop.drag-over{border-color:#a855f7;background:rgba(168,85,247,0.08)}.ai-image-drop-inner{display:flex;flex-direction:column;align-items:center}.ai-generate-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#ffffff;border:none;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;transition:all 0.25s;box-shadow:0 4px 20px rgba(99,102,241,0.4);letter-spacing:0.3px}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,0.55)}.ai-generate-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none}.ai-back-btn{width:100%;padding:10px;background:transparent;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:10px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s}.ai-back-btn:hover{background:var(--glass-hover);color:var(--text-secondary)}.ai-status{padding:10px 14px;border-radius:10px;font-size:0.82rem;font-weight:600;line-height:1.5}.ai-status-success{background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.3);color:#34d399}.ai-status-error{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#f87171}@keyframes ai-pulse{0%,100%{box-shadow:0 4px 20px rgba(99,102,241,0.4)}50%{box-shadow:0 8px 35px rgba(168,85,247,0.6)}}.ai-generate-btn:not(:disabled){animation:ai-pulse 2.5s ease-in-out infinite}.ai-generate-btn:hover:not(:disabled){animation:none}@media (max-width:480px){.ai-mode-chooser{flex-direction:column !important;align-items:stretch !important;gap:8px !important;padding:10px !important}.mode-separator{text-align:center !important;font-size:0.7rem !important}.mode-btn{width:100% !important;white-space:normal !important;font-size:0.75rem !important;padding:10px 8px !important}.ai-generate-btn{width:100% !important;font-size:0.9rem !important}.ai-panel-header{flex-direction:column !important;align-items:center !important;text-align:center !important;padding:12px !important}.ai-panel-icon{font-size:1.5rem !important}.ai-panel-title{font-size:0.9rem !important}.ai-panel-subtitle{font-size:0.72rem !important}.ai-textarea{min-height:100px !important;font-size:0.8rem !important}.ai-generator-panel{padding:12px 10px !important}}