@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#ec4899;--bg-deep:#0f172a;--bg-surface:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border-glass:#ffffff1a;--glass-blur:blur(12px);--radius-lg:1rem;--radius-md:.75rem;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-deep);color:var(--text-main);background-image:radial-gradient(circle at 0 0,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 100% 100%,#ec48991a 0%,#0000 50%);min-height:100vh;overflow-x:hidden}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.input-field{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:#fff;width:100%;transition:var(--transition);background:#0f172a80;padding:.75rem 1rem}.input-field:focus{border-color:var(--primary);background:#0f172acc;box-shadow:0 0 0 2px #8b5cf633}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#8b5cf699 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.chat-widget-btn:hover{filter:brightness(1.2);transform:scale(1.1)}.chat-widget-btn:active{transform:scale(.9)}@media (width<=1024px){.chat-panel{box-shadow:10px 0 30px #00000080}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.chat-panel{animation:.3s ease-out slideIn}.view-toggle-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:3px;display:flex}.view-toggle-btn{color:#64748b;transition:var(--transition);background:0 0;border-radius:16px;align-items:center;gap:4px;padding:4px 12px;font-size:.7rem;font-weight:600;display:flex}.view-toggle-btn:hover{color:#0f172a}.view-toggle-btn.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 12px #8b5cf64d}.code-view-container::-webkit-scrollbar-thumb{background:#ffffff1a}.code-view-container::-webkit-scrollbar-thumb:hover{background:#fff3}.custom-dropdown{-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative}.dropdown-trigger{color:var(--text-muted);transition:var(--transition);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 12px;font-size:.75rem;display:flex}.dropdown-trigger:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.dropdown-trigger.active{border-color:var(--primary);background:#8b5cf61a}.dropdown-menu{width:100%;min-width:200px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);z-index:2000;background:#1e293bf2;border-radius:12px;animation:.2s ease-out dropdownFade;position:absolute;left:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.dropdown-menu.dropdown-top{top:auto;bottom:calc(100% + 8px)}.dropdown-menu.dropdown-bottom{top:calc(100% + 8px);bottom:auto}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;color:var(--text-muted);transition:var(--transition);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.8rem;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff0d}.dropdown-item.selected{color:var(--primary);background:#8b5cf61a;font-weight:600}.dropdown-item-info{flex-direction:column;display:flex}.dropdown-item-label{font-weight:500}.dropdown-item-sub{opacity:.6;font-size:.7rem}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-messages-container{scrollbar-width:thin!important;scrollbar-color:#8b5cf64d transparent!important}.chat-messages-container::-webkit-scrollbar{width:6px!important}.chat-messages-container::-webkit-scrollbar-track{background:0 0!important}.chat-messages-container::-webkit-scrollbar-thumb{background:#8b5cf64d!important;border-radius:10px!important}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#8b5cf699!important}