:root{--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg-0: #1f1f1e;--bg-1: #2c2c2b;--bg-2: #333332;--bg-3: #3a3a39;--bg-4: #424140;--surface: #2c2c2b;--surface-hover: #333332;--surface-active: #3a3a39;--border: #424140;--border-strong: #525250;--border-accent: rgba(40, 172, 117, .28);--text-1: #ffffff;--text-2: #b8b8b6;--text-3: #777774;--text-inv: #1f1f1e;--brand-blue: #4a8fd4;--brand-orange: #e8571e;--brand-blue-raw: #1565C0;--brand-orange-raw: #e8571e;--submit: #28ac75;--submit-hover:#249b69;--submit-glow: 0 0 18px rgba(40, 172, 117, .32);--accent: #28ac75;--accent-dim: rgba(40, 172, 117, .09);--accent-border: rgba(40, 172, 117, .24);--green: #34d399;--red: #f87171;--yellow: #fbbf24;--purple: #a78bfa;--gradient-brand: linear-gradient(135deg, #1565C0 0%, #e8571e 100%);--gradient-submit: linear-gradient(135deg, #28ac75 0%, #1e9e68 100%);--sidebar-w: 256px;--radius-xs: 3px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.45);--shadow: 0 4px 16px rgba(0,0,0,.55);--shadow-lg: 0 12px 40px rgba(0,0,0,.65);--shadow-popup:0 8px 32px rgba(0,0,0,.72);--pricing-card-bg: transparent;--pricing-card-border: transparent;--pricing-card-featured-bg: rgba(255,255,255,.04);--pricing-card-featured-border: rgba(255,255,255,.12);--pricing-text-strong: #ffffff;--pricing-text-body: rgba(255,255,255,.85);--pricing-text-muted: rgba(255,255,255,.55);--pricing-badge-bg: rgba(255,255,255,.08);--pricing-badge-border: rgba(255,255,255,.14);--pricing-badge-text: rgba(255,255,255,.85);--pricing-button-bg: #1a1a18;--pricing-button-hover: #2a2a27;--pricing-button-disabled: #3a3a37;--pricing-button-text: #ffffff;--pricing-check-bg: rgba(255,255,255,.1);--pricing-check-fg: #ffffff;--transition: .14s cubic-bezier(.4,0,.2,1);--transition-slow: .26s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--bg-0: #ffffff;--bg-1: #f7f7f6;--bg-2: #f0f0ef;--bg-3: #e8e8e7;--bg-4: #dededd;--surface: #ffffff;--surface-hover: #f7f7f6;--surface-active: #f0f0ef;--border: #e0e0de;--border-strong: #c8c8c6;--border-accent: rgba(21, 101, 192, .2);--text-1: #1a1a18;--text-2: #555552;--text-3: #888886;--text-inv: #ffffff;--brand-blue: #1565C0;--brand-orange: #e8571e;--submit: #28ac75;--submit-hover: #249b69;--submit-glow: 0 0 18px rgba(40, 172, 117, .22);--accent: #1565C0;--accent-dim: rgba(21, 101, 192, .07);--accent-border: rgba(21, 101, 192, .2);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.15);--shadow-popup: 0 8px 32px rgba(0,0,0,.14);--pricing-card-bg: #ffffff;--pricing-card-border: transparent;--pricing-card-featured-bg: #f4f4f3;--pricing-card-featured-border: #e5e5e3;--pricing-text-strong: #000000;--pricing-text-body: #111110;--pricing-text-muted: #6b6b68;--pricing-badge-bg: #ffffff;--pricing-badge-border: #e0e0de;--pricing-badge-text: #1a1a18;--pricing-button-bg: #000000;--pricing-button-hover: #222220;--pricing-button-disabled: #888886;--pricing-button-text: #ffffff;--pricing-check-bg: #e8e8e7;--pricing-check-fg: #555552}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--text-1);min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-ui);font-size:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes popupIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{animation:terminalBlink 1s step-start infinite}.thinking-dots{display:flex;align-items:center;gap:5px}.thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--submit);animation:bounce 1.3s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.15s}.thinking-dot:nth-child(3){animation-delay:.3s}.thinking-text{font-size:.84rem;color:var(--text-3);animation:pulse 2s ease-in-out infinite;letter-spacing:-.01em}.app-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-0)}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:10;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:13px 13px 11px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-logo-img{height:28px;width:auto;object-fit:contain}.brand-name{font-size:.88rem;font-weight:700;letter-spacing:-.025em;color:var(--text-1)}[data-theme=light] .brand-name{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-top-nav{padding:7px 8px 5px;border-bottom:1px solid var(--border);flex-shrink:0}.section-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:4px 8px 5px;display:block}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-2);font-size:.84rem;font-weight:450;cursor:pointer;transition:background var(--transition),color var(--transition);-webkit-user-select:none;user-select:none;letter-spacing:-.01em}.nav-item:hover{background:var(--surface-hover);color:var(--text-1)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-item-icon{width:15px;height:15px;flex-shrink:0;opacity:.7}.nav-item.active .nav-item-icon{opacity:1}.nav-item-label{flex:1;line-height:1}.upgrade-badge{font-size:.58rem;font-weight:700;color:#fff;background:var(--gradient-brand);border-radius:99px;padding:2px 6px;white-space:nowrap;letter-spacing:.02em}.sidebar-recents{flex:1;overflow-y:auto;padding:5px 8px;min-height:0}.chat-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);min-height:34px}.chat-item:hover{background:var(--surface-hover)}.chat-item.active{background:var(--accent-dim)}.chat-item-icon{color:var(--text-3);flex-shrink:0}.chat-item:hover .chat-item-icon,.chat-item.active .chat-item-icon{color:var(--accent)}.chat-item-info{flex:1;min-width:0}.chat-item-title{font-size:.8rem;font-weight:450;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:-.01em}.chat-item:hover .chat-item-title,.chat-item.active .chat-item-title{color:var(--text-1)}.chat-item-time{font-size:.66rem;color:var(--text-3);margin-top:2px}.token-usage-bar{padding:7px 12px;border-top:1px solid var(--border);flex-shrink:0}.token-usage-header{display:flex;justify-content:space-between;margin-bottom:4px}.token-usage-label{font-size:.65rem;color:var(--text-3);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.token-usage-count{font-size:.65rem;color:var(--text-2);font-weight:500;font-variant-numeric:tabular-nums}.token-bar-track{height:3px;background:var(--bg-3);border-radius:99px;overflow:hidden}.token-bar-fill{height:100%;border-radius:99px;background:var(--gradient-submit);transition:width .6s ease}.token-bar-fill.warning{background:linear-gradient(90deg,#fbbf24,#f87171)}.token-bar-fill.danger{background:#f87171}.sidebar-profile{border-top:1px solid var(--border);padding:7px 8px;flex-shrink:0}.profile-trigger{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);width:100%}.profile-trigger:hover{background:var(--surface-hover)}.avatar{width:28px;height:28px;border-radius:99px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:.8rem;font-weight:550;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.profile-email{font-size:.66rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.profile-plan-badge{font-size:.58rem;font-weight:700;padding:2px 6px;border-radius:99px;white-space:nowrap;flex-shrink:0}.plan-free{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-strong)}.plan-pro{background:#1565c01f;color:#4a8fd4;border:1px solid rgba(21,101,192,.25)}.plan-business{background:#e8571e1a;color:#e8571e;border:1px solid rgba(232,87,30,.25)}.profile-popup{position:fixed;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);overflow:hidden;z-index:9999;animation:popupIn .15s ease-out;min-width:220px}.popup-header{padding:11px 12px 9px;border-bottom:1px solid var(--border)}.popup-user-email{font-size:.7rem;color:var(--text-3);margin-top:3px}.popup-items{padding:4px}.popup-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--radius-sm);font-size:.83rem;font-weight:450;color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition);letter-spacing:-.01em}.popup-item:hover{background:var(--surface-hover);color:var(--text-1)}.popup-item.danger:hover{background:#f871711a;color:var(--red)}.popup-item.upgrade{color:var(--brand-blue)}.popup-item.upgrade:hover{background:var(--accent-dim);color:var(--submit)}.popup-divider{height:1px;background:var(--border);margin:3px 5px}.popup-item-icon{width:14px;height:14px;flex-shrink:0;opacity:.75}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-0);position:relative;min-width:0}.main-topbar{display:flex;align-items:center;justify-content:flex-end;padding:10px 16px 0;gap:8px;flex-shrink:0}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-1)}.chat-area-wrapper{flex:1;display:flex;overflow:hidden;min-height:0}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;max-width:760px;width:100%;margin:0 auto;padding:0 20px;transition:max-width var(--transition-slow);min-width:0}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.welcome-logo{height:58px;width:auto;margin:0 auto 14px;object-fit:contain}.welcome-plan-tag{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:500;color:var(--text-3);background:var(--bg-1);border:1px solid var(--border);border-radius:99px;padding:4px 10px;margin-bottom:14px}.welcome-plan-upgrade{color:var(--submit);font-weight:600;margin-left:4px;cursor:pointer;transition:opacity var(--transition)}.welcome-plan-upgrade:hover{opacity:.75}.welcome-greeting{font-size:1.6rem;font-weight:700;letter-spacing:-.035em;color:var(--text-1);line-height:1.2;margin-bottom:6px}.welcome-sub{font-size:.92rem;color:var(--text-2);letter-spacing:-.01em}.welcome-prompts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px;width:100%;max-width:520px}.prompt-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 13px;text-align:left;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.prompt-chip:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.prompt-chip-title{font-size:.8rem;font-weight:550;color:var(--text-1);margin-bottom:2px;letter-spacing:-.01em}.prompt-chip-sub{font-size:.71rem;color:var(--text-3)}.messages-scroll-wrap{flex:1;overflow:hidden;position:relative;min-height:0}.messages-list{height:100%;overflow-y:auto;padding:14px 0;display:flex;flex-direction:column;scroll-behavior:smooth}.message{display:flex;gap:11px;padding:12px 0;animation:msgIn .2s ease-out}.message-avatar{width:26px;height:26px;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.63rem;font-weight:700;margin-top:2px}.message-avatar.user-avatar{background:var(--bg-3);color:var(--text-1);border:1px solid var(--border)}.message-avatar.ai-avatar{background:transparent;border:none;overflow:hidden;border-radius:var(--radius-sm)}.message-avatar.ai-avatar img{width:26px;height:26px;object-fit:contain;border-radius:var(--radius-sm)}.message-body{flex:1;min-width:0}.message-sender{font-size:.76rem;font-weight:600;color:var(--text-2);margin-bottom:5px;letter-spacing:-.01em}.message-content{font-size:.9rem;color:var(--text-1);line-height:1.72;word-break:break-word;letter-spacing:-.01em}.message-content p{margin-bottom:8px}.message-content p:last-child{margin-bottom:0}.message-content h2{font-size:.98rem;font-weight:650;letter-spacing:-.02em;margin:13px 0 5px}.message-content h3{font-size:.9rem;font-weight:600;margin:10px 0 4px}.message-content ul,.message-content ol{padding-left:18px;margin:5px 0}.message-content li{margin-bottom:4px}.message-content strong{font-weight:650}.message-content pre{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:10px 0;position:relative}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:7px 12px 6px;border-bottom:1px solid var(--border);background:var(--bg-2)}.code-lang{font-size:.66rem;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-ui)}.code-actions{display:flex;gap:3px}.code-action-btn{display:flex;align-items:center;gap:4px;padding:3px 7px;border-radius:var(--radius-xs);font-size:.68rem;font-weight:500;color:var(--text-3);cursor:pointer;transition:background var(--transition),color var(--transition);font-family:var(--font-ui)}.code-action-btn:hover{background:var(--bg-3);color:var(--text-1)}.code-action-btn.preview-btn:hover{color:var(--submit)}.message-content pre code{display:block;padding:12px 14px 14px;font-family:var(--font-mono);font-size:.81rem;line-height:1.65;color:var(--text-1);overflow-x:auto}.message-content code{font-family:var(--font-mono);font-size:.84em;background:var(--bg-2);border:1px solid var(--border);border-radius:3px;padding:1px 4px}.message-content pre code{background:none;border:none;padding:0}.thinking-row{display:flex;gap:11px;padding:12px 0;animation:fadeIn .2s ease-out}.thinking-body{display:flex;align-items:center;gap:10px;padding-top:2px}.scroll-btn{position:absolute;right:16px;width:32px;height:32px;border-radius:99px;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);color:var(--text-2);transition:all var(--transition);z-index:20;opacity:0;pointer-events:none}.scroll-btn.visible{opacity:1;pointer-events:all}.scroll-btn:hover{background:var(--surface-hover);color:var(--text-1);transform:scale(1.06)}.scroll-btn-top{top:10px}.scroll-btn-bottom{bottom:10px}.input-wrapper{padding:8px 0 16px;flex-shrink:0}.input-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition);overflow:hidden}.input-box:focus-within{border-color:#28ac7559;box-shadow:0 0 0 3px #28ac7512}.input-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text-1);font-size:.9rem;line-height:1.6;padding:13px 16px 8px;min-height:50px;max-height:200px;letter-spacing:-.01em}.input-textarea::placeholder{color:var(--text-3)}.input-toolbar{display:flex;align-items:center;padding:5px 10px 7px;gap:5px}.input-left{display:flex;align-items:center;gap:4px;flex:1}.input-right{display:flex;align-items:center;gap:6px}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:var(--radius-sm);font-size:.74rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition)}.toolbar-btn:hover{background:var(--surface-hover);color:var(--text-1)}.toolbar-btn svg{width:14px;height:14px;flex-shrink:0}.model-selector{position:relative}.model-select-btn{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.74rem;font-weight:500;color:var(--text-2);cursor:pointer;background:var(--bg-2);border:1px solid var(--border);transition:background var(--transition),color var(--transition);letter-spacing:-.01em}.model-select-btn:hover{background:var(--surface-hover);color:var(--text-1)}.model-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-popup);min-width:196px;z-index:50;overflow:hidden;animation:popupIn .15s ease-out}.model-option{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;transition:background var(--transition)}.model-option:hover{background:var(--surface-hover)}.model-option.selected{background:var(--accent-dim)}.model-option-dot{width:7px;height:7px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.model-option.selected .model-option-dot{background:var(--submit);box-shadow:0 0 6px var(--submit)}.model-option-name{font-size:.82rem;font-weight:500;color:var(--text-1);letter-spacing:-.01em}.model-option-desc{font-size:.68rem;color:var(--text-3)}.send-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--submit);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);flex-shrink:0;border:none;box-shadow:var(--submit-glow)}.send-btn:hover:not(:disabled){background:var(--submit-hover);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.97)}.send-btn:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}.upload-popup{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-popup);min-width:175px;z-index:50;overflow:hidden;animation:popupIn .15s ease-out}.upload-option{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:.81rem;font-weight:450;color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition);letter-spacing:-.01em}.upload-option:hover{background:var(--surface-hover);color:var(--text-1)}.upload-option svg{width:14px;height:14px;color:var(--text-3);flex-shrink:0}.upload-option:hover svg{color:var(--submit)}.code-preview-panel{width:0;overflow:hidden;background:var(--bg-1);border-left:none!important;display:flex;flex-direction:column;transition:width var(--transition-slow);flex-shrink:0}.code-preview-panel.open{width:46%;min-width:300px;animation:slideRight .25s ease-out}.panel-header{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-2)}.panel-title{font-size:.8rem;font-weight:600;color:var(--text-1);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.panel-lang-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--submit);background:var(--accent-dim);border:1px solid var(--accent-border);padding:2px 6px;border-radius:99px;white-space:nowrap}.panel-body{flex:1;overflow:auto}.panel-body pre{margin:0;border:none;border-radius:0;background:transparent;min-height:100%}.panel-body pre code{padding:16px;display:block;font-family:var(--font-mono);font-size:.8rem;line-height:1.65;color:var(--text-1)}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9990;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.paywall-card{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:36px 30px;max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-lg);animation:fadeUp .25s ease-out}.paywall-icon{width:50px;height:50px;margin:0 auto 14px;background:#28ac751a;border:1px solid var(--accent-border);border-radius:99px;display:flex;align-items:center;justify-content:center;color:var(--submit)}.paywall-title{font-size:1.15rem;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.paywall-desc{font-size:.875rem;color:var(--text-2);line-height:1.6;margin-bottom:22px;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius);font-size:.875rem;font-weight:550;cursor:pointer;border:none;white-space:nowrap;font-family:var(--font-ui);letter-spacing:-.01em;transition:all var(--transition)}.btn-primary{background:var(--submit);color:#fff;box-shadow:var(--submit-glow)}.btn-primary:hover{background:var(--submit-hover)}.btn-brand-blue{background:var(--brand-blue-raw);color:#fff}.btn-brand-blue:hover{opacity:.88}.btn-brand-orange{background:var(--brand-orange-raw);color:#fff}.btn-brand-orange:hover{opacity:.88}.btn-secondary{background:var(--surface);color:var(--text-1);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-1)}.btn-sm{padding:5px 10px;font-size:.77rem;border-radius:var(--radius-sm)}.btn-lg{padding:10px 22px;font-size:.9rem;border-radius:var(--radius-lg)}.plan-toggle{display:inline-flex;align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:99px;padding:3px;gap:0}.plan-toggle-option{padding:7px 22px;border-radius:99px;font-size:.84rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all var(--transition);letter-spacing:-.01em;white-space:nowrap}.plan-toggle-option.active{background:var(--surface);color:var(--text-1);box-shadow:var(--shadow-sm);font-weight:600}[data-theme=light] .plan-toggle-option.active{color:var(--text-1)}.landing{min-height:100vh;background:var(--bg-0);overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:58px;border-bottom:1px solid var(--border);position:sticky;top:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#1f1f1ee0}[data-theme=light] .landing-nav{background:#ffffffe6}.landing-nav-links{display:flex;align-items:center;gap:2px}.landing-nav-link{padding:6px 12px;font-size:.85rem;font-weight:450;color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;transition:color var(--transition),background var(--transition)}.landing-nav-link:hover{color:var(--text-1);background:var(--surface-hover)}.landing-nav-actions{display:flex;align-items:center;gap:8px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 40px 64px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:640px;height:320px;background:radial-gradient(ellipse at center top,rgba(21,101,192,.1) 0%,transparent 68%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:99px;padding:5px 12px 5px 8px;font-size:.75rem;font-weight:500;color:var(--text-2);margin-bottom:22px;animation:fadeUp .6s ease-out;letter-spacing:-.01em}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--submit);box-shadow:0 0 8px var(--submit);animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2rem,5vw,3.3rem);font-weight:800;letter-spacing:-.042em;line-height:1.08;color:var(--text-1);max-width:650px;margin-bottom:18px;animation:fadeUp .6s .1s ease-out both}.hero-title-blue{color:var(--brand-blue)}.hero-title-orange{color:var(--brand-orange)}.hero-sub{font-size:1rem;color:var(--text-2);max-width:440px;line-height:1.65;margin-bottom:28px;animation:fadeUp .6s .2s ease-out both;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;gap:10px;animation:fadeUp .6s .3s ease-out both}.hero-preview{margin-top:52px;width:100%;max-width:860px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #1565c00f;animation:fadeUp .8s .4s ease-out both}.preview-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-2);border-bottom:1px solid var(--border)}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot-red{background:#f87171}.preview-dot-yellow{background:#fbbf24}.preview-dot-green{background:#34d399}.preview-title-bar{flex:1;text-align:center;font-size:.71rem;color:var(--text-3)}.preview-body{display:grid;grid-template-columns:200px 1fr;min-height:290px}.preview-sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:10px 8px}.preview-sidebar-item{height:24px;border-radius:var(--radius-sm);background:var(--bg-3);margin-bottom:4px;opacity:.55}.preview-sidebar-item:first-child{background:#28ac7524;border:1px solid var(--accent-border);opacity:1}.preview-chat{padding:16px;display:flex;flex-direction:column;gap:10px}.preview-msg{border-radius:var(--radius);padding:9px 12px;font-size:.74rem;line-height:1.5;color:var(--text-2);max-width:82%}.preview-msg-user{background:var(--bg-2);border:1px solid var(--border);align-self:flex-end}.preview-msg-ai{background:#1565c014;border:1px solid rgba(21,101,192,.18);align-self:flex-start;color:var(--text-1)}.features{padding:64px 40px;max-width:1040px;margin:0 auto}.section-label-lg{font-size:.74rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--submit);margin-bottom:10px}.section-title{font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:750;letter-spacing:-.03em;color:var(--text-1);margin-bottom:10px}.section-sub{font-size:.92rem;color:var(--text-2);max-width:440px;line-height:1.65;margin-bottom:40px;letter-spacing:-.01em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.feature-icon{width:36px;height:36px;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--submit);margin-bottom:11px}.feature-title{font-size:.88rem;font-weight:650;margin-bottom:5px;letter-spacing:-.015em}.feature-desc{font-size:.8rem;color:var(--text-2);line-height:1.6}.cta-section{padding:64px 40px;text-align:center;position:relative}.cta-card{max-width:520px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-lg)}.landing-footer{border-top:1px solid var(--border);padding:26px 40px;display:flex;align-items:center;justify-content:space-between;color:var(--text-3);font-size:.77rem}.pricing-page{min-height:100vh;background:var(--bg-0)}[data-theme=light] .pricing-page{background:#f5f5f4}.pricing-topbar{display:flex;align-items:center;padding:14px 24px;gap:12px;border-bottom:1px solid var(--border)}.pricing-content{padding:44px 40px 72px;max-width:980px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:48px}.pricing-toggle-wrap{display:flex;justify-content:center;margin-bottom:40px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:880px;margin:0 auto;align-items:stretch}.pricing-cards-grid>*{min-height:100%}@media (max-width: 720px){.pricing-cards-grid{grid-template-columns:1fr;gap:16px}}@keyframes pricingBadgeShimmer{0%{transform:translate(-120%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}.pricing-badge-shimmer{position:absolute}.pricing-badge-shimmer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);width:40%;animation:pricingBadgeShimmer 2.6s ease-in-out infinite;pointer-events:none;mix-blend-mode:overlay}[data-theme=light] .pricing-badge-shimmer:before{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 50%,transparent 100%);mix-blend-mode:multiply}@keyframes pricingSubscribeShimmer{0%{transform:translate(-140%) skew(-20deg)}to{transform:translate(260%) skew(-20deg)}}.pricing-subscribe-btn{position:relative;width:100%;padding:14px 16px;border-radius:8;border:none;border-radius:8px;background:var(--pricing-button-bg);color:var(--pricing-button-text);font-size:.95rem;font-weight:600;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;transition:background .14s ease,transform .14s ease;isolation:isolate}.pricing-subscribe-btn:hover:not(:disabled){background:var(--pricing-button-hover)}.pricing-subscribe-btn:disabled{background:var(--pricing-button-disabled);cursor:wait}.pricing-subscribe-btn .pricing-subscribe-label{position:relative;display:inline-flex;align-items:center;gap:8px;z-index:1}.pricing-subscribe-btn:after{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-140%) skew(-20deg);pointer-events:none;z-index:0}[data-theme=light] .pricing-subscribe-btn:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.pricing-subscribe-btn:hover:not(:disabled):after{animation:pricingSubscribeShimmer 1.05s ease-in-out}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.plan-card.featured{border-color:#1565c052;background:linear-gradient(180deg,rgba(21,101,192,.06) 0%,var(--surface) 100%)}.plan-card.max-plan{border-color:#28ac7547;background:linear-gradient(180deg,rgba(40,172,117,.05) 0%,var(--surface) 100%)}.plan-popular-badge{position:absolute;top:14px;right:14px;background:var(--brand-blue-raw);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:99px}.plan-name{font-size:.92rem;font-weight:700;margin-bottom:3px;letter-spacing:-.02em}.plan-desc{font-size:.8rem;color:var(--text-2);margin-bottom:16px;line-height:1.5}.plan-price{margin-bottom:18px}.plan-amount{font-size:2.3rem;font-weight:800;letter-spacing:-.04em;line-height:1}.plan-period{font-size:.78rem;color:var(--text-3);margin-top:3px}.plan-divider{height:1px;background:var(--border);margin-bottom:16px}.plan-features-list{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:20px}.plan-feature-item{display:flex;align-items:flex-start;gap:7px;font-size:.8rem;color:var(--text-2);line-height:1.4}.plan-feature-check{width:14px;height:14px;border-radius:50%;background:#1565c014;border:1px solid rgba(21,101,192,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:var(--brand-blue-raw)}.plan-card.max-plan .plan-feature-check{background:#28ac7514;border-color:#28ac7540;color:var(--submit)}.compare-table{max-width:960px;margin:48px auto 0}.compare-table h2{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.compare-table table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:10px 18px}.compare-table thead tr,.compare-table tbody tr{border-bottom:1px solid var(--border)}.compare-table tbody tr:last-child{border-bottom:none}.compare-table th{font-size:.78rem;font-weight:600;color:var(--text-3);text-align:left}.compare-table td{font-size:.81rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.flex-1{flex:1}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relative{position:relative}@media (max-width: 900px){.code-preview-panel.open{width:100%;position:absolute;right:0;top:0;bottom:0;z-index:30}.features-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (max-width: 640px){.features-grid,.welcome-prompts{grid-template-columns:1fr}.hero-title{font-size:1.8rem}.landing-nav{padding:0 16px}.landing-nav-links{display:none}}.sidebar{transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:52px;min-width:52px}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .upgrade-badge,.sidebar.collapsed .section-label,.sidebar.collapsed .sidebar-recents,.sidebar.collapsed .token-usage-bar,.sidebar.collapsed .profile-info,.sidebar.collapsed .profile-plan-badge{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .nav-item-icon{opacity:1}.sidebar.collapsed .profile-trigger{justify-content:center;padding:8px 0}.sidebar-toggle-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;transition:background var(--transition),color var(--transition);flex-shrink:0;background:none;border:none}.sidebar-toggle-btn:hover{background:var(--surface-hover);color:var(--text-1)}.brand-logo-placeholder{flex-shrink:0;border-radius:22.6%;background:#000 center / 70% no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><polyline points='82,86 134,128 82,170' fill='none' stroke='%23ffffff' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/><line x1='148' y1='178' x2='190' y2='178' stroke='%23ffffff' stroke-width='24' stroke-linecap='round'/></svg>")}.brand-name-main{font-size:.92rem;font-weight:750;letter-spacing:-.03em;color:var(--text-1);white-space:nowrap}[data-theme=light] .brand-name-main{color:#1565c0}.upload-popup-fixed{position:fixed;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-popup);min-width:175px;z-index:99999;overflow:hidden;animation:popupIn .15s ease-out}.messages-scroll-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:72px;background:linear-gradient(to bottom,var(--bg-0) 0%,transparent 100%);pointer-events:none;z-index:5;transition:opacity .2s}.message-actions{display:flex;align-items:center;gap:2px;margin-top:8px;opacity:0;transition:opacity var(--transition)}.message:hover .message-actions{opacity:1}.msg-action-btn{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:var(--radius-sm);font-size:.71rem;font-weight:500;color:var(--text-3);cursor:pointer;transition:background var(--transition),color var(--transition);background:none;border:none;font-family:var(--font-ui);white-space:nowrap}.msg-action-btn:hover{background:var(--surface-hover);color:var(--text-1)}.msg-action-btn.active-like{color:var(--green)}.msg-action-btn.active-dislike{color:var(--red)}.msg-action-btn svg{width:13px;height:13px;flex-shrink:0}.msg-actions-divider{width:1px;height:14px;background:var(--border);margin:0 2px}.file-download-card{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:10px;transition:border-color var(--transition),box-shadow var(--transition)}.file-download-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.file-icon-box{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--submit);font-size:.62rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.file-card-info{flex:1;min-width:0}.file-card-name{font-size:.82rem;font-weight:600;color:var(--text-1);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-ext{font-size:.7rem;color:var(--text-3);margin-top:2px;font-family:var(--font-mono)}.file-card-actions{display:flex;gap:5px;flex-shrink:0}.btn-upgrade{background:transparent!important;border:1px solid var(--border-strong)!important;color:var(--text-2)!important;box-shadow:none!important}.btn-upgrade:hover{background:var(--surface-hover)!important;color:var(--text-1)!important}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9980;display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:24px;width:90%;max-width:420px;box-shadow:var(--shadow-lg);animation:fadeUp .22s ease-out}.share-modal-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.share-modal-title{font-size:.95rem;font-weight:700;letter-spacing:-.02em}.share-modal-sub{font-size:.77rem;color:var(--text-3);margin-top:3px}.share-option{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border-radius:var(--radius);border:1.5px solid var(--border);cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--surface);margin-bottom:8px}.share-option.selected{border-color:var(--submit);background:var(--accent-dim)}.share-option-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;margin-top:1px;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.share-option.selected .share-option-radio{border-color:var(--submit);background:var(--submit)}.share-option-radio-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--transition)}.share-option.selected .share-option-radio-dot{opacity:1}.share-option-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.share-option-title{font-size:.84rem;font-weight:600;letter-spacing:-.01em}.share-option-desc{font-size:.73rem;color:var(--text-3);margin-top:2px;line-height:1.4}.share-disclaimer{font-size:.7rem;color:var(--text-3);line-height:1.5;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.share-disclaimer a{color:var(--submit);cursor:pointer}.share-disclaimer a:hover{text-decoration:underline}.share-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.btn-share-create{background:#fff!important;color:#1a1a18!important;border:none!important;font-weight:600!important;box-shadow:0 1px 4px #0000004d!important}[data-theme=light] .btn-share-create{background:#1a1a18!important;color:#fff!important;box-shadow:0 1px 4px #0003!important}.share-link-result{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.share-link-url{flex:1;font-size:.74rem;font-family:var(--font-mono);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-page{min-height:100vh;background:var(--bg-0);font-size:.9rem;color:var(--text-1)}.legal-topbar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-0);z-index:10}.legal-content{max-width:740px;margin:0 auto;padding:40px 32px 80px}.legal-content h1{font-size:1.55rem;font-weight:800;letter-spacing:-.035em;margin-bottom:6px}.legal-content .legal-date{font-size:.78rem;color:var(--text-3);margin-bottom:30px}.legal-content h2{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-top:28px;margin-bottom:8px;padding-top:20px;border-top:1px solid var(--border)}.legal-content h2:first-of-type{border-top:none}.legal-content p{line-height:1.75;color:var(--text-2);margin-bottom:10px}.legal-content ul{padding-left:20px;margin-bottom:12px}.legal-content li{line-height:1.7;color:var(--text-2);margin-bottom:4px}.legal-content strong{color:var(--text-1)}.legal-content a{color:var(--submit)}.legal-content a:hover{text-decoration:underline}.legal-disclaimer-box{background:#28ac7512;border:1px solid var(--accent-border);border-radius:var(--radius);padding:14px 16px;margin-bottom:20px;font-size:.83rem;line-height:1.6;color:var(--text-2)}.upgrade-badge{background:transparent!important;color:var(--brand-blue)!important;border:1px solid rgba(21,101,192,.3)!important}[data-theme=dark] .upgrade-badge{color:var(--text-2)!important;border-color:var(--border)!important}.topbar-brand{font-size:.88rem;font-weight:700;letter-spacing:-.025em;color:var(--text-1);display:flex;align-items:center;gap:7px}:root{--font-serif: "Merriweather", Georgia, serif}h1,.hero-title,.section-title,.legal-content h1,.settings-section-title,.page-h1{font-family:var(--font-serif)}.welcome-greeting{font-family:var(--font-serif);font-weight:700}.avatar{color:#c3c2b7}.avatar.avatar-light{background:#c3c2b7!important;color:#121212!important}.avatar.avatar-dark{background:#121212!important;color:#c3c2b7!important}.message.user-msg{flex-direction:row-reverse;padding-left:48px}.message.ai-msg{flex-direction:row;padding-right:48px}.user-msg-card{background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg) var(--radius-xs) var(--radius-lg) var(--radius-lg);padding:11px 14px 8px;max-width:72%;position:relative}[data-theme=light] .user-msg-card{background:#f0f0ef;border-color:#d8d8d6}.user-msg-card .message-content{color:#e8e8e6;font-size:.88rem}[data-theme=light] .user-msg-card .message-content{color:#1a1a18!important}.user-msg-text{position:relative;overflow:hidden}.user-msg-text.condensed{max-height:100px}.user-msg-gradient{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,rgb(18 18 18));pointer-events:none}.user-msg-footer{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.show-more-btn{font-size:.68rem;color:#fff6;cursor:pointer;background:none;border:none;font-family:var(--font-ui);padding:0;transition:color var(--transition)}.show-more-btn:hover{color:#ffffffb3}.message-timestamp{font-size:.64rem;color:var(--text-3);white-space:nowrap;opacity:0;transition:opacity var(--transition);font-variant-numeric:tabular-nums}.message:hover .message-timestamp{opacity:1}.ai-msg-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:4px}.ai-msg .message-body{max-width:calc(100% - 40px)}.message-content pre code{padding:14px 16px 16px!important}.messages-list{padding:16px 16px 8px 4px;gap:4px}@keyframes shineLR{0%{background-position:-600px 0}to{background-position:600px 0}}.thinking-step-shimmer{display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:-.01em;background:linear-gradient(90deg,var(--text-2) 0%,var(--text-1) 35%,#ffffff 50%,var(--text-1) 65%,var(--text-2) 100%);background-size:600px 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shineLR 2s ease-in-out infinite}[data-theme=light] .thinking-step-shimmer{background:linear-gradient(90deg,#1a1a188c,#1a1a18d9 35%,#1a1a18,#1a1a18d9 65%,#1a1a188c);background-size:600px 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.thinking-steps{display:flex;flex-direction:column;gap:4px;margin-top:6px}.thinking-step{display:flex;flex-direction:column;border-radius:var(--radius-sm);overflow:hidden}.thinking-step-row{display:flex;align-items:center;gap:7px;padding:4px 0;cursor:pointer}.thinking-step-check{width:14px;height:14px;border-radius:50%;background:#34d39926;border:1px solid rgba(52,211,153,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green)}.thinking-step-title-done{font-size:.78rem;color:var(--text-3);flex:1;letter-spacing:-.01em}.thinking-step-caret{color:var(--text-3);transition:transform .15s;flex-shrink:0}.thinking-step-caret.open{transform:rotate(90deg)}.thinking-step-detail{padding:6px 0 6px 21px;font-size:.76rem;color:var(--text-3);line-height:1.6;border-left:2px solid var(--border);margin-left:7px}.chat-title-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.chat-title-btn{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);background:none;border:none;font-family:var(--font-ui);max-width:240px;color:var(--text-1)}.chat-title-btn:hover{background:var(--surface-hover)}.chat-title-text{font-size:.84rem;font-weight:550;color:var(--text-1);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-title-dropdown{position:fixed;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-popup);min-width:180px;z-index:9998;overflow:hidden;animation:popupIn .14s ease-out}.share-option.selected{border-color:#fff6!important;background:#ffffff0f!important}[data-theme=light] .share-option.selected{border-color:#00000040!important;background:#0000000a!important}.share-option.selected .share-option-radio{border-color:#ffffffb3!important;background:#ffffff26!important}[data-theme=light] .share-option.selected .share-option-radio{border-color:#00000080!important;background:#00000014!important}.share-option.selected .share-option-radio-dot{background:var(--text-1)!important;opacity:1}.lang-selector{padding:7px 9px;border-top:1px solid var(--border);margin-top:3px}.lang-selector-label{font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:5px}.lang-options{display:flex;flex-direction:column;gap:1px}.lang-option{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:var(--radius-sm);cursor:pointer;font-size:.79rem;color:var(--text-2);transition:background var(--transition),color var(--transition)}.lang-option:hover{background:var(--surface-hover);color:var(--text-1)}.lang-option.active{color:var(--text-1);font-weight:550}.lang-option.active:after{content:"✓";margin-left:auto;font-size:.65rem;color:var(--text-2)}.settings-page{display:flex;height:100vh;background:var(--bg-0);overflow:hidden}.settings-sidebar{width:200px;min-width:200px;border-right:1px solid var(--border);padding:20px 0;overflow-y:auto;flex-shrink:0}.settings-sidebar-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;padding:0 20px 16px;color:var(--text-1)}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:7px 20px;font-size:.84rem;font-weight:450;color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition);letter-spacing:-.01em}.settings-nav-item:hover{background:var(--surface-hover);color:var(--text-1)}.settings-nav-item.active{background:var(--surface-active);color:var(--text-1);font-weight:550}.settings-nav-badge{font-size:.58rem;font-weight:650;background:var(--bg-3);border:1px solid var(--border);color:var(--text-3);border-radius:99px;padding:1px 5px;margin-left:4px}.settings-main{flex:1;overflow-y:auto;padding:32px 48px;max-width:900px}.settings-section-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;letter-spacing:-.025em;margin-bottom:6px;color:var(--text-1)}.settings-section-sub{font-size:.84rem;color:var(--text-3);margin-bottom:28px;letter-spacing:-.01em}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px}.settings-card-header{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}.settings-card-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.settings-card-info{flex:1}.settings-card-title{font-size:.9rem;font-weight:650;letter-spacing:-.015em;margin-bottom:2px}.settings-card-sub{font-size:.77rem;color:var(--text-2);line-height:1.4}.settings-card-renew{font-size:.74rem;color:var(--text-3);margin-top:2px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);gap:12px}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:.84rem;font-weight:450;color:var(--text-1);letter-spacing:-.01em}.settings-row-sub{font-size:.74rem;color:var(--text-3);margin-top:1px}.settings-row-left{flex:1;min-width:0}.settings-row-right{flex-shrink:0;display:flex;align-items:center;gap:8px}.invoice-table{width:100%}.invoice-table th{font-size:.75rem;font-weight:600;color:var(--text-3);text-align:left;padding:10px 20px;border-bottom:1px solid var(--border);letter-spacing:.01em}.invoice-table td{font-size:.82rem;color:var(--text-2);padding:11px 20px;border-bottom:1px solid var(--border)}.invoice-table tr:last-child td{border-bottom:none}.invoice-table .status-paid{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-weight:500;font-size:.79rem}.cancel-btn{background:#ef4444!important;color:#fff!important;border:none!important;font-weight:600!important}.cancel-btn:hover{background:#dc2626!important}.feature-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-0);overflow:hidden}.feature-page-topbar{display:flex;align-items:center;padding:10px 20px;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0;min-height:52px;box-sizing:border-box}.page-close-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--text-3);transition:background .14s,color .14s,transform .14s;flex-shrink:0}.page-close-btn:hover{background:var(--surface-hover);color:var(--text-1);transform:rotate(90deg)}.page-close-btn:active{transform:rotate(90deg) scale(.92)}.feature-page-title{font-family:var(--font-serif);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text-1)}.feature-page-body{flex:1;overflow-y:auto;padding:24px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.resource-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);position:relative}.resource-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.resource-card-icon{width:38px;height:38px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--text-2)}.resource-card-title{font-size:.88rem;font-weight:600;letter-spacing:-.015em;margin-bottom:4px}.resource-card-sub{font-size:.74rem;color:var(--text-3);line-height:1.4}.resource-card-meta{font-size:.68rem;color:var(--text-3);margin-top:10px}.create-resource-btn{border:1.5px dashed var(--border-strong);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;color:var(--text-3);font-size:.8rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.create-resource-btn:hover{border-color:var(--text-2);color:var(--text-1);background:var(--surface-hover)}.settings-toggle{width:38px;height:22px;border-radius:99px;background:var(--bg-3);border:1.5px solid var(--border-strong);position:relative;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.settings-toggle.on{background:var(--submit);border-color:var(--submit)}.settings-toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-3);transition:transform .16s,background .16s}.settings-toggle.on .settings-toggle-knob{transform:translate(16px);background:#fff}.settings-input{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 10px;font-size:.82rem;color:var(--text-1);font-family:var(--font-ui);outline:none;transition:border-color var(--transition)}.settings-input:focus{border-color:var(--text-2)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}select.settings-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;cursor:pointer}[data-theme=light] select.settings-input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(26,26,24,0.55)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'/></svg>")}:root{--bg-0: rgb(31 31 30);--bg-sidebar: rgb(30 30 29);--bg-2: #252524;--bg-3: #2e2e2d;--bg-4: #383837;--surface: #252524;--surface-hover: #2e2e2d;--border: #2a2a29;--border-strong: #363635}.sidebar{background:var(--bg-sidebar)!important;border-right-color:#ffffff0a!important}.main-content{background:var(--bg-0)!important}.input-box{border:1px solid transparent!important;background:var(--bg-2)!important;border-radius:14px!important}.input-box:focus-within{border-color:transparent!important;box-shadow:none!important}.chat-welcome{justify-content:center;gap:0;padding:0 20px}.welcome-spark{display:inline-flex;align-items:center;justify-content:center;color:var(--submit);font-size:2rem;margin-bottom:0;flex-shrink:0}.welcome-heading-row{display:flex;align-items:center;gap:8px;margin:0 auto 32px;justify-content:center;width:100%;max-width:680px;box-sizing:border-box;padding:0}.welcome-greeting{font-size:clamp(2rem,4vw,2.8rem)!important;font-weight:400!important;letter-spacing:-.03em;color:var(--text-1);margin:0}.welcome-input-wrap{width:100%;max-width:680px;margin:0 auto 24px}.welcome-input-wrap .input-box{background:var(--bg-2)!important}.welcome-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:680px}.welcome-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;border:1px solid var(--border-strong);background:transparent;font-size:.82rem;font-weight:450;color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);font-family:var(--font-ui);letter-spacing:-.01em;white-space:nowrap}.welcome-chip:hover{background:var(--surface-hover);color:var(--text-1);border-color:var(--text-3)}.welcome-chip svg{width:13px;height:13px;flex-shrink:0}.main-topbar{border-bottom:none;padding:12px 16px 0;background:transparent}.sidebar.collapsed .sidebar-top-nav{padding:6px 4px}.sidebar.collapsed .nav-item{padding:8px;justify-content:center}.sidebar.collapsed .sidebar-brand{padding:12px 0;justify-content:center}.sidebar.collapsed .sidebar-toggle-btn{margin:0 auto}.sidebar.collapsed .sidebar-profile{padding:6px 4px}.sidebar.collapsed .profile-trigger{padding:8px;justify-content:center}.welcome-plan-tag{display:none}.welcome-sub{color:var(--text-3);font-size:.88rem;margin-top:-8px;margin-bottom:28px}.chat-area-wrapper{border:none}[data-theme=light]{--bg-sidebar: #f0f0ef}[data-theme=light] .sidebar{background:var(--bg-sidebar)!important;border-right-color:#e0e0de!important}[data-theme=light] .input-box{background:#f7f7f6!important}html{font-size:16.5px}.sidebar{background:#1d1d1d!important;border-right:1px solid transparent!important}[data-theme=light] .sidebar{background:#e8e8e7!important;border-right:1px solid #d8d8d6!important}.sidebar-brand,.sidebar-top-nav{border-bottom:none!important}.sidebar-profile{border-top:none!important}.token-usage-bar{border-top:none!important;padding:6px 12px 8px!important}.sidebar-recents .section-label{display:none}.sidebar-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 10px 10px!important}.brand-name-main{font-family:var(--font-serif)!important;font-size:1.05rem!important;font-weight:700!important;letter-spacing:-.02em!important;opacity:.8;flex:1}.sidebar-toggle-btn{flex-shrink:0;margin-left:auto}.sidebar.collapsed{display:flex;flex-direction:column}.sidebar.collapsed .sidebar-profile{margin-top:auto}.sidebar.collapsed .profile-trigger{padding:8px 0!important;justify-content:center!important}.nav-item-new-circle{width:26px;height:26px;border-radius:50%;background:#2f2e2c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-item-gradient{position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,rgb(29 29 29));pointer-events:none;transition:opacity var(--transition)}[data-theme=light] .chat-item-gradient{background:linear-gradient(to right,transparent,#e8e8e7)}.chat-item-more{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-3);background:none;border:none;cursor:pointer;opacity:0;transition:opacity var(--transition),background var(--transition);z-index:2}.chat-item:hover .chat-item-more{opacity:1}.chat-item-more:hover{background:var(--bg-3);color:var(--text-1)}.input-box{border-radius:14px!important;border:none!important;box-shadow:none!important}.input-box:focus-within{border:none!important;box-shadow:none!important}.scroll-btn{box-shadow:none!important;border:1px solid rgba(255,255,255,.07)!important}.share-overlay,.paywall-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000008c!important}.share-option{border:1px solid var(--border)!important}.share-option.selected{border-color:#ffffff40!important;background:#ffffff0a!important}[data-theme=light] .share-option.selected{border-color:#0003!important;background:#00000008!important}.share-check{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-1)}.popup-header{padding:10px 12px 8px!important}.popup-item:hover{background:#ffffff0f!important;color:var(--text-1)}[data-theme=light] .popup-item:hover{background:#0000000f!important}.popup-item-has-sub{justify-content:space-between!important}.popup-item-has-sub .popup-sub-value{font-size:.7rem;color:var(--text-3);margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.popup-submenu{position:fixed;background:#161615;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 8px 32px #0009;z-index:99999;overflow:hidden;min-width:200px;animation:popupIn .14s ease-out}[data-theme=light] .popup-submenu{background:var(--bg-0)}.popup-submenu-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:.82rem;color:var(--text-2);cursor:pointer;transition:background var(--transition),color var(--transition)}.popup-submenu-item:hover{background:#ffffff0f;color:var(--text-1)}[data-theme=light] .popup-submenu-item:hover{background:#0000000d}.popup-submenu-item.active{color:var(--text-1)}.popup-submenu-check{color:var(--text-1);flex-shrink:0}.upload-submenu-indicator{margin-left:auto;color:var(--text-3);flex-shrink:0}.drag-divider{width:6px;flex-shrink:0;background:transparent;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;transition:background var(--transition)}.drag-divider:after{content:"";width:2px;height:40px;background:var(--border-strong);border-radius:99px;position:absolute}.drag-divider:hover:after{background:var(--text-3)}.drag-divider:hover{background:#ffffff05}[data-theme=light]{--bg-0: #ffffff;--bg-1: #f4f4f3;--bg-2: #ebebea;--bg-3: #e0e0df;--surface: #ffffff;--surface-hover: #f4f4f3;--border: #ddddd9;--border-strong: #c8c8c4;--text-1: #1a1a18;--text-2: #4a4a47;--text-3: #88887f}[data-theme=light] .main-content{background:var(--bg-0)!important}[data-theme=light] .input-box{background:var(--bg-2)!important}[data-theme=light] .user-msg-gradient{background:linear-gradient(to bottom,transparent,#1a1a18)!important}[data-theme=light] .chat-item-gradient{background:linear-gradient(to right,transparent,#e8e8e7)!important}.usage-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.usage-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.usage-stat-value{font-family:var(--font-serif);font-size:1.6rem;font-weight:800;letter-spacing:-.04em;color:var(--text-1);margin-bottom:4px}.usage-stat-label{font-size:.82rem;font-weight:600;color:var(--text-1)}.usage-stat-sub{font-size:.72rem;color:var(--text-3);margin-top:2px}.share-btn-simple{padding:5px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-strong);color:var(--text-2);font-size:.78rem;font-weight:500;cursor:pointer;font-family:var(--font-ui);transition:background var(--transition),color var(--transition);white-space:nowrap}.share-btn-simple:hover{background:var(--surface-hover);color:var(--text-1)}.message.ai-msg .message-content,.message.ai-msg .message-content p,.message.ai-msg .message-content li{font-family:var(--font-serif);font-weight:300;font-size:.92rem;line-height:1.78;color:var(--text-1)}.message.ai-msg .message-content h2,.message.ai-msg .message-content h3{font-family:var(--font-serif);font-weight:700;margin:12px 0 5px}.thinking-steps{gap:3px;margin-top:4px}.message-content pre{margin:6px 0}.message-content p+pre{margin-top:5px}.message-content pre+p{margin-top:5px}.thinking-step-row{padding:3px 0}.message-content pre{background:#161615!important;border:1px solid rgba(255,255,255,.07)!important}.message-content pre code{padding:14px 16px 16px!important;font-size:.8rem!important;color:#b8b8b5!important}[data-theme=light] .message-content pre{background:var(--bg-1)!important;border:1px solid var(--border)!important}[data-theme=light] .message-content pre code{color:var(--text-1)!important}[data-theme=light] .message-content code{background:var(--bg-2)!important;border:1px solid var(--border)!important;color:var(--text-1)!important}.chat-item.active{background:#121212!important}[data-theme=light] .chat-item.active{background:#00000012!important}.recents-section-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:10px 10px 4px;display:block}.nav-group-spacer{height:1px;background:transparent;margin:5px 8px}.welcome-chip svg,.welcome-chip:hover svg{color:inherit!important}.feature-icon,.plan-feature-check{color:var(--text-2)!important}.hero-badge-dot,.thinking-dot{background:#ffffff4d!important;box-shadow:none!important}.section-label-lg{color:var(--text-3)!important}.panel-lang-badge{color:var(--text-2)!important;background:var(--bg-3)!important;border-color:var(--border)!important}.upgrade-badge{color:var(--text-2)!important;border-color:var(--border)!important}[data-theme=light]{--bg-sidebar: #ffffff !important;--bg-0: rgb(248 248 246) !important;--bg-1: #f0f0ef !important;--bg-2: #ffffff !important;--surface: #ffffff !important;--border: rgb(211 211 210) !important}[data-theme=light] .nav-item{color:#1a1a18b3!important}[data-theme=light] .nav-item:hover{color:#1a1a18!important;background:#0000000a!important}[data-theme=light] .chat-item-title{color:#1a1a18b8!important}[data-theme=light] .profile-name{color:#1a1a18e6!important}[data-theme=light] .settings-sidebar{background:#f5f5f4!important;border-right:1px solid #e0e0de!important}.panel-header{border-radius:12px 0 0;padding:12px 14px!important}.popup-item.upgrade:hover{color:var(--text-1)!important}.upload-option{justify-content:flex-start!important}.upload-popup-fixed{min-width:210px}.share-btn-simple{display:inline-flex;align-items:center;justify-content:center}.star-active{color:var(--text-1)!important}[data-font-size=small]{font-size:14px!important}[data-font-size=medium]{font-size:16.5px!important}[data-font-size=large]{font-size:19px!important}[data-compact=true] .message{padding:6px 0!important}[data-compact=true] .messages-list{gap:0!important}.stripe-embed-container{width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-height:400px;background:var(--surface);display:flex;align-items:center;justify-content:center}a:not(.share-disclaimer a){color:inherit!important}.popup-item.upgrade{color:var(--text-2)!important}.hero-title-blue,.hero-title-orange{color:inherit!important}[data-theme=light] .hero-title-blue{color:#1a1a18!important}.plan-feature-check{border-color:var(--border)!important;color:var(--text-3)!important}.plan-feature-check.check-orange{border-color:var(--border)!important}[data-theme=light] .nav-item{color:#1a1a18a6!important}[data-theme=light] .nav-item:hover{background:#0000000d!important;color:#1a1a18e6!important}[data-theme=light] .brand-name-main{color:#1a1a18cc!important}[data-theme=light] .recents-section-label{color:#1a1a1859!important}[data-theme=light] .chat-item-title{color:#1a1a18a6!important}[data-theme=light] .chat-item:hover .chat-item-title,[data-theme=light] .profile-name{color:#1a1a18e6!important}[data-theme=light] .profile-email,[data-theme=light] .token-usage-label,[data-theme=light] .token-usage-count{color:#1a1a1873!important}[data-theme=light] .sidebar-toggle-btn{color:#1a1a1880!important}[data-theme=light] .sidebar-toggle-btn:hover{background:#0000000d!important;color:#1a1a18e6!important}[data-theme=light] .nav-item-new-circle{background:#e5e5e2!important}[data-theme=light] .nav-item-new-circle svg{color:#1a1a18b3!important}[data-theme=light] .main-content{background:#f8f8f6!important}[data-theme=light] .input-box{background:#fff!important;border:1px solid rgb(211 211 210)!important}[data-theme=light] .input-textarea::placeholder{color:#1a1a1859!important}[data-theme=light] .welcome-chip{border-color:#d3d3d2!important;color:#1a1a18a6!important}[data-theme=light] .welcome-chip:hover{background:#0000000a!important;border-color:#0000002e!important;color:#1a1a18e6!important}[data-theme=light] .prompt-chip{background:#fff!important;border-color:#d3d3d2!important}[data-theme=light] .message-content{color:#1a1a18e6!important}[data-theme=light] .message-content pre{background:#f4f4f3!important;border-color:#d3d3d2!important}[data-theme=light] .message-content pre code{color:#1a1a18d9!important}[data-theme=light] .user-msg-card{background:#f0f0ef!important;border-color:#d8d8d6!important}[data-theme=light] .user-msg-card .message-content,[data-theme=light] .user-msg-card .message-content p,[data-theme=light] .user-msg-card .message-content li{color:#1a1a18!important}[data-theme=light] .chat-item-gradient{background:linear-gradient(to right,transparent,#ffffff)!important}[data-theme=light] .messages-scroll-wrap:before{background:linear-gradient(to bottom,rgb(248 248 246) 0%,transparent 100%)!important}[data-theme=light] .feature-icon{background:#0000000d!important;border-color:#0000001a!important;color:#1a1a1899!important}[data-theme=light] .section-label-lg{color:#1a1a1880!important}.upload-popup-fixed{background:#1d1d1c!important;border-color:#ffffff1a!important}[data-theme=light] .upload-popup-fixed{background:#fff!important;border-color:#d3d3d2!important}.code-preview-panel.open{margin-top:8px;border-radius:12px 0 0;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.main-topbar span:empty{display:none}.popup-item svg{color:var(--text-3)!important;opacity:.75}.popup-item:hover svg{color:var(--text-2)!important;opacity:1}.popup-item.danger svg{color:var(--red)!important;opacity:.8}.toolbar-btn{color:var(--text-3)}.toolbar-btn:hover{color:var(--text-2)}[data-theme=light] .profile-popup{background:#fff!important;border-color:#d3d3d2!important;box-shadow:0 8px 32px #00000024,0 0 0 1px #d3d3d2!important}[data-theme=light] .chat-title-dropdown,[data-theme=light] .popup-submenu{background:#fff!important;border-color:#d3d3d2!important}[data-theme=light] .popup-item{color:#1a1a18b3!important}[data-theme=light] .popup-item:hover{background:#0000000a!important;color:#1a1a18f2!important}[data-theme=light] .upload-option{color:#1a1a18b3!important}.ai-msg .message-content h2{margin-top:10px;margin-bottom:3px}.ai-msg .message-content h3{margin-top:8px;margin-bottom:3px}.ai-msg .message-content p{margin-bottom:5px}.ai-msg .message-content li{margin-bottom:3px}.ai-msg .message-content pre{margin-top:5px;margin-bottom:5px}.thinking-step+.thinking-step{margin-top:2px}.thinking-dot{background:#ffffff40!important;box-shadow:none!important}.hero-badge-dot{animation:none!important;box-shadow:none!important}[data-theme=light] .settings-sidebar{background:#f5f5f4!important;border-right:1px solid rgb(211 211 210)!important}[data-theme=light] .settings-sidebar-title{color:#1a1a18d9!important}[data-theme=light] .settings-nav-item{color:#1a1a18a6!important}[data-theme=light] .settings-nav-item:hover{background:#0000000a!important;color:#1a1a18e6!important}[data-theme=light] .settings-nav-item.active{background:#00000012!important;color:#1a1a18f2!important}[data-theme=light] .settings-card{background:#fff!important;border-color:#d3d3d2!important}[data-theme=light] .settings-input{background:#fff!important;border-color:#d3d3d2!important;color:#1a1a18e6!important}[data-theme=light] .settings-main{background:#f8f8f6!important}.chat-item-more{width:24px!important;height:24px!important;opacity:0!important}.chat-item:hover .chat-item-more{opacity:1!important;color:#ffffff80!important}.chat-item-more:hover{background:#ffffff1a!important;color:#fff!important}[data-theme=light] .chat-item-more:hover{background:#00000014!important;color:#000c!important}.popup-submenu-item{justify-content:space-between!important;text-align:left!important}.popup-item.danger,.popup-item.danger svg{color:var(--text-2)!important}.popup-submenu-item.danger{color:var(--text-2)!important}.popup-submenu-item.danger:hover{background:#ffffff0f!important;color:var(--text-1)!important}.btn-brand-blue{background:var(--surface)!important;color:var(--text-1)!important;border:1px solid var(--border-strong)!important}.btn-brand-blue:hover{background:var(--surface-hover)!important}.plan-popular-badge{background:var(--bg-3)!important;color:var(--text-2)!important;border:1px solid var(--border)!important}.plan-feature-check{background:var(--bg-2)!important;border-color:var(--border)!important;color:var(--text-3)!important}.plan-toggle{border-radius:8px!important}.plan-toggle-option.active{box-shadow:none!important;background:var(--bg-3)!important}.status-paid{color:var(--text-2)!important}.status-paid svg{color:var(--text-3)!important}.invoice-table td a,.invoice-table .msg-action-btn{color:var(--text-2)!important}.popup-item:hover{background:#ffffff0f!important;color:var(--text-1)!important}[data-theme=light] .popup-item:hover{background:#0000000d!important;color:#1a1a18f2!important}.nav-item:hover{background:#121212!important}.hero-title-blue,.hero-title-orange,.plan-name.pro{color:var(--text-1)!important}.hero-badge-dot{background:var(--text-3)!important;box-shadow:none!important}.code-preview-panel.open{margin-top:8px;border-radius:14px 0 0;overflow:hidden}.panel-header{border-radius:14px 0 0}.welcome-chip svg{color:var(--text-3)!important}.welcome-chip:hover svg{color:var(--text-2)!important}.chat-item-gradient{background:transparent!important}.popup-item{text-align:left!important}.nav-group-spacer{height:6px!important;margin:3px 0!important}.recents-section-label{margin-top:4px!important}.user-msg-card{border-radius:var(--radius-lg)!important}.message-timestamp{opacity:.55!important;transition:none!important}.message:hover .message-timestamp{opacity:.8!important}.message.user-msg{padding-left:80px!important}.panel-header{overflow:visible!important;min-width:0;flex-shrink:0}.panel-header .icon-btn{flex-shrink:0;position:relative;z-index:2}.plan-card.featured,.plan-card.max-plan{border-color:var(--border)!important}.plan-card.featured,.plan-card.max-plan{background:var(--surface)!important}.settings-card-icon svg line,.settings-card-icon svg circle,.settings-card-icon svg path{stroke:var(--text-3)!important;fill:none!important}.share-disclaimer a{color:var(--text-2)!important;text-decoration:underline!important}.upload-popup-fixed,.upload-popup-fixed>div,.upload-popup-fixed *{text-align:left!important}.sidebar{min-height:100vh}.code-preview-panel.open{min-width:100%!important;overflow:visible!important}.code-preview-panel .panel-header{display:flex;flex-wrap:nowrap;align-items:center;overflow:visible!important;padding-right:8px!important}.upload-popup-fixed>div{display:flex!important;flex-direction:column!important}.plan-toggle{box-shadow:none!important;border-radius:8px!important}.user-msg-card{border-radius:14px!important}.message-timestamp{opacity:.55!important}.message.user-msg .message-avatar.user-avatar{display:none!important}.message.user-msg{padding-left:60px!important}.code-preview-panel.open{overflow:visible!important}.panel-header{overflow:visible!important;flex-wrap:nowrap!important;gap:6px!important;padding-right:10px!important}.panel-header .icon-btn{flex-shrink:0!important;min-width:26px!important}.upload-popup-fixed{text-align:left!important}.share-disclaimer a{color:#ffffff80!important;text-decoration:underline!important;cursor:pointer}[data-theme=light] .share-disclaimer a{color:#1a1a188c!important}.share-disclaimer a:hover{color:var(--text-1)!important}.plan-card{border-color:var(--border)!important}.plan-card.featured,.plan-card.max-plan{border-color:var(--border)!important;background:var(--surface)!important}.plan-popular-badge{background:var(--bg-3)!important;color:var(--text-2)!important;border:1px solid var(--border-strong)!important}.plan-toggle{border-radius:8px!important;box-shadow:none!important}.plan-toggle-option{border-radius:6px!important}.plan-toggle-option.active{box-shadow:none!important}.status-paid,.status-paid svg{color:var(--text-2)!important}.invoice-table .msg-action-btn{color:var(--text-2)!important}.nav-item:hover,.sidebar-toggle-btn:hover{background:#121212!important;color:var(--text-1)!important}[data-theme=light] .nav-item:hover,[data-theme=light] .sidebar-toggle-btn:hover{background:#0000000d!important;color:#1a1a18e6!important}.nav-item.active{background:#28ac7524!important;color:var(--submit)!important}.nav-item.active:hover{background:#28ac7533!important;color:var(--submit)!important}.nav-item.active .nav-item-icon{color:var(--submit)!important;opacity:1!important}[data-theme=light] .nav-item.active{background:#0000000f!important;color:#1a1a18f2!important}[data-theme=light] .nav-item.active:hover{background:#00000014!important;color:#1a1a18!important}[data-theme=light] .nav-item.active .nav-item-icon{color:#1a1a18e6!important;opacity:1!important}.sidebar-toggle-btn{color:var(--text-2)!important;border-radius:var(--radius-sm)!important}[data-theme=light] .sidebar-toggle-btn{color:#1a1a18a6!important}.chat-item:hover{background:#121212!important}[data-theme=light] .chat-item:hover{background:#0000000f!important}.popup-item.danger{color:var(--text-2)!important}.popup-item.danger svg{color:var(--text-3)!important}.popup-item.danger:hover{background:#ffffff0f!important;color:var(--text-1)!important}[data-theme=light] .popup-item.danger:hover{background:#0000000d!important}.chat-item-more{opacity:0;transition:opacity .12s,background .12s,color .12s}.chat-item:hover .chat-item-more{opacity:1;color:#ffffff73}.chat-item-more:hover{background:#ffffff1f!important;color:#fff!important}.token-bar-track{height:5px!important}.send-btn{background:#28ac75!important;box-shadow:0 0 14px #28ac7547!important}.send-btn:hover:not(:disabled){background:#249b69!important}.popup-submenu-item{text-align:left!important;justify-content:space-between!important}.code-preview-panel.open{border-radius:12px 0 0;margin-top:8px}.main-topbar span:empty{display:none!important}svg.lucide-check{color:var(--text-1)!important}.panel-header{flex-wrap:nowrap!important;overflow:hidden!important}.panel-action-btn{min-width:28px}@media (max-width: 1100px){.panel-btn-label{display:none}.panel-action-btn{padding:4px 6px!important}}.upload-popup-fixed *{text-align:left!important;justify-content:flex-start}:focus-visible{outline:2px solid rgba(40,172,117,.7)!important;outline-offset:2px!important;border-radius:4px}button:focus-visible,a:focus-visible,[role=menuitem]:focus-visible,[role=option]:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(40,172,117,.7)!important;outline-offset:2px!important}@media (max-width: 768px){.icon-btn,.send-btn,.scroll-btn,.toolbar-btn,.nav-item,.chat-item,.popup-item{min-height:44px}.send-btn{width:44px!important;height:44px!important}}.skip-link{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus-visible{position:fixed!important;top:8px;left:8px;width:auto;height:auto;padding:10px 18px;margin:0;overflow:visible;clip:auto;background:#28ac75;color:#fff;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;z-index:99999;box-shadow:0 4px 14px #00000040}@media (max-width: 768px){.sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:200;transform:translate(0);transition:transform .22s ease,width .22s ease;box-shadow:4px 0 24px #0006}.sidebar.collapsed{transform:translate(-100%);width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199;display:none}.sidebar-overlay.visible{display:block}.main-content{width:100%!important;overflow:hidden}.app-layout{position:relative}.chat-container{padding:0 12px!important;max-width:100%!important}.messages-list{padding:12px 0!important}.code-preview-panel.open{position:fixed!important;top:0;right:0;bottom:0;width:100%!important;z-index:150;border-radius:0!important}.drag-divider{display:none!important}.input-wrapper{padding:8px 12px 16px!important}.input-box{border-radius:14px!important}.welcome-prompts{grid-template-columns:1fr!important}.welcome-chips{flex-direction:column!important;align-items:stretch!important}.welcome-chip{justify-content:flex-start!important}.welcome-greeting{font-size:1.5rem!important}.main-topbar{padding:8px 12px 0 50px!important;gap:6px!important}.chat-title-text{max-width:120px!important}.message.user-msg{padding-left:20px!important}.user-msg-card{max-width:90%!important}.message.ai-msg{padding-right:12px!important}.settings-sidebar{width:100%!important;max-width:100%!important}.settings-main{padding:20px 16px!important}.settings-page .main-content{flex-direction:column!important}.resource-grid{grid-template-columns:1fr!important}.feature-page-body{padding:16px!important}.pricing-grid{grid-template-columns:1fr!important}.pricing-content{padding:24px 16px!important}.app-layout{min-height:100vh}}@media (max-width: 480px){.model-select-btn span{display:none}.welcome-heading-row{flex-direction:column;gap:8px;text-align:center}.welcome-greeting{font-size:1.3rem!important}.toolbar-btn span{display:none}}.message-sender{color:#ffffffb8!important}.code-lang{color:#ffffff8c!important}@media print{.sidebar,.main-topbar,.input-wrapper,.code-preview-panel,.drag-divider,.scroll-btn,.share-btn-simple{display:none!important}.messages-list{overflow:visible!important;height:auto!important}.chat-container{max-width:100%!important}body{background:#fff!important;color:#000!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors: active){.send-btn{forced-color-adjust:none;background:ButtonText!important}.sidebar{border-right:1px solid ButtonText!important}}[style*="position: fixed"],[style*="position:fixed"]{text-align:left}.code-action-btn .lucide-check,.btn .lucide-check,.msg-action-btn .lucide-check{color:var(--text-1)!important}.panel-btn-label{display:inline;white-space:nowrap}.model-dropdown{z-index:99999!important}div[role=menuitem],div[role=menuitemradio],div[role=option]{justify-content:flex-start!important;text-align:left!important}@media (max-width: 768px){.sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:200;transition:transform .2s ease;box-shadow:4px 0 24px #00000073}.sidebar.collapsed{transform:translate(-100%)!important}.main-content{width:100%!important}.chat-container{max-width:100%!important;padding:0 12px!important}.messages-list{padding:10px 0!important}.welcome-chips{flex-direction:column!important;align-items:stretch!important}.welcome-greeting{font-size:1.4rem!important}.input-wrapper{padding:8px 10px 14px!important}.resource-grid{grid-template-columns:1fr!important}.code-preview-panel.open{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;z-index:150;border-radius:0!important;margin-top:0!important}.drag-divider{display:none!important}.chat-area-wrapper{flex-direction:column!important}}:focus-visible{outline:2px solid rgba(40,172,117,.75)!important;outline-offset:2px!important;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.sidebar,.main-topbar,.input-wrapper,.scroll-btn,.code-preview-panel,.drag-divider{display:none!important}.messages-list{overflow:visible!important;height:auto!important}.chat-container{max-width:100%!important}}html,body{overflow-x:hidden;max-width:100vw}.send-btn{background:#28ac75!important}.nav-item svg,.sidebar-toggle-btn svg{color:#ffffffd1!important}.nav-item:hover svg{color:#fffffff2!important}.chat-item-more{color:#ffffff80!important}.chat-item-more:hover{color:#fff!important}.input-box:focus-within{outline:none!important;box-shadow:none!important;border-color:transparent!important}.input-textarea{caret-color:#ffffffb3}[data-theme=light] .input-textarea{caret-color:#1a1a18b3}.profile-popup,.popup-submenu,.chat-title-dropdown,div[role=menu],div[role=listbox]{border:1px solid rgba(255,255,255,.18)!important;background:#21211f!important;box-shadow:0 16px 48px #0000008c!important}[data-theme=light] .profile-popup,[data-theme=light] .popup-submenu,[data-theme=light] .chat-title-dropdown,[data-theme=light] div[role=menu],[data-theme=light] div[role=listbox]{border:1px solid rgba(0,0,0,.16)!important;background:#fff!important}.scroll-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;aspect-ratio:1 / 1!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.panel-btn-label{display:none!important}.code-preview-panel .icon-btn,button[aria-label="Close preview"]{display:flex!important;flex-shrink:0!important;min-width:26px!important;min-height:26px!important;width:26px!important;height:26px!important}@media (max-width: 1100px){.panel-btn-label{display:none!important}}.panel-body pre code,.panel-body .syntax-highlight{padding:16px!important}.code-preview-panel .panel-body pre{padding:0}.code-preview-panel .panel-body code{display:block;padding:16px 18px!important;font-family:var(--font-mono);font-size:.82rem;line-height:1.65}.avatar{background:#c3c2b7!important;color:#1a1a18!important;font-weight:700!important}[data-theme=light] .avatar{background:#2a2a28!important;color:#f0f0ee!important}.brand-name-main{padding-left:0!important;margin-left:4px!important}.nav-item{align-items:center!important}[data-theme=light] .sidebar{background:#fff!important}[data-theme=light] .nav-item svg{color:#1a1a18a6!important}[data-theme=light] .nav-item:hover svg{color:#1a1a18e6!important}[data-theme=light] .nav-item:hover{background:#0000000d!important}.chat-container{max-width:48rem!important}div[role=menu],div[role=menu] *{text-align:left!important}input:focus,textarea:focus,select:focus,button:focus{outline:none;box-shadow:none}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid rgba(255,255,255,.3)!important;outline-offset:2px;box-shadow:none!important}.plan-toggle-option.active{background:var(--bg-3)!important;color:var(--text-1)!important;box-shadow:none!important;font-weight:600}[data-theme=light] .plan-toggle-option.active{background:var(--bg-2)!important;color:var(--text-1)!important}.sidebar:not(.collapsed){width:18rem!important;min-width:18rem!important}.sidebar.collapsed{width:52px!important;min-width:52px!important}.brand-name-main{color:#fffffff5!important;opacity:1!important}[data-theme=light] .brand-name-main{color:#1a1a18d9!important}.nav-item .lucide{color:#ffffffe0!important}.nav-item span{color:#ffffffb8!important}.nav-item:hover .lucide{color:var(--submit)!important}.nav-item:hover span{color:#fffffff2!important}[data-theme=light] .nav-item .lucide{color:#1a1a18b8!important}[data-theme=light] .nav-item span{color:#1a1a1899!important}[data-theme=light] .nav-item:hover .lucide{color:var(--submit)!important}[data-theme=light] .nav-item:hover span{color:#1a1a18e6!important}.chat-item{display:flex!important;align-items:center!important;padding:5px 10px!important;margin:1px 4px!important;border-radius:8px!important;gap:8px!important}.chat-item-info{padding-left:0!important}.chat-item-title{font-size:.875rem!important;font-weight:430!important;color:#ffffffb8!important}button[title=Close],button[aria-label="Close preview"]{display:flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;min-height:28px!important;width:28px!important;height:28px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}.code-preview-panel .panel-header,.code-preview-panel [class*=header]{overflow:visible!important}.scroll-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;aspect-ratio:1!important;padding:0!important}.input-textarea:focus,.input-textarea:focus-visible{outline:none!important;box-shadow:none!important}.input-box:focus-within{border-color:transparent!important;box-shadow:none!important;outline:none!important}.sidebar{border-right:1px solid #3c3c3b!important}[data-theme=light] .sidebar{border-right:1px solid #d8d8d6!important}.main-topbar{border-bottom:.5px solid rgb(53 52 52)!important}hr,.settings-divider{border:none!important;border-top:.5px solid rgb(53 52 52)!important}[data-theme=light] .sidebar{border-right:.5px solid #d8d8d6!important}.message-content pre{background:#1e1f29!important;border:none!important;border-radius:8px!important;margin:10px 0!important;overflow:auto!important}.code-block-header{background:#252636!important;border-bottom:.5px solid rgba(255,255,255,.08)!important;padding:7px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.code-lang{font-family:var(--font-mono)!important;font-size:.72rem!important;color:#8be9fd!important;letter-spacing:.04em!important}[data-theme=light] .code-block-header{background:var(--bg-2)!important;border-bottom:.5px solid var(--border)!important}[data-theme=light] .code-lang{color:#0550ae!important}[data-theme=light] .code-action-btn{color:var(--text-2)!important}[data-theme=light] .code-action-btn:hover{background:var(--surface-hover)!important;color:var(--text-1)!important}.code-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 7px!important;border-radius:5px!important;background:transparent!important;border:none!important;cursor:pointer!important;color:#ffffffa6!important;transition:background .1s,color .1s!important;gap:0!important}.code-action-btn:hover{background:#ffffff1a!important;color:#fffffff2!important}.code-action-btn .btn-text,.code-action-btn span:not(.lucide){display:none!important}.preview-btn:after{content:none}.messages-scroll-wrap{width:100%!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important}.messages-list{width:100%!important;max-width:52rem!important;padding:16px 24px!important;overflow:visible!important;height:auto!important}.messages-scroll-wrap::-webkit-scrollbar{width:5px}.messages-scroll-wrap::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.messages-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#ffffff38}.user-msg-timestamp-inside{display:none!important}.user-msg-hover-actions{display:flex;align-items:center;gap:8px;margin-top:5px;padding:0 4px;opacity:0;transition:opacity .14s;justify-content:flex-end}.user-msg-wrapper:hover .user-msg-hover-actions{opacity:1}.user-msg-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:#fff6;transition:background .1s,color .1s}.user-msg-action-btn:hover{background:#ffffff12;color:#ffffffd9}.user-msg-timestamp{font-size:.68rem;color:#ffffff47;margin-right:6px}[data-theme=light] .user-msg-timestamp{color:#1a1a1859}[data-theme=light] .user-msg-action-btn{color:#1a1a1861}[data-theme=light] .user-msg-action-btn:hover{background:#0000000d;color:#1a1a18cc}.ai-step-heading{font-size:.8rem!important;font-weight:600!important;color:#ffffff8c!important;letter-spacing:.01em!important;margin:10px 0 3px!important;font-family:var(--font-ui)!important;display:flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important}.ai-step-heading:hover{color:#ffffffbf!important}.ai-step-caret{transition:transform .14s;flex-shrink:0}.ai-step-caret.open{transform:rotate(90deg)}.chat-container{max-width:52rem!important;width:100%!important}.settings-sidebar{border-right:none!important}.settings-nav-item{font-family:var(--font-ui)!important;font-size:.88rem!important;border-radius:0 8px 8px 0!important}.settings-section-title{font-family:var(--font-ui)!important}.artifact-code-preview{background:#1e1f29;border-radius:0 0 8px 8px;padding:10px 14px;font-family:var(--font-mono);font-size:.75rem;line-height:1.55;color:#f8f8f2;overflow:hidden;max-height:100px;border-top:.5px solid rgba(255,255,255,.07)}.chat-area-wrapper{overflow:hidden}.preview-panel-wrapper{flex-shrink:0!important;overflow:hidden!important}.nav-item[data-id=design]{display:none!important}.page-topbar-left{justify-content:flex-start!important}.settings-row-label{font-family:var(--font-ui)!important}.popup-divider{height:.5px!important;background:#353434!important}.settings-card{border:.5px solid rgb(53 52 52)!important}hr{height:.5px!important;border:none!important;background:#353434!important}.code-preview-panel.open{background:transparent!important}.code-preview-panel .panel-header{background:#252636!important;border-bottom:.5px solid rgba(255,255,255,.08)!important}[data-theme=light] .code-preview-panel .panel-header{background:var(--bg-2)!important;border-bottom:.5px solid var(--border)!important;color:var(--text-1)!important}[data-theme=light] .code-preview-panel .panel-body pre,[data-theme=light] .code-preview-panel .panel-body code{background:var(--bg-1)!important;color:var(--text-1)!important}[data-theme=light] .messages-scroll-wrap::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .messages-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#00000038}.settings-nav-item,.settings-sidebar .settings-nav-item{font-family:var(--font-ui)!important;font-size:.88rem!important}.settings-sidebar{border-right:none!important;background:transparent!important}.code-preview-panel.open{height:100%!important;display:flex!important;flex-direction:column!important}.chat-area-wrapper{display:flex!important;flex-direction:row!important;flex:1!important;overflow:hidden!important;position:relative!important}.message.ai-msg .message-content p,.message.ai-msg .message-content li{font-family:var(--font-serif)!important;font-weight:300!important;font-size:.92rem!important;line-height:1.8!important;color:#ffffffd9!important}.message.ai-msg .message-content h2{font-family:var(--font-ui)!important;font-size:.82rem!important;font-weight:600!important;color:#ffffff80!important;letter-spacing:.01em!important;margin:12px 0 4px!important;text-transform:none!important}.message.ai-msg .message-content h3{font-family:var(--font-ui)!important;font-size:.78rem!important;font-weight:600!important;color:#ffffff73!important;margin:8px 0 3px!important}[data-theme=light] .message.ai-msg .message-content,[data-theme=light] .message.ai-msg .message-content p,[data-theme=light] .message.ai-msg .message-content li{color:#1a1a18eb!important}[data-theme=light] .message.ai-msg .message-content h2{color:#1a1a18b3!important}[data-theme=light] .message.ai-msg .message-content h3{color:#1a1a1899!important}[data-theme=light] .message.ai-msg .message-content strong,[data-theme=light] .user-msg-card .message-content,[data-theme=light] .user-msg-card .message-content p,[data-theme=light] .user-msg-card .message-content li{color:#1a1a18!important}[data-theme=light] .message-sender{color:#1a1a1899!important}.message-content pre::-webkit-scrollbar,.message-content pre code::-webkit-scrollbar{height:6px;width:6px}.message-content pre::-webkit-scrollbar-track,.message-content pre code::-webkit-scrollbar-track{background:transparent}.message-content pre::-webkit-scrollbar-thumb,.message-content pre code::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:99px}.message-content pre::-webkit-scrollbar-thumb:hover,.message-content pre code::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=light] .message-content code{border:none!important;background:#0000000d!important;padding:1px 5px!important}[data-theme=light] .message-content pre code{background:none!important;padding:14px 16px 16px!important}.message.user-msg .user-msg-footer .message-timestamp{display:none!important}.chat-container{display:flex!important;flex-direction:column!important;align-items:center!important}.messages-list{width:100%!important}.message.user-msg .message-avatar{display:none!important}.artifact-card:hover{border-color:#ffffff2e!important}.input-box:focus-within{border-color:transparent!important;outline:none!important}.message-content{font-size:.94rem!important}.popup-divider{height:.5px!important}@keyframes phIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes phOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.main-topbar{border-bottom:none!important;box-shadow:none!important}.input-box{background:#2c2c2b!important;border:1px solid transparent!important;border-radius:14px!important;transition:border-color .12s!important}.input-textarea{background:transparent!important;outline:none!important;box-shadow:none!important}.input-textarea:focus{outline:none!important;box-shadow:none!important}.input-wrapper{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:0 0 16px!important;flex-shrink:0!important}.input-wrapper .input-box,.input-wrapper>div{max-width:52rem!important;width:calc(100% - 48px)!important}.input-wrapper .input-disclaimer{max-width:52rem!important;width:calc(100% - 48px)!important;margin:0 auto!important}.chat-area-wrapper{display:flex!important;flex-direction:row!important;flex:1!important;overflow:hidden!important;min-height:0!important}.chat-container{flex:1 1 0!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important}.messages-scroll-wrap{flex:1!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;margin-right:0!important;padding-right:0!important}.messages-scroll-wrap::-webkit-scrollbar{width:4px}.messages-scroll-wrap::-webkit-scrollbar-track{background:transparent}.messages-scroll-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.messages-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#fff3}.messages-list{max-width:52rem!important;width:100%!important;margin:0 auto!important;padding:16px 24px!important;flex-shrink:0!important}.welcome-input-wrap{width:100%!important;max-width:52rem!important}.drag-divider{cursor:col-resize}.drag-divider:hover>div{background:#ffffff40!important}.nav-item[data-id=customize]{display:none!important}.sidebar-toggle-btn{opacity:.4!important;transition:opacity .14s!important}.sidebar-toggle-btn:hover{opacity:.85!important}.recents-section-label{font-size:.74rem!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:500!important}.chat-item{position:relative;overflow:hidden}.chat-item-gradient{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:64px!important;background:transparent!important;pointer-events:none!important;z-index:1!important}.chat-item:hover .chat-item-gradient{background:linear-gradient(to right,transparent,#111110)!important}.chat-item.active .chat-item-gradient{opacity:0!important}[data-theme=light] .chat-item-gradient{background:transparent!important}[data-theme=light] .chat-item:hover .chat-item-gradient{background:linear-gradient(to right,transparent,var(--surface-hover))!important}.chat-item-more{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;cursor:pointer!important;color:#fff9!important;opacity:0!important;transition:opacity .12s,background .12s,color .12s!important;z-index:2!important}.chat-item:hover .chat-item-more{opacity:1!important;background:#121212!important}.chat-item-more:hover{background:#121212!important;color:#ffffffe6!important}[data-theme=light] .chat-item-more{color:#1a1a1880!important}[data-theme=light] .chat-item:hover .chat-item-more{background:transparent!important;color:#1a1a1899!important}[data-theme=light] .chat-item-more:hover{background:#00000014!important;color:#1a1a18e6!important}.preview-panel-wrapper{display:flex!important;flex-direction:column!important;flex-shrink:0!important;overflow:hidden!important;margin-top:20px!important}.code-preview-panel.open{flex:1!important;height:100%!important;display:flex!important;flex-direction:column!important;background:transparent!important;border-radius:0!important;margin:0!important}.sidebar{border-right:.5px solid rgb(53 52 52)!important}input:focus,textarea:focus,select:focus{outline:none!important;box-shadow:none!important}.welcome-chips{justify-content:center!important}[data-theme=light] .input-box{background:#f0f0ef!important;border:1px solid transparent!important}[data-theme=light] .input-box:hover,[data-theme=light] .input-box:focus-within{border:1px solid #b8b8b5!important}.help-float-btn{box-shadow:0 6px 20px #00000040}[data-theme=light] .help-float-btn{box-shadow:0 2px 8px #00000014}.input-box,.input-box:hover,.input-box:focus-within{box-shadow:none!important;outline:none!important;border:none!important}