:root{--bg-dark: #07090e;--bg-panel: rgba(15, 18, 28, .75);--bg-card: rgba(22, 27, 42, .65);--bg-card-hover: rgba(33, 40, 62, .85);--bg-sidebar: rgba(11, 14, 22, .92);--bg-input: rgba(18, 22, 34, .9);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(139, 92, 246, .4);--border-cyan: rgba(6, 182, 212, .4);--accent-primary: #8b5cf6;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-emerald: #10b981;--accent-amber: #f59e0b;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--gradient-hover: linear-gradient(135deg, #a78bfa 0%, #22d3ee 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, .3) 0%, rgba(6, 182, 212, .3) 100%);--gradient-text: linear-gradient(135deg, #c084fc 0%, #38bdf8 50%, #818cf8 100%);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-lg: 0 16px 36px -8px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(139, 92, 246, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}#root{height:100vh;width:100vw}.app-main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,#15102a,#07090e 70%)}.ambient-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.22;animation:float 22s infinite alternate ease-in-out}.orb-1{top:-15%;left:20%;width:550px;height:550px;background:#8b5cf6}.orb-2{bottom:-20%;right:15%;width:650px;height:650px;background:#06b6d4;animation-delay:-6s}.orb-3{top:45%;left:55%;width:450px;height:450px;background:#ec4899;animation-delay:-12s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,-30px) scale(1.08)}to{transform:translate(-30px,40px) scale(.95)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.api-key-banner{background:linear-gradient(90deg,#8b5cf633,#06b6d433);border-bottom:1px solid rgba(139,92,246,.3);padding:6px 16px;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:10px;color:#e2e8f0;z-index:18}.banner-key-icon{color:var(--accent-cyan)}.banner-action-btn{background:var(--gradient-primary);border:none;color:#fff;padding:3px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.chat-header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;z-index:20;border-bottom:1px solid var(--border-color);background:#0b0e16d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.sidebar-toggle-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-toggle-btn:hover{background:#ffffff1f;color:#fff;border-color:var(--border-glow)}.brand-badge{display:flex;align-items:center;gap:10px}.brand-logo{width:32px;height:32px;border-radius:8px;box-shadow:0 0 12px #8b5cf666}.brand-text{display:flex;align-items:center;gap:6px}.brand-title{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-version{background:#8b5cf626;color:#c084fc;border:1px solid rgba(139,92,246,.3);font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:6px}.model-selector-container{position:relative}.model-selector-btn{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.model-selector-btn:hover{background:#ffffff14;border-color:var(--border-glow)}.model-icon{color:var(--accent-cyan)}.model-badge{background:var(--gradient-primary);color:#fff;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.chevron{color:var(--text-muted);transition:transform .2s ease}.chevron.rotate{transform:rotate(180deg)}.model-dropdown{position:absolute;top:45px;left:0;width:280px;background:#0f121cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:8px;z-index:100;box-shadow:var(--shadow-lg)}.model-option{padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.model-option:hover{background:#ffffff0f}.model-option.selected{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.model-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.model-option-name{font-weight:600;font-size:.88rem;color:#fff}.model-option-desc{font-size:.78rem;color:var(--text-muted)}.check-icon{color:var(--accent-cyan)}.status-indicator{display:flex;align-items:center;gap:8px;background:#ffffff0a;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:.78rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.status-dot.thinking{background:var(--accent-pink);box-shadow:0 0 8px var(--accent-pink);animation:pulse-subtle 1s infinite alternate}.icon-btn{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#ffffff1f;color:#fff}.icon-btn.active{color:var(--accent-cyan);border-color:var(--border-cyan);background:#06b6d41a}.icon-btn.danger:hover{color:#f87171;border-color:#f8717166;background:#ef44441a}.settings-btn{background:var(--gradient-primary);color:#fff;border:none;padding:7px 14px;border-radius:var(--radius-md);font-weight:600;font-size:.82rem;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 15px #8b5cf64d;transition:all .2s ease}.settings-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.workspace-body{display:flex;flex:1;overflow:hidden;position:relative;z-index:10}.sidebar-container{width:290px;min-width:290px;box-sizing:border-box;flex-shrink:0;height:100%;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:15}.sidebar-container.closed{margin-left:-290px}.new-chat-btn{width:100%;background:var(--gradient-primary);color:#fff;border:none;padding:10px 14px;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 15px #8b5cf64d;transition:all .2s ease}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #8b5cf680}.shortcut-badge{background:#fff3;font-size:.7rem;padding:2px 6px;border-radius:4px}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:8px;display:block}.persona-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.persona-card{min-width:0;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;overflow:hidden;box-sizing:border-box}.persona-card:hover{background:#ffffff14}.persona-card.active{background:#8b5cf626;border-color:var(--accent-primary)}.persona-icon{color:var(--accent-cyan);flex-shrink:0}.persona-name{min-width:0;flex:1;font-size:.76rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-studio-banner{width:100%;background:linear-gradient(135deg,#ec489926,#8b5cf626);border:1px solid rgba(236,72,153,.3);border-radius:var(--radius-md);padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:all .2s ease}.image-studio-banner:hover{background:linear-gradient(135deg,#ec489940,#8b5cf640);border-color:var(--accent-pink);transform:translateY(-1px)}.banner-icon-wrapper{width:32px;height:32px;border-radius:8px;background:var(--accent-pink);color:#fff;display:flex;align-items:center;justify-content:center}.banner-title{display:block;font-weight:700;font-size:.84rem;color:#fff}.banner-sub{display:block;font-size:.72rem;color:var(--text-muted)}.search-box-container{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.search-input{width:100%;background:#ffffff0a;border:1px solid var(--border-color);padding:7px 10px 7px 30px;border-radius:var(--radius-sm);color:#fff;font-size:.82rem;outline:none}.search-input:focus{border-color:var(--border-glow)}.sidebar-scroll-area{flex:1;overflow-y:auto}.chat-history-list{display:flex;flex-direction:column;gap:4px}.history-item{padding:8px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;position:relative}.history-item:hover{background:#ffffff0d;color:#fff}.history-item.active{background:#8b5cf626;color:#fff;border-left:3px solid var(--accent-primary)}.history-icon{color:var(--text-dim)}.history-item.active .history-icon{color:var(--accent-cyan)}.history-text-container{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.history-title{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.history-snippet{font-size:.71rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.active .history-snippet{color:var(--accent-cyan);opacity:.85}.delete-history-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;opacity:0;transition:opacity .2s ease}.history-item:hover .delete-history-btn{opacity:1}.delete-history-btn:hover{color:#f87171}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:12px;display:flex;align-items:center;justify-content:space-between}.user-profile-badge{display:flex;align-items:center;gap:10px}.sidebar-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--accent-cyan)}.user-info{display:flex;flex-direction:column}.user-name{font-size:.82rem;font-weight:600;color:#fff}.user-plan{font-size:.7rem;color:var(--accent-cyan)}.footer-config-btn{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-tabs-row{display:flex;border-bottom:1px solid var(--border-color);background:#0003}.settings-tab-btn{flex:1;padding:10px;background:none;border:none;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent}.settings-tab-btn.active{color:#fff;border-bottom-color:var(--accent-primary);background:#8b5cf614}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.provider-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column}.provider-card:hover{background:#ffffff12}.provider-card.active{background:#8b5cf626;border-color:var(--accent-primary)}.provider-card .p-name{font-size:.84rem;font-weight:700;color:#fff}.provider-card .p-desc{font-size:.72rem;color:var(--text-muted)}.api-key-input-wrapper{display:flex;align-items:center;background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.api-key-input{flex:1;background:none;border:none;padding:10px;color:#fff;font-family:var(--font-mono);font-size:.85rem;outline:none}.toggle-key-btn{background:none;border:none;color:var(--text-dim);padding:0 10px;cursor:pointer}.get-key-link{color:var(--accent-cyan);font-size:.75rem;text-decoration:none;display:flex;align-items:center;gap:3px}.get-key-link:hover{text-decoration:underline}.key-hint-text{font-size:.72rem;color:var(--text-dim);margin-top:4px;display:block}.model-select-dropdown{width:100%;background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;color:#fff;font-size:.88rem;outline:none}.chat-viewport{flex:1;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.chat-messages-container{flex:1;overflow-y:auto;padding:1.5rem 2rem 180px;display:flex;flex-direction:column;gap:1.5rem;max-width:900px;width:100%;margin:0 auto}.table-responsive{width:100%;overflow-x:auto;margin:1em 0;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#0d111799}.table-responsive table{width:100%;border-collapse:collapse;font-size:.88rem}.table-responsive th,.table-responsive td{padding:.65rem .9rem;border:1px solid rgba(255,255,255,.08);text-align:left}.table-responsive th{background:#8b5cf626;font-weight:700;color:#fff}.table-responsive tr:nth-child(2n){background:#ffffff05}.welcome-hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem}.hero-logo-box{position:relative;margin-bottom:1.5rem}.hero-logo-halo{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;background:var(--gradient-primary);filter:blur(25px);opacity:.5;animation:pulse-subtle 3s infinite ease-in-out}.hero-logo-img{width:80px;height:80px;border-radius:20px;position:relative;z-index:2;box-shadow:0 10px 30px #00000080}.hero-title{font-size:2.4rem;font-weight:800;margin-bottom:.6rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:540px;line-height:1.6;margin-bottom:2.5rem}.suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:780px}.suggestion-card{padding:16px;border-radius:var(--radius-md);text-align:left;cursor:pointer}.card-header-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-icon-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.card-category{font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-dim)}.card-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px}.card-prompt{font-size:.82rem;color:var(--text-muted);line-height:1.4}.chat-message-wrapper{display:flex;gap:14px;width:100%;max-width:100%;box-sizing:border-box;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.user-avatar-circle{width:38px;height:38px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #8b5cf64d}.ai-avatar-circle{width:38px;height:38px;border-radius:50%;background:#06b6d426;border:1px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 15px #06b6d44d}.avatar-img{width:100%;height:100%;border-radius:50%}.message-content-box{flex:1;min-width:0;max-width:100%;box-sizing:border-box;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;position:relative;word-break:break-word;overflow-wrap:anywhere;overflow:hidden}.user-wrapper .message-content-box{background:#8b5cf61a;border-color:#8b5cf640}.markdown-content{color:var(--text-main);line-height:1.65;font-size:.93rem;width:100%;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.markdown-content p,.markdown-content li,.markdown-content span,.markdown-content div{max-width:100%;word-break:break-word;overflow-wrap:anywhere}.code-block-wrapper{margin:.85em 0;border-radius:var(--radius-md);border:1px solid var(--border-glow);background:#0a0d14f2;overflow:hidden;max-width:100%;box-shadow:var(--shadow-md)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.lang-badge{font-size:.75rem;font-family:var(--font-mono);color:var(--accent-cyan);display:flex;align-items:center;gap:6px;text-transform:lowercase}.code-actions{display:flex;gap:6px}.code-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:3px 8px;border-radius:4px;font-size:.72rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.code-btn:hover{background:#ffffff26;color:#fff}.code-content-pre{margin:0;padding:12px 16px;overflow-x:auto;max-width:100%;font-family:var(--font-mono);font-size:.86rem;line-height:1.5;color:#e2e8f0;background:transparent;white-space:pre-wrap;word-break:break-all}.code-content-pre code{font-family:inherit;white-space:pre-wrap;word-break:break-all}.inline-code{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c084fc;font-family:var(--font-mono);font-size:.84rem;padding:2px 6px;border-radius:4px;word-break:break-word}.message-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.sender-name{font-size:.85rem;font-weight:700;color:#fff}.message-time{font-size:.72rem;color:var(--text-dim)}.message-attachments-grid{display:flex;gap:8px;margin-bottom:.75rem;flex-wrap:wrap}.attachment-chip{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px;display:flex;align-items:center;gap:6px;max-width:220px}.att-image-preview img{width:48px;height:48px;object-fit:cover;border-radius:4px}.att-name{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-actions-bar{display:flex;align-items:center;gap:6px;margin-top:.85rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.05)}.action-icon-btn{background:none;border:none;color:var(--text-dim);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.action-icon-btn:hover{background:#ffffff14;color:#fff}.action-icon-btn.copied{color:var(--accent-emerald)}.action-icon-btn.playing{color:var(--accent-cyan)}.feedback-group{display:flex;gap:2px;margin-left:auto}.active-thumb{color:var(--accent-cyan)}.audio-wave-anim{display:flex;align-items:center;gap:2px;margin-left:2px}.audio-wave-anim span{width:2px;height:8px;background:var(--accent-cyan);animation:wave .8s infinite alternate ease-in-out}.audio-wave-anim span:nth-child(2){animation-delay:.2s}.audio-wave-anim span:nth-child(3){animation-delay:.4s}@keyframes wave{0%{height:4px}to{height:12px}}.sandbox-run-banner{background:#10b9811f;border-bottom:1px solid rgba(16,185,129,.3);color:#6ee7b7;padding:6px 12px;font-size:.78rem;display:flex;align-items:center;gap:6px}.alert-box{border-radius:var(--radius-sm);padding:.75rem 1rem;margin:.85em 0;border-left:4px solid}.alert-note{background:#8b5cf61a;border-color:var(--accent-primary)}.alert-tip{background:#06b6d41a;border-color:var(--accent-cyan)}.alert-important{background:#f59e0b1a;border-color:var(--accent-amber)}.alert-warning{background:#ef44441a;border-color:#ef4444}.alert-title{font-size:.72rem;font-weight:800;letter-spacing:.05em;margin-bottom:4px}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;padding:1rem 2rem;background:linear-gradient(to top,#07090efa 75%,#07090e00);z-index:20}.chat-input-container{max-width:900px;margin:0 auto;border-radius:var(--radius-lg);background:var(--bg-input);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow);padding:8px 12px;display:flex;flex-direction:column;gap:8px}.attachments-bar{display:flex;gap:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.attachment-pill{background:#ffffff0f;border:1px solid var(--border-color);padding:4px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.remove-att-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex}.remove-att-btn:hover{color:#f87171}.input-row{display:flex;align-items:center;gap:8px}.chat-textarea{flex:1;background:none;border:none;outline:none;color:#fff;font-family:var(--font-sans);font-size:.95rem;resize:none;max-height:180px;line-height:1.5}.chat-textarea::placeholder{color:var(--text-dim)}.input-tool-btn{background:none;border:none;color:var(--text-dim);width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.input-tool-btn:hover{background:#ffffff14;color:#fff}.input-tool-btn.recording{color:#ef4444;background:#ef444426;animation:pulse-subtle 1s infinite alternate}.send-btn{background:#ffffff1a;border:none;color:var(--text-dim);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 0 15px #8b5cf666}.send-btn.stop{background:#ef444433;border:1px solid #ef4444;color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-container{width:100%;max-width:600px;background:#0f121cf2;border:1px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modalScale .25s cubic-bezier(.4,0,.2,1)}@keyframes modalScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title-box{display:flex;align-items:center;gap:10px;color:#fff}.modal-title-icon{color:var(--accent-primary)}.studio-icon{color:var(--accent-pink)}.close-modal-btn{background:none;border:none;color:var(--text-dim);cursor:pointer}.close-modal-btn:hover{color:#fff}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.form-label-row,.slider-label-row{display:flex;justify-content:space-between;align-items:center}.reset-link-btn{background:none;border:none;color:var(--accent-cyan);font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px}.system-prompt-textarea{width:100%;background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;color:#fff;font-family:var(--font-sans);font-size:.88rem;line-height:1.5;outline:none}.system-prompt-textarea:focus{border-color:var(--border-glow)}.tone-pills-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tone-pill{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);padding:8px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer}.tone-pill.active{background:#8b5cf626;border-color:var(--accent-primary);color:#fff}.temperature-slider{width:100%;accent-color:var(--accent-primary)}.slider-hints{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-dim);margin-top:4px}.active-preset-notice{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#6ee7b7;padding:8px 12px;border-radius:var(--radius-sm);font-size:.78rem;display:flex;align-items:center;gap:8px}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.cancel-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer}.save-btn{background:var(--gradient-primary);border:none;color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.image-studio-modal{max-width:820px}.studio-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.5rem}.studio-prompt-input{width:100%;background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;color:#fff;font-size:.85rem}.style-pills,.ratio-pills{display:flex;flex-wrap:wrap;gap:6px}.style-pill,.ratio-pill{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 8px;border-radius:6px;font-size:.75rem;cursor:pointer}.style-pill.active,.ratio-pill.active{background:#ec489933;border-color:var(--accent-pink);color:#fff}.generate-art-btn{width:100%;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;padding:10px;border-radius:var(--radius-md);font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:1rem}.studio-preview-box{display:flex;flex-direction:column;gap:1rem}.art-display-frame{width:100%;height:280px;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative}.rendered-art{width:100%;height:100%;object-fit:cover}.generating-loader{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--accent-pink);font-size:.88rem}.preview-actions{display:flex;justify-content:flex-end;gap:10px}.action-btn-secondary{background:#ffffff0f;border:1px solid var(--border-color);color:#fff;padding:8px 14px;border-radius:var(--radius-sm);font-size:.82rem;text-decoration:none;display:flex;align-items:center;gap:6px}.action-btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.llm-pipeline-modal{width:950px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;background:#0d101af2;border:1px solid var(--border-glow);box-shadow:0 25px 60px -15px #000c,var(--shadow-glow);overflow:hidden}.pipeline-stepper-bar{display:flex;background:#0000004d;border-bottom:1px solid var(--border-color);overflow-x:auto;padding:4px 8px;gap:4px}.stepper-tab{flex:1;min-width:110px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.stepper-tab:hover{background:#ffffff0d;color:#fff}.stepper-tab.active{background:#ffffff14;border-color:var(--accent-color);color:#fff}.stepper-icon-box{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--accent-color)}.stepper-tab.active .stepper-icon-box{background:var(--accent-color);color:#fff}.stepper-num{font-size:.68rem;font-weight:700;color:var(--text-dim)}.stepper-tab.active .stepper-num{color:var(--accent-color)}.stepper-name{font-size:.72rem;font-weight:600;white-space:nowrap}.pipeline-content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:20px;overflow-y:auto;flex:1}.stage-overview-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:14px}.stage-card-header{display:flex;align-items:center;gap:10px}.stage-badge{font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:6px;border:1px solid;letter-spacing:.05em}.stage-title{font-size:1.15rem;font-weight:700;color:#fff}.stage-summary{font-size:.88rem;color:var(--text-muted);line-height:1.5}.stage-details-list{display:flex;flex-direction:column;gap:10px}.detail-item{display:flex;align-items:flex-start;gap:10px;font-size:.84rem;line-height:1.45}.detail-bullet{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0}.detail-label{color:#fff;font-weight:600}.detail-text{color:var(--text-muted)}.stage-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.metric-box{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;text-align:center;display:flex;flex-direction:column}.metric-value{font-size:.95rem;font-weight:800}.metric-label{font-size:.68rem;color:var(--text-dim);margin-top:2px}.stage-interactive-card{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:14px}.interactive-card-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#fff;border-bottom:1px solid var(--border-color);padding-bottom:8px}.sandbox-content{display:flex;flex-direction:column;gap:12px;flex:1}.sandbox-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.sandbox-sublabel{font-size:.72rem;color:var(--text-dim)}.corpus-bar-chart{display:flex;height:34px;border-radius:var(--radius-sm);overflow:hidden;font-size:.7rem;font-weight:700;color:#fff}.corpus-seg{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 4px;overflow:hidden;text-overflow:ellipsis}.sandbox-note{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-muted);background:#ffffff08;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.sandbox-input{width:100%;background:#00000080;border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;outline:none}.sandbox-input:focus{border-color:var(--accent-cyan)}.token-pills-wrap{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto}.token-pill{background:#a855f726;border:1px solid rgba(168,85,247,.35);border-radius:6px;padding:3px 8px;display:flex;align-items:center;gap:6px;font-size:.78rem;animation:fadeIn .2s ease forwards}.tkn-text{color:#fff;font-weight:600}.tkn-id{color:#c084fc;font-size:.68rem;font-family:var(--font-mono)}.attention-grid{display:flex;flex-direction:column;gap:4px}.attn-row{display:flex;align-items:center;gap:6px}.attn-word{width:85px;font-size:.75rem;color:var(--text-muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attn-cell{flex:1;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;cursor:pointer}.slider-group{display:flex;flex-direction:column;gap:4px}.slider-header{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.sandbox-slider{width:100%;accent-color:var(--accent-primary);cursor:pointer}.calc-result-box{background:#00000080;border:1px solid var(--border-glow);border-radius:var(--radius-sm);padding:10px;display:flex;justify-content:space-around;font-size:.8rem;color:var(--text-muted)}.calc-result-box strong{font-size:.95rem}.rlhf-comparison{display:flex;flex-direction:column;gap:8px}.rlhf-option{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:4px;font-size:.78rem}.opt-tag{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content}.opt-tag.bad{background:#ef444433;color:#f87171}.opt-tag.good{background:#10b98133;color:#34d399}.rlhf-option.aligned{border-color:#10b9814d;background:#10b9810d}.inference-bench-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bench-card{background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:4px}.bench-title{font-size:.72rem;color:var(--text-muted)}.bench-stat{font-size:1.1rem;font-weight:800}.feedback-loop-visual{display:flex;flex-direction:column;gap:6px;color:var(--text-muted)}.loop-step{background:#ffffff08;border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-sm);font-size:.78rem}.loop-step.active{background:#8b5cf626;border-color:var(--accent-primary);color:#fff;font-weight:600}.interactive-actions{margin-top:auto;padding-top:10px}.ask-chatvq-btn{width:100%;background:var(--gradient-primary);border:none;color:#fff;padding:10px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.ask-chatvq-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.modal-footer{padding:12px 20px;border-top:1px solid var(--border-color);background:#0006;display:flex;justify-content:flex-end}.footer-nav-buttons{display:flex;gap:10px}.btn-secondary{background:#ffffff0f;border:1px solid var(--border-color);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:.82rem;cursor:pointer}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-primary{border:none;color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.create-model-modal{max-width:900px;width:92vw;max-height:90vh;display:flex;flex-direction:column}.create-model-body{padding:18px 24px;overflow-y:auto;flex:1}.create-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.create-model-grid{grid-template-columns:1fr}}.form-column{display:flex;flex-direction:column;gap:12px}.section-subtitle{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-cyan)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-picker-row{display:flex;align-items:center;gap:8px;height:38px}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;box-shadow:0 0 10px #ffffff80;transform:scale(1.2)}.preset-header{display:flex;justify-content:space-between;align-items:center}.preset-hint{font-size:.72rem;color:var(--text-dim)}.presets-scroll-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.preset-chip{background:#ffffff0a;border:1px solid var(--border-color);border-radius:20px;padding:4px 10px;color:var(--text-muted);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.preset-chip:hover{background:#8b5cf626;border-color:var(--accent-primary);color:#fff}.model-test-box{background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px;margin-top:4px}.test-box-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:600;color:#fff;border-bottom:1px solid var(--border-color);padding-bottom:6px}.test-run-btn{border:none;color:#fff;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .2s ease}.test-run-btn:hover{opacity:.9}.test-output-stream{background:#0a0c12cc;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 10px;max-height:140px;overflow-y:auto}.test-pre{font-family:var(--font-sans);font-size:.78rem;color:var(--text-main);white-space:pre-wrap;word-break:break-word;margin:0}.test-placeholder{font-size:.76rem;color:var(--text-dim);text-align:center;padding:16px;font-style:italic}.custom-library-pane{min-height:300px}.empty-library{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-icon{color:var(--text-dim);margin-bottom:12px}.custom-models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.custom-model-card{background:#161b2a80;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.custom-model-card:hover{background:#161b2acc;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.custom-model-card .card-header{display:flex;align-items:center;justify-content:space-between}.custom-model-card .model-title-box{display:flex;align-items:center;gap:8px}.model-card-name{font-weight:700;font-size:.92rem;color:#fff}.model-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.3}.model-card-meta{display:flex;gap:12px;font-size:.72rem;color:var(--text-dim);margin-top:4px}.use-model-btn{margin-top:6px;width:100%;background:#ffffff0f;border:1px solid var(--border-color);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.use-model-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.create-model-dropdown-btn{width:100%;background:linear-gradient(135deg,#8b5cf633,#06b6d433);border:1px dashed var(--accent-primary);color:#fff;padding:8px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.create-model-dropdown-btn:hover{background:var(--gradient-primary);border-style:solid}.thinking-dots-container{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-muted);font-size:.88rem}.thinking-dots{display:flex;align-items:center;gap:5px}.thinking-dots .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-cyan);animation:dotPulse 1.4s infinite ease-in-out both}.thinking-dots .dot-1{animation-delay:-.32s}.thinking-dots .dot-2{animation-delay:-.16s}.thinking-dots .dot-3{animation-delay:0s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.3);opacity:1;box-shadow:0 0 10px var(--accent-cyan)}}.thinking-label{font-style:italic;font-size:.82rem;color:var(--text-muted);opacity:.8}.sidebar-backdrop{display:none}@media (max-width: 1024px){.chat-header{padding:0 1rem}.model-selector-btn{padding:6px 10px;font-size:.8rem}.suggestions-grid,.prompt-suggestions-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;animation:fadeIn .2s ease}.app-main-layout{height:100vh;height:100dvh;overflow:hidden}.chat-header{padding:0 .6rem;height:56px}.header-left,.header-right{gap:6px}.brand-version,.status-label{display:none}.status-indicator{padding:4px 8px}.model-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-container{position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;width:85vw;max-width:310px;z-index:100;box-shadow:10px 0 30px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-container.closed{margin-left:0;transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.chat-viewport{width:100%!important;padding:0!important;overflow-x:hidden!important}.chat-messages-container{padding:.75rem .65rem 150px!important;max-width:100%!important;width:100%!important}.welcome-hero-container{padding:1.5rem .5rem}.hero-title{font-size:1.65rem}.hero-subtitle{font-size:.92rem;margin-bottom:1.5rem}.suggestions-grid,.prompt-suggestions-grid{grid-template-columns:1fr!important;gap:12px;width:100%!important;max-width:100%!important}.suggestion-card{width:100%!important;box-sizing:border-box!important}.chat-input-wrapper{padding:6px 8px 10px}.chat-input-container{border-radius:var(--radius-md);padding:6px 10px}.input-action-btn{padding:5px}.send-btn{width:34px;height:34px}.chat-message-wrapper{gap:8px;max-width:100%}.user-avatar-circle,.ai-avatar-circle{width:32px;height:32px}.message-content-box{padding:.85rem .95rem;border-radius:14px;font-size:.9rem}.modal-container{width:95vw!important;max-height:92vh!important;padding:1rem!important;margin:0 10px;overflow-y:auto}.studio-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.chat-messages-container{padding:.5rem .4rem 140px!important}.message-content-box{padding:.75rem .85rem}.model-selector-btn .model-badge{display:none}.header-right{gap:4px}.icon-btn{width:32px;height:32px}}