:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-heading: "Newsreader", Georgia, "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;font-family:var(--font-body);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ios input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),html.ios textarea,html.ios select{font-size:16px!important}[data-theme=dark]{--bg-base: #09090b;--bg-surface: #18181b;--bg-elevated: #27272a;--bg-hover: #3f3f46;--border: rgba(244, 244, 245, .08);--border-strong: rgba(244, 244, 245, .16);--border-accent: rgba(212, 212, 216, .28);--text-primary: #fafafa;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--accent-gold: #d4d4d8;--accent-warm: #a1a1aa;--accent-warm-hover: #e4e4e7;--accent-blue: #93c5fd;--accent-green: #86efac;--accent-green-bg: rgba(134, 239, 172, .08);--accent-green-border: rgba(134, 239, 172, .22);--accent-red: #f87171;--code-bg: #18181b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .7);--overlay-bg: rgba(0, 0, 0, .7);--send-btn-text: #09090b;--scrollbar-thumb: rgba(244, 244, 245, .16);--scrollbar-thumb-hover: rgba(244, 244, 245, .28);--composer-grad-start: #141418;--composer-grad-end: #1f1f23;color-scheme:dark}[data-theme=light]{--bg-base: #f5f5f0;--bg-surface: #ffffff;--bg-elevated: #f0ede6;--bg-hover: #e8e4dc;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--border-accent: rgba(63, 63, 70, .28);--text-primary: #1a1a1a;--text-secondary: #5a5a5a;--text-muted: #9a9a9a;--accent-gold: #27272a;--accent-warm: #3f3f46;--accent-warm-hover: #18181b;--accent-blue: #1f2937;--accent-green: #166534;--accent-green-bg: rgba(22, 101, 52, .06);--accent-green-border: rgba(22, 101, 52, .18);--accent-red: #991b1b;--code-bg: #f0ede6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .25);--send-btn-text: #ffffff;--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-thumb-hover: rgba(0, 0, 0, .22);--composer-grad-start: var(--bg-surface);--composer-grad-end: var(--bg-elevated);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--bg-base);color:var(--text-primary)}#root{height:100vh;height:100dvh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.markdown-content{padding:12px}.markdown-content p{margin:0 0 12px;line-height:1.7}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:20px 0 10px;font-family:var(--font-heading);color:var(--text-primary);font-weight:600}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:24px}.markdown-content li{margin:4px 0;line-height:1.7}.markdown-content pre{background:var(--code-bg);padding:14px 16px;border-radius:var(--radius-sm);overflow-x:auto;margin:0 0 12px;border:1px solid var(--border)}.markdown-content code{background:var(--code-bg);padding:2px 7px;border-radius:4px;font-family:var(--font-mono);font-size:.88em;color:var(--accent-warm)}.markdown-content pre code{background:none;padding:0;color:var(--text-primary)}.markdown-content blockquote{margin:0 0 12px;padding:8px 16px;border-left:3px solid var(--accent-gold);color:var(--text-secondary);background:#d4af370a;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-content a{color:var(--accent-blue);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content table{width:100%;border-collapse:collapse;margin:0 0 12px}.markdown-content th,.markdown-content td{padding:8px 12px;border:1px solid var(--border);text-align:left}.markdown-content th{background:var(--bg-elevated);font-weight:600}.sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative}.sidebar-header{padding:20px;border-bottom:1px solid var(--border)}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sidebar-header h1{font-family:var(--font-heading);font-size:20px;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.02em}.brand-title{display:inline-flex;align-items:center;gap:10px}.brand-logo{position:absolute;inset:0;width:100%;height:100%;border-radius:6px;object-fit:cover;opacity:0;transition:opacity .22s ease}.brand-logo-stack{position:relative;width:24px;height:24px;display:inline-block}.brand-logo.active{opacity:1}.sidebar-actions{display:flex;gap:4px;align-items:center}.settings-btn{background:none;border:1px solid transparent;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all var(--transition-fast)}.settings-btn:hover{color:var(--accent-gold);border-color:var(--border);background:var(--bg-elevated)}.sidebar-actions>.settings-btn:not(:first-child){display:none}.new-conversation-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--accent-warm) 0%,var(--accent-gold) 100%);border:none;border-radius:var(--radius-md);color:var(--send-btn-text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);transition:all var(--transition-normal);letter-spacing:.01em}.new-conversation-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #d4af3733}.new-conversation-btn:active{transform:translateY(0)}[data-theme=dark] .new-conversation-btn{background:linear-gradient(135deg,#f4f4f5,#d4d4d8);color:#09090b;box-shadow:none}[data-theme=dark] .new-conversation-btn:hover{background:linear-gradient(135deg,#fff,#e4e4e7);box-shadow:none}.sidebar-section-label{padding:12px 20px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.conversation-list{flex:1;overflow-y:auto;padding:8px}.no-conversations{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px;font-style:italic}.conversation-item{padding:12px 14px;margin-bottom:2px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.conversation-item:hover,.conversation-item.active{background:var(--bg-elevated)}.conversation-title{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-title{color:var(--accent-warm)}.conversation-meta{color:var(--text-muted);font-size:11px;letter-spacing:.02em}.conversation-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.conversation-actions{display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}@media(hover:hover)and (pointer:fine){.conversation-item:hover .conversation-actions{opacity:1;pointer-events:auto}}@media(hover:none){.conversation-item.active .conversation-actions{opacity:1;pointer-events:auto}}.conversation-icon-btn{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-sm);width:24px;height:22px;padding:0;line-height:1;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.conversation-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.conversation-icon-btn.save:hover{background:#3db06e1a;border-color:#3db06e4d;color:var(--accent-green)}.conversation-icon-btn.delete:hover{background:#e054541a;border-color:#e054544d;color:var(--accent-red)}.conversation-edit-row{display:flex;gap:6px;margin-bottom:6px}.conversation-title-input{flex:1;min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:13px;padding:6px 8px;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body)}.conversation-title-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d4af3726}.conversation-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:11px;padding:4px 10px;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast)}.conversation-action-btn:hover{background:var(--bg-hover)}.conversation-action-btn.save{background:var(--accent-gold);color:var(--bg-base);border-color:var(--accent-gold);font-weight:600}.conversation-action-btn.save:hover{background:var(--accent-warm-hover)}.sidebar-footer{padding:22px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:0}.sidebar-footer-btn{width:100%;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-body);transition:all var(--transition-fast)}.sidebar-footer-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.sidebar-footer-btn.secondary{width:100%;align-self:stretch;display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;padding:10px 12px;margin-left:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;font-size:13px;line-height:1.2}.sidebar-footer-btn.secondary:hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}.sidebar-footer-btn.secondary:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.stage{margin:20px 0;padding:24px;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);animation:fadeInUp .4s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage-title{margin:0 0 18px;color:var(--accent-gold);font-size:14px;font-weight:600;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.stage-title:before{content:"";display:inline-block;width:3px;height:16px;background:var(--accent-gold);border-radius:2px}.tabs{display:flex;gap:4px;margin-bottom:0;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:9px 18px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);transition:all var(--transition-fast);position:relative;margin-bottom:-1px}.tab:hover{color:var(--text-secondary);background:var(--bg-elevated)}.tab.active{background:var(--bg-elevated);color:var(--accent-warm);border-color:var(--border);border-bottom-color:var(--bg-elevated);font-weight:500}.tab-content{background:var(--bg-elevated);padding:20px;border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--border);border-top:none}.model-name{color:var(--text-muted);font-size:11px;margin-bottom:14px;font-family:var(--font-mono);letter-spacing:.02em;padding:4px 10px;background:var(--bg-base);border-radius:var(--radius-sm);display:inline-block}.response-text{color:var(--text-primary);line-height:1.7}.stage2{background:var(--bg-surface)}.stage2 h4{margin:24px 0 8px;color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-body);letter-spacing:.02em}.stage2 h4:first-of-type{margin-top:0}.stage-description{margin:0 0 14px;color:var(--text-muted);font-size:12px;line-height:1.6}.aggregate-rankings{background:#5b8def0d;padding:20px;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid rgba(91,141,239,.12)}.aggregate-rankings h4{margin:0 0 14px;color:var(--accent-blue);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.aggregate-list{display:flex;flex-direction:column;gap:6px}.aggregate-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-fast)}.aggregate-item:first-child{border-color:var(--border-accent);background:#d4af370a}.rank-position{color:var(--accent-gold);font-weight:700;font-size:16px;min-width:32px;font-family:var(--font-heading)}.aggregate-item:first-child .rank-position{color:var(--accent-warm);font-size:18px}.rank-model{flex:1;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;font-weight:500}.rank-score{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.stage2 .tabs{display:flex;gap:4px;margin-bottom:0;flex-wrap:wrap;border-bottom:1px solid var(--border)}.stage2 .tab{padding:9px 18px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);transition:all var(--transition-fast);margin-bottom:-1px}.stage2 .tab:hover{color:var(--text-secondary);background:var(--bg-elevated)}.stage2 .tab.active{background:var(--bg-elevated);color:var(--accent-warm);border-color:var(--border);border-bottom-color:var(--bg-elevated);font-weight:600}.stage2 .tab-content{background:var(--bg-elevated);padding:20px;border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--border);border-top:none;margin-bottom:20px}.ranking-model{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-bottom:14px;padding:4px 10px;background:var(--bg-base);border-radius:var(--radius-sm);display:inline-block;letter-spacing:.02em}.ranking-content{color:var(--text-primary);line-height:1.7;font-size:13px}.parsed-ranking{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.parsed-ranking strong{color:var(--accent-blue);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.parsed-ranking ol{margin:10px 0 0;padding-left:24px;color:var(--text-primary)}.parsed-ranking li{margin:5px 0;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.rank-count{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.stage3{background:var(--accent-green-bg);border-color:var(--accent-green-border)}.stage3 .stage-title{color:var(--accent-green)}.stage3 .stage-title:before{background:var(--accent-green)}.final-response{background:var(--bg-elevated);padding:24px;border-radius:var(--radius-md);border:1px solid var(--accent-green-border)}.chairman-label{color:var(--accent-green);font-size:11px;font-family:var(--font-mono);margin-bottom:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;background:#3db06e0f;border-radius:var(--radius-sm);display:inline-block}.final-text{color:var(--text-primary);line-height:1.75;font-size:14px}.chat-interface{--composer-height: 0px;--content-max-width: 980px;--content-side-pad: 24px;--composer-mask-height: 100px;flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-base);position:relative}.chat-interface:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--composer-mask-height);background:var(--bg-base);pointer-events:none;z-index:44}.messages-container{display:flex;flex-direction:column;flex:1;overflow-y:auto;scrollbar-gutter:stable both-edges;padding:32px var(--content-side-pad);padding-bottom:calc(var(--composer-height) + 16px);scroll-behavior:smooth;overscroll-behavior-y:contain}.messages-container>*{width:min(100%,var(--content-max-width));margin-left:auto;margin-right:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;gap:8px;opacity:0;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{color:var(--accent-gold);opacity:.25;margin-bottom:8px}.empty-state h2{margin:0;font-size:28px;font-family:var(--font-heading);color:var(--text-primary);font-weight:500;letter-spacing:-.02em}.empty-state p{margin:0;font-size:15px;color:var(--text-muted)}.message-group{margin-bottom:36px;animation:fadeInUp .3s ease both}.user-message,.assistant-message{margin-bottom:16px}.message-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body)}.user-message .message-content{background:var(--bg-surface);padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);line-height:1.7;max-width:75%;white-space:pre-wrap;position:relative}.user-image-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.user-image-thumb{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:var(--bg-base)}.user-image-placeholder{min-width:120px;min-height:120px;border-radius:10px;border:1px dashed var(--border);background:#1417228f;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:8px;font-size:12px;text-align:center}.loading-indicator{display:flex;align-items:center;gap:12px;padding:16px;color:var(--text-secondary);font-size:13px;font-style:italic}.stage-loading{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:12px 0;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);font-size:13px}.assistant-error-card{margin:12px 0;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface)}.assistant-error-card.error{border-color:#e0545459;background:#e0545414}.assistant-error-card.warning{border-color:#e8a23a59;background:#e8a23a14}.assistant-error-title{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.assistant-error-description{color:var(--text-secondary);font-size:12px;line-height:1.5}.assistant-error-hint{color:var(--text-muted);font-size:12px;line-height:1.45;margin-top:6px}.spinner{width:16px;height:16px;border:2px solid rgba(212,175,55,.24);border-top-color:var(--accent-gold);border-right-color:#d4af37b8;border-radius:50%;animation:spin .9s linear infinite;flex-shrink:0;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}.input-form{--composer-top-gap: 12px;--composer-fade-height: 72px;display:flex;flex-direction:column;gap:10px;padding:var(--composer-top-gap) var(--content-side-pad) 0;background:transparent;position:absolute;left:0;right:0;bottom:0;z-index:45}.composer-shell{width:min(100%,var(--content-max-width));margin:0 auto 16px;background:linear-gradient(180deg,var(--composer-grad-start) 0%,var(--composer-grad-end) 100%);border-radius:28px;box-shadow:0 20px 36px #0000001f,0 var(--composer-mask-height) 0 0 var(--bg-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 14px 10px}.hidden-file-input{display:none}.selected-images-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.selected-image-item{position:relative}.selected-image-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:var(--bg-base)}.selected-image-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:#141722f2;color:var(--text-secondary);cursor:pointer;line-height:1;font-size:14px}.selected-image-remove:hover{color:var(--accent-red)}.attachment-error{margin-bottom:6px;color:#f7a7a7;font-size:12px}.vision-conflict-warning{margin-bottom:6px;color:#f7c27d;font-size:12px}.model-toggle-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:14px;padding:6px 8px;color:var(--text-muted);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.model-toggle-btn:hover,.model-toggle-btn.active{color:var(--accent-warm);background:#d4af3714}.model-toggle-label{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-toggle-chevron{transition:transform var(--transition-fast);opacity:.5}.model-toggle-chevron.open{transform:rotate(180deg)}.cost-estimate{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.cost-strip{display:none}.composer-actions{min-width:0;display:inline-flex;align-items:center;gap:10px}.composer-left-actions{min-width:0;display:inline-flex;align-items:center;gap:8px}.attach-image-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);border-radius:14px;padding:6px 8px;color:var(--text-muted);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.attach-image-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-secondary)}.attach-image-btn:disabled{opacity:.45;cursor:not-allowed}.input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.input-model-settings{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;width:min(100%,var(--content-max-width));margin:0 auto;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#141722b8;animation:fadeInUp .2s ease both}.inline-setting-group{flex:1;min-width:0}.inline-setting-group.chairman-group{flex:0 0 220px}.inline-setting-label{font-size:10px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.inline-model-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inline-model-chip{display:inline-flex;align-items:center;gap:5px;background:#d4af370f;border:1px solid var(--border-accent);border-radius:20px;padding:3px 10px;font-size:11px;color:var(--accent-warm);font-weight:500;transition:all var(--transition-fast)}.inline-model-chip:hover{background:#d4af371f}.inline-chip-remove{background:none;border:none;font-size:14px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0;transition:color var(--transition-fast)}.inline-chip-remove:hover{color:var(--accent-red)}.inline-chip-remove:disabled{opacity:.3;cursor:not-allowed}.inline-model-add{padding:3px 8px;border:1px dashed var(--border-strong);border-radius:20px;font-size:11px;background:transparent;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);appearance:none;-webkit-appearance:none}.inline-model-add:hover{border-color:var(--accent-gold);color:var(--accent-warm)}.inline-model-add:focus{outline:none;border-color:var(--accent-gold)}.inline-model-select{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-fast)}.inline-model-select:focus{outline:none;border-color:var(--accent-gold)}.inline-model-select:hover{border-color:var(--border-strong)}.input-row{display:block}.message-input{width:100%;padding:8px 10px;background:transparent;border:none;border-radius:0;color:var(--text-primary);font-size:16px;font-family:var(--font-body);line-height:1.5;outline:none;resize:none;min-height:56px;max-height:180px;transition:color var(--transition-fast)}.message-input::placeholder{color:var(--text-muted)}.message-input:focus{outline:none}.message-input:disabled{opacity:.6;cursor:not-allowed}.send-button{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-warm) 0%,var(--accent-gold) 100%);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--send-btn-text);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.send-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3740}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:1;cursor:not-allowed;color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border);filter:none}@media(max-width:900px){.messages-container{--content-side-pad: 12px;scrollbar-gutter:auto;padding:16px var(--content-side-pad);padding-bottom:calc(var(--composer-height) + 12px)}.input-form{--composer-top-gap: 10px;--composer-fade-height: 56px;padding:var(--composer-top-gap) var(--content-side-pad) 0}.composer-shell{border-radius:22px;padding:10px 12px 9px;margin-bottom:calc(12px + env(safe-area-inset-bottom))}.input-model-settings{flex-direction:column}.inline-setting-group,.inline-setting-group.chairman-group{flex:1 1 100%;min-width:0}.user-message .message-content{max-width:100%}.model-toggle-label{max-width:200px}.input-toolbar,.composer-left-actions{gap:6px}.cost-estimate{font-size:10px;max-width:240px}}@media(max-width:640px){.chat-interface{--content-side-pad: 12px}.chat-interface{--composer-height: 188px}.messages-container{padding:12px var(--content-side-pad);padding-bottom:calc(var(--composer-height) + 12px)}.message-group{margin-bottom:24px}.message-label{margin-bottom:6px;font-size:10px}.user-message .message-content{padding:12px 14px;border-radius:12px;max-width:100%;font-size:14px;line-height:1.55}.user-image-thumb{width:92px;height:92px}.user-image-placeholder{min-width:92px;min-height:92px;font-size:11px}.stage-loading{padding:12px 14px;font-size:12px;border-radius:12px}.input-form{--composer-top-gap: 10px;--composer-fade-height: 48px;gap:8px;background:transparent;padding:var(--composer-top-gap) var(--content-side-pad) 0}.composer-shell{border-radius:20px;padding:10px 10px 8px;margin-bottom:calc(12px + env(safe-area-inset-bottom))}.model-toggle-label{max-width:140px}.attach-image-btn span{display:none}.selected-image-thumb{width:64px;height:64px}.input-model-settings{gap:10px;padding:10px 12px;margin-bottom:0}.inline-model-chip{padding:5px 10px;font-size:11px}.inline-model-add,.inline-model-select{min-height:36px;font-size:12px}.input-row{display:block}.message-input{padding:6px 8px;min-height:42px;font-size:15px}.cost-estimate{display:none}.cost-strip{display:block;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.01em;padding:4px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-button{width:42px;height:42px;border-radius:999px}.empty-state{padding:16px}.empty-state h2{font-size:24px}.empty-state p{font-size:14px}}.settings-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.settings-panel{width:440px;max-width:90vw;height:100vh;height:100dvh;background:var(--bg-surface);box-shadow:var(--shadow-lg);overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--border);animation:slideIn .25s ease}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-header h2{margin:0;font-size:22px;font-family:var(--font-heading);color:var(--text-primary);font-weight:500;letter-spacing:-.02em}.settings-close{background:none;border:1px solid var(--border);font-size:22px;cursor:pointer;color:var(--text-muted);padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.settings-close:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-strong)}.settings-section{padding:20px 0;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body)}.settings-warning{font-size:12px;color:var(--accent-red);margin:0 0 12px;line-height:1.5;opacity:.9}.settings-hint{font-size:12px;color:var(--text-muted);margin:0 0 12px;line-height:1.5}.api-key-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.api-key-input{flex:1;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);background:var(--bg-base);color:var(--text-primary);transition:border-color var(--transition-fast)}.api-key-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d4af371a}.api-key-input::placeholder{color:var(--text-muted)}.btn-small{padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);font-size:12px;cursor:pointer;white-space:nowrap;color:var(--text-secondary);font-family:var(--font-body);font-weight:500;transition:all var(--transition-fast)}.btn-small:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-small.btn-primary{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-base);font-weight:600}.btn-small.btn-primary:hover{background:var(--accent-warm-hover)}.session-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--text-muted);cursor:pointer}.api-key-actions-row{display:flex;align-items:center;gap:8px;margin-top:10px}.settings-inline-status{font-size:12px;color:var(--text-muted)}.settings-inline-success{font-size:12px;color:var(--accent-green);margin:8px 0 0}.settings-inline-error{font-size:12px;color:var(--accent-red);margin:8px 0 0}.session-toggle input{cursor:pointer;accent-color:var(--accent-gold)}.model-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.model-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#d4af3714;border:1px solid var(--border-accent);border-radius:20px;font-size:12px;color:var(--accent-warm);font-weight:500;transition:all var(--transition-fast)}.model-chip:hover{background:#d4af371f}.chip-remove{background:none;border:none;font-size:16px;line-height:1;cursor:pointer;color:var(--text-muted);padding:0 2px;transition:color var(--transition-fast)}.chip-remove:hover:not(:disabled){color:var(--accent-red)}.chip-remove:disabled{opacity:.25;cursor:not-allowed}.model-add-select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--bg-base);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:border-color var(--transition-fast)}.model-add-select:focus{outline:none;border-color:var(--accent-gold)}.model-add-select:hover{border-color:var(--border-strong)}.btn-reset{padding:9px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);font-size:12px;cursor:pointer;color:var(--text-muted);font-family:var(--font-body);transition:all var(--transition-fast)}.btn-reset:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-strong)}.btn-reset:disabled{opacity:.55;cursor:not-allowed}.settings-hidden-file-input{display:none}.settings-data-row{display:flex;gap:10px;flex-wrap:wrap}.settings-import-mode{display:inline-flex;align-items:center;gap:8px;margin-top:10px}.settings-import-select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--bg-base);color:var(--text-secondary);font-size:12px}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-card{width:100%;max-width:460px;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;border:1px solid var(--border);animation:modalScaleIn .2s ease}.modal-card h3{margin:0 0 10px;font-size:20px;font-family:var(--font-heading);color:var(--text-primary);font-weight:500}.modal-card p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:14px}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}.modal-btn{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 20px;font-size:13px;cursor:pointer;font-family:var(--font-body);font-weight:500;transition:all var(--transition-fast)}.modal-btn.secondary{background:var(--bg-elevated);color:var(--text-secondary)}.modal-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn.primary{background:var(--accent-gold);color:var(--bg-base);border-color:var(--accent-gold);font-weight:600}.modal-btn.primary:hover{background:var(--accent-warm-hover)}.modal-btn.danger{background:var(--accent-red);color:#fff;border-color:var(--accent-red);font-weight:600}.modal-btn.danger:hover{background:#c94444;border-color:#c94444}*{box-sizing:border-box}.app{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base)}.api-key-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#e8a23a14;border-bottom:1px solid rgba(232,162,58,.15);font-size:13px;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.api-key-banner button{padding:6px 16px;background:var(--accent-warm);color:var(--bg-base);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.api-key-banner button:hover{background:var(--accent-warm-hover)}.api-key-banner button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}[data-theme=light] .api-key-banner{background:linear-gradient(90deg,#f59e0b29,#f59e0b14);border-bottom:1px solid rgba(217,119,6,.3);color:#5b3b0e}[data-theme=light] .api-key-banner button{background:#f59e0b;border-color:#d97706;color:#111827;box-shadow:0 4px 14px #d9770647}[data-theme=light] .api-key-banner button:hover{background:#fbbf24;border-color:#f59e0b;transform:translateY(-1px)}[data-theme=light] .api-key-banner button:active{transform:translateY(0)}[data-theme=dark] .api-key-banner{background:linear-gradient(90deg,#f59e0b24,#f59e0b0f);border-bottom:1px solid rgba(245,158,11,.35);color:#e4e4e7}[data-theme=dark] .api-key-banner button{background:#f59e0b;border-color:#f59e0b;color:#111827;box-shadow:0 4px 14px #f59e0b52}[data-theme=dark] .api-key-banner button:hover{background:#fbbf24;border-color:#fbbf24;transform:translateY(-1px)}[data-theme=dark] .api-key-banner button:active{transform:translateY(0)}@media(max-width:768px){.app{position:relative}.sidebar-wrapper{position:fixed;top:0;bottom:0;left:0;height:100dvh;z-index:100}.sidebar{position:absolute;z-index:100;transform:translate(-100%);transition:transform var(--transition-normal);width:280px;height:100%;box-shadow:2px 0 8px #0003}.sidebar.open,.sidebar-wrapper.open .sidebar{transform:translate(0)}.main-area{width:100%;padding-top:calc(56px + env(safe-area-inset-top))}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--border);background:var(--bg-surface);position:fixed;top:0;left:0;right:0;z-index:95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-topbar-title{font-family:var(--font-heading);font-size:16px;color:var(--text-primary);letter-spacing:-.01em;text-align:center;flex:1}.mobile-topbar-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mobile-topbar-spacer{width:38px;height:38px;flex-shrink:0}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media(min-width:769px){.mobile-topbar,.mobile-overlay{display:none}}.debug-overlay{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#070a12f0;color:var(--text-primary);box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug-overlay.collapsed{right:auto;width:180px}.debug-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px}.debug-overlay-actions{display:flex;gap:6px}.debug-overlay-actions button{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;padding:3px 8px;cursor:pointer}.debug-overlay-body{max-height:38vh;overflow:auto;padding:8px 10px;font-size:11px;line-height:1.35;display:grid;gap:6px}.debug-overlay-line{display:grid;gap:2px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.debug-overlay-time{color:var(--text-muted);font-family:var(--font-mono)}.debug-overlay-source{color:var(--accent-warm);font-family:var(--font-mono)}.debug-overlay-message{color:var(--text-primary)}.debug-overlay-payload{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.debug-overlay-empty{color:var(--text-muted)}