:root{--bg: #ffffff;--surface: #f9fafb;--surface-2: #f3f4f6;--border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--accent-soft-border: #bfdbfe;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--code-bg: rgba(0, 0, 0, .05);--overlay-bg: rgba(255, 255, 255, .85);--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--header-height: 56px;--sidebar-width: 300px}[data-theme=dark]{--bg: #0b0d10;--surface: #151821;--surface-2: #1e222b;--border: #2d333b;--text: #e6e6e6;--text-secondary: #8b949e;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: #1a2332;--accent-soft-border: #303d4d;--danger: #ef4444;--danger-soft: #2a1515;--danger-border: #7f1d1d;--code-bg: rgba(255, 255, 255, .1);--overlay-bg: rgba(0, 0, 0, .75);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:8px 14px;font-size:.9rem;background:var(--accent);color:#fff;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--border)}button.danger{background:var(--danger-soft);color:var(--danger)}button.danger:hover:not(:disabled){background:#fee2e2}.app-layout{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:16px;gap:16px;overflow-y:auto}.sidebar-header h1{margin:0 0 8px;font-size:1.1rem;font-weight:700}.model-badge{display:inline-block;font-size:.75rem;color:var(--text-secondary);background:var(--surface-2);padding:4px 8px;border-radius:999px;border:1px solid var(--border);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:flex;flex-direction:column;gap:8px}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.chat-container{flex:1;display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{height:var(--header-height);display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg)}.chat-header h2{margin:0;font-size:1rem;font-weight:600;flex:1}.chat-header-right{display:flex;align-items:center;gap:10px}.theme-toggle{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:1rem}.theme-toggle:hover:not(:disabled){background:var(--surface-2)}.debug-button{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);padding:6px 10px;font-size:.8rem}.debug-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.menu-button{display:none;background:transparent;color:var(--text);font-size:1.3rem;padding:4px 8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.status-dot.ready{background:#10b981}.messages{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.empty-state{text-align:center;margin:auto;max-width:520px;color:var(--text-secondary);padding:24px}.empty-logo{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:16px;font-size:1.6rem}.empty-state h2{margin:0 0 8px;color:var(--text);font-size:1.5rem}.empty-state p{margin:0 0 20px;line-height:1.5}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.suggestion-chip{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.85rem;text-align:left;max-width:100%}.suggestion-chip:hover:not(:disabled){background:var(--surface);border-color:var(--text-secondary)}.message-row{display:flex;gap:12px;max-width:768px;width:100%;margin:0 auto;align-items:flex-start}.user-row{justify-content:flex-end}.assistant-row{justify-content:flex-start}.tool-row{justify-content:center}.message-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);font-size:.9rem;flex-shrink:0}.message-bubble{padding:14px 18px;border-radius:var(--radius);line-height:1.6;font-size:.95rem;box-shadow:var(--shadow);max-width:calc(100% - 40px)}.user-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.assistant-bubble{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.tool-bubble{background:var(--accent-soft);color:var(--text);border:1px solid var(--accent-soft-border);border-radius:var(--radius);max-width:100%}.tool-call-inline{font-size:.85rem}.tool-call-header{font-weight:600;color:var(--accent);margin-bottom:6px}.tool-call-thought{color:var(--text-secondary);margin-bottom:8px;font-style:italic}.tool-call-args{margin:0;padding:8px;background:var(--surface-2);border-radius:var(--radius-sm);overflow-x:auto;font-size:.8rem}.tool-result{width:100%;max-width:768px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:.85rem;color:var(--text-secondary)}.tool-result summary{cursor:pointer;font-weight:500;color:var(--text)}.tool-error{border-color:var(--danger-border);background:var(--danger-soft)}.tool-error summary{color:var(--danger)}.tool-result pre{margin:10px 0 0;padding:10px;background:var(--bg);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;color:var(--text)}.message-content{white-space:pre-wrap}.inline-code{background:var(--code-bg);padding:2px 5px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.88em}.code-block{background:#1f2937;color:#f3f4f6;padding:14px;border-radius:var(--radius-sm);overflow-x:auto;margin:10px 0;font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.5}.code-lang{display:block;color:#9ca3af;font-size:.75rem;margin-bottom:6px;text-transform:uppercase}.code-block code{white-space:pre}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:7px;height:7px;background:var(--text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{border-top:1px solid var(--border);background:var(--bg);padding:16px;display:flex;flex-direction:column;gap:8px}.input-box{display:flex;align-items:flex-end;gap:10px;max-width:768px;width:100%;margin:0 auto;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.input-box textarea{flex:1;resize:none;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:1rem;line-height:1.5;max-height:200px;min-height:24px;padding:6px 0}.input-box textarea::placeholder{color:var(--text-secondary)}.send-button{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem}.input-footer,.app-footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:.75rem;color:var(--text-secondary)}.app-footer-note{color:var(--text-secondary)}.app-footer-links{display:flex;align-items:center;gap:6px}.link-button{background:transparent;color:var(--text-secondary);padding:2px 4px;font-size:.75rem;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--accent)}.footer-separator{-webkit-user-select:none;user-select:none}.info-modal-card{max-width:560px;max-height:calc(100vh - 32px);overflow:auto}.info-modal-body{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.info-modal-body p{margin:0 0 12px}.info-modal-body ul{margin:0 0 12px;padding-left:20px}.info-modal-body li{margin-bottom:8px}.info-modal-body a{color:var(--accent);text-decoration:none}.info-modal-body a:hover{text-decoration:underline}.settings-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--text);border-radius:0;padding:12px 14px;font-size:.95rem;font-weight:600;text-align:left}.settings-header:hover{background:var(--surface-2)}.settings-chevron{display:inline-block;transition:transform .2s ease;font-size:.8rem}.settings-chevron.open{transform:rotate(90deg)}.settings-list{padding:0 14px 14px;display:flex;flex-direction:column;gap:16px}.setting-row{display:flex;flex-direction:column;gap:8px}.setting-row-header{display:flex;align-items:center;gap:8px;font-size:.9rem}.setting-icon-emoji{font-size:1rem}.setting-label{font-weight:500;color:var(--text)}.setting-value{margin-left:auto;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.85rem}.setting-info-wrapper{position:relative}.setting-info-button{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);font-size:.75rem;font-weight:600}.setting-info-button:hover:not(:disabled){background:var(--border)}.setting-tooltip{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:220px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.8rem;color:var(--text-secondary);box-shadow:var(--shadow);line-height:1.4}.setting-control{display:block;font-size:.85rem;color:var(--text-secondary)}.setting-control input[type=range],.setting-control input[type=number]{display:block;width:100%}.sessions-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sessions-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--text);border-radius:0;padding:12px 14px;font-size:.95rem;font-weight:600;text-align:left}.sessions-header:hover{background:var(--surface-2)}.sessions-chevron{display:inline-block;transition:transform .2s ease;font-size:.8rem}.sessions-chevron.open{transform:rotate(90deg)}.sessions-list{padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}.session-new{width:100%;background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent-soft-border);text-align:center;padding:8px;font-size:.85rem}.session-new:hover{background:var(--accent-soft-border);color:var(--bg)}.session-empty{color:var(--text-secondary);font-size:.85rem;font-style:italic;text-align:center;padding:8px 0}.session-item{display:flex;align-items:center;gap:8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);overflow:hidden}.session-item.active{border-color:var(--accent);background:var(--accent-soft)}.session-title{flex:1;display:flex;flex-direction:column;gap:2px;background:transparent;color:var(--text);padding:8px 10px;text-align:left;border-radius:0;min-width:0}.session-title:hover{background:var(--surface-2)}.session-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-date{font-size:.75rem;color:var(--text-secondary)}.session-delete{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--danger);border-radius:50%;font-size:1.1rem;margin-right:4px}.session-delete:hover{background:var(--danger-soft)}.file-explorer{flex:1;display:flex;flex-direction:column;min-height:120px;overflow:hidden}.file-explorer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.file-explorer-header h3{margin:0;font-size:.95rem}.file-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.file-list li{padding:6px 8px;border-radius:4px;color:var(--text)}.file-list li:hover{background:var(--surface-2)}.file-list li.file-dir{color:var(--accent)}.file-list li.file-empty{color:var(--text-secondary);font-style:italic}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal-card{background:var(--bg);border-radius:var(--radius);padding:24px;max-width:420px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-card h2{margin:0 0 12px;font-size:1.25rem}.modal-card p{margin:0 0 12px;color:var(--text-secondary);line-height:1.5}.modal-filename{font-family:SF Mono,Monaco,monospace;font-size:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;word-break:break-all;color:var(--text-secondary)}.modal-card ul{margin:0 0 20px;padding-left:18px;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:300;padding:16px}.loading-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow)}.spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.loading-message{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px;min-height:1.4em}.progress-bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.progress-text{font-size:.85rem;color:var(--text-secondary)}.file-list li.file-file{cursor:pointer}.file-viewer-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:900px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.file-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.file-viewer-header h2{margin:0;font-size:1rem;font-weight:600;word-break:break-all}.file-viewer-lang{display:inline-block;margin-top:4px;font-size:.75rem;color:var(--text-secondary);background:var(--surface-2);padding:2px 8px;border-radius:999px}.file-viewer-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.file-viewer-actions button{padding:6px 12px;font-size:.85rem}.file-viewer-error{margin:12px 20px 0;padding:10px 12px;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border);border-radius:var(--radius-sm);font-size:.85rem}.file-viewer-loading{padding:40px;text-align:center;color:var(--text-secondary)}.file-viewer-content{flex:1;overflow:auto;margin:0;padding:20px;background:var(--surface);font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.6;color:var(--text);white-space:pre}.file-viewer-content code{font-family:inherit;background:transparent}.file-viewer-edit{flex:1;display:flex;flex-direction:column;overflow:hidden}.file-viewer-edit textarea{flex:1;resize:none;border:none;outline:none;padding:20px;background:var(--surface);color:var(--text);font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.6;white-space:pre;overflow:auto}.spreadsheet-wrapper{flex:1;overflow:auto;background:var(--surface)}.spreadsheet-toolbar{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.spreadsheet-toolbar button{padding:6px 12px;font-size:.85rem}.spreadsheet-grid{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.spreadsheet-grid td{border:1px solid var(--border);padding:0;min-width:100px;height:32px}.spreadsheet-grid input{width:100%;height:100%;border:none;outline:none;padding:4px 8px;background:transparent;color:var(--text);font-family:inherit;font-size:inherit}.spreadsheet-grid input:focus{background:var(--accent-soft)}.markdown-body{font-size:.95rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:24px;margin-bottom:12px;color:var(--text)}.markdown-body p{margin-bottom:12px}.markdown-body ul,.markdown-body ol{margin-bottom:12px;padding-left:24px}.markdown-body code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.88em}.markdown-body pre{background:var(--surface-2);padding:14px;border-radius:var(--radius-sm);overflow-x:auto;margin-bottom:12px}.markdown-body pre code{background:transparent;padding:0}.markdown-body blockquote{border-left:4px solid var(--border);padding-left:16px;margin-left:0;color:var(--text-secondary)}.markdown-body a{color:var(--accent)}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:12px}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.markdown-body th{background:var(--surface-2)}.file-viewer-footer{display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--border);background:var(--bg)}.file-viewer-content .hljs{color:var(--text);background:transparent}.file-viewer-content .hljs-keyword,.file-viewer-content .hljs-built_in,.file-viewer-content .hljs-type,.file-viewer-content .hljs-literal{color:#d73a49}.file-viewer-content .hljs-string,.file-viewer-content .hljs-regexp,.file-viewer-content .hljs-addition{color:#032f62}.file-viewer-content .hljs-number,.file-viewer-content .hljs-attr,.file-viewer-content .hljs-variable,.file-viewer-content .hljs-template-variable{color:#005cc5}.file-viewer-content .hljs-comment,.file-viewer-content .hljs-quote,.file-viewer-content .hljs-deletion{color:#6a737d;font-style:italic}.file-viewer-content .hljs-function,.file-viewer-content .hljs-title,.file-viewer-content .hljs-section,.file-viewer-content .hljs-selector-id{color:#6f42c1}.file-viewer-content .hljs-class,.file-viewer-content .hljs-symbol,.file-viewer-content .hljs-tag,.file-viewer-content .hljs-name,.file-viewer-content .hljs-attribute{color:#22863a}.file-viewer-content .hljs-meta,.file-viewer-content .hljs-strong,.file-viewer-content .hljs-emphasis{color:var(--text)}[data-theme=dark] .file-viewer-content .hljs-keyword,[data-theme=dark] .file-viewer-content .hljs-built_in,[data-theme=dark] .file-viewer-content .hljs-type,[data-theme=dark] .file-viewer-content .hljs-literal{color:#ff7b72}[data-theme=dark] .file-viewer-content .hljs-string,[data-theme=dark] .file-viewer-content .hljs-regexp,[data-theme=dark] .file-viewer-content .hljs-addition{color:#a5d6ff}[data-theme=dark] .file-viewer-content .hljs-number,[data-theme=dark] .file-viewer-content .hljs-attr,[data-theme=dark] .file-viewer-content .hljs-variable,[data-theme=dark] .file-viewer-content .hljs-template-variable{color:#79c0ff}[data-theme=dark] .file-viewer-content .hljs-comment,[data-theme=dark] .file-viewer-content .hljs-quote,[data-theme=dark] .file-viewer-content .hljs-deletion{color:#8b949e}[data-theme=dark] .file-viewer-content .hljs-function,[data-theme=dark] .file-viewer-content .hljs-title,[data-theme=dark] .file-viewer-content .hljs-section,[data-theme=dark] .file-viewer-content .hljs-selector-id{color:#d2a8ff}[data-theme=dark] .file-viewer-content .hljs-class,[data-theme=dark] .file-viewer-content .hljs-symbol,[data-theme=dark] .file-viewer-content .hljs-tag,[data-theme=dark] .file-viewer-content .hljs-name,[data-theme=dark] .file-viewer-content .hljs-attribute{color:#7ee787}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90}.menu-button{display:block}.messages{padding:16px 12px}.message-bubble{max-width:calc(100% - 36px);padding:12px 14px}.input-area{padding:12px}.chat-header{padding:0 12px}}@media(min-width:769px){.sidebar-backdrop{display:none}}.file-input{display:none}.attach-button{background:transparent;color:var(--text-secondary);font-size:1.2rem;padding:8px;line-height:1}.attach-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.pending-images{display:flex;gap:8px;padding:0 16px 8px;overflow-x:auto}.pending-image{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);flex-shrink:0}.pending-image img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;border-radius:50%;background:#0009;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.message-image{max-width:240px;max-height:160px;border-radius:var(--radius-sm);object-fit:cover}.image-loading{font-size:.8rem;color:var(--text-secondary)}