*,:before,:after{box-sizing:border-box}:root{--bg:#fafaf9;--bg-chat:transparent;--bg-user:#1a1a1a;--bg-assistant:transparent;--bg-card:#fff;--bg-composer:#fff;--border:#e4e4e7;--border-focus:#18181b;--text:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--accent:#18181b;--accent-hover:#27272a;--code-bg:#18181b;--code-text:#e4e4e7;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:22px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001a}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app{grid-template:"topbar""main"1fr"status"/1fr;min-height:100vh;padding:16px 20px 12px;display:grid;overflow:hidden}.app.panel-open{grid-template:"topbar panel""main panel"1fr"status panel"/30fr 70fr;max-width:none}.app.panel-fullscreen{grid-template-columns:1fr;grid-template-areas:"topbar""panel""status"}.topbar{grid-area:topbar}.main{grid-area:main}.status{grid-area:status}.main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 0 16px;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-logo{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.topbar h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:20px;font-weight:700}.topbar p{color:var(--text-muted);margin:1px 0 0;font-size:12px}.app.panel-open .topbar{margin-bottom:4px;padding:8px 0 10px}.app.panel-open .topbar-logo{border-radius:8px;width:28px;height:28px;font-size:13px}.app.panel-open .topbar h1{font-size:16px}.app.panel-open .topbar p{display:none}.app.panel-open .topbar-clear{padding:4px 10px;font-size:12px}.app.panel-open .topbar-left{gap:6px}.app.panel-open .chat{gap:14px;padding:8px 0}.app.panel-open .bubble.user .bubble-content{max-width:90%;font-size:14px}.app.panel-open .bubble.assistant .bubble-content{font-size:14px}.app.panel-open .composer{padding:8px 0 2px}.app.panel-open .composer-inner{gap:6px;padding:6px 8px 6px 12px}.app.panel-open .composer textarea{font-size:14px}.app.panel-open .send-btn{width:30px;height:30px}.app.panel-open .status{padding:4px 0 2px;font-size:10px}.topbar-clear{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.topbar-clear:hover{border-color:var(--border-focus);color:var(--text)}.chat{flex-direction:column;flex:1 1 0;gap:20px;min-height:0;padding:12px 0;display:flex;overflow-y:auto}.bubble{gap:10px;max-width:100%;line-height:1.6;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bubble-avatar{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:700;display:grid}.bubble.user{justify-content:flex-end}.bubble.user .bubble-content{background:var(--bg-user);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);max-width:75%;padding:10px 14px;font-size:15px}.bubble.assistant .bubble-content{flex:1;min-width:0;padding-top:2px}.label{opacity:.5;margin-bottom:4px;font-size:12px;font-weight:700}.text{font-size:15px}.muted{color:var(--text-muted)}.composer{border-top:1px solid var(--border);padding:12px 0 4px}.composer-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-end;gap:8px;padding:8px 10px 8px 14px;transition:border-color .2s;display:flex}.composer-inner:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px #18181b14}.composer textarea{resize:none;min-height:24px;max-height:160px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:15px;line-height:1.5}.composer textarea::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:opacity .15s,transform .1s;display:grid}.send-btn:hover:not(:disabled){opacity:.85}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn:disabled{opacity:.3;cursor:not-allowed}.attach-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);background:0 0;border-radius:10px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.attach-btn:hover{border-color:var(--text-muted);color:var(--text);background:#18181b0a}.attach-btn:active{transform:scale(.94)}.attachment-chips{flex-wrap:wrap;gap:6px;padding:8px 12px 4px;display:flex}.attachment-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;max-width:200px;padding:4px 10px 4px 8px;font-size:12px;display:inline-flex}.attachment-chip.uploading{opacity:.7}.attachment-chip.error{background:#fef2f2;border-color:#fca5a5}.attachment-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--text);font-weight:500;overflow:hidden}.attachment-chip-size{color:var(--text-muted);flex-shrink:0;font-size:11px}.attachment-chip-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;font-size:16px;line-height:1}.attachment-chip-remove:hover{color:#dc2626}.attachment-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin}.attachment-check{color:#22c55e;font-weight:700}.attachment-error-icon{color:#dc2626;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.attachment-error-msg{color:#dc2626;padding:4px 12px 0;font-size:12px}.composer.drag-over .composer-inner{border-color:var(--accent);box-shadow:0 0 0 2px #18181b1a}.status{color:var(--text-muted);text-align:center;padding:6px 0 2px;font-size:11px}.markdown-body{white-space:normal}.markdown-body p{margin:0 0 10px}.markdown-body p:last-child,.markdown-body ul:last-child,.markdown-body pre:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{letter-spacing:-.02em;margin:6px 0 8px;line-height:1.3}.markdown-body h1{font-size:22px;font-weight:700}.markdown-body h2{font-size:19px;font-weight:700}.markdown-body h3{font-size:17px;font-weight:600}.markdown-body h4{font-size:15px;font-weight:600}.markdown-body ul{margin:6px 0 10px;padding-left:20px}.markdown-body li{margin:4px 0}.markdown-body strong{font-weight:700}.inline-code{background:#18181b0f;border-radius:5px;padding:2px 6px;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em}.code-block{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-md);white-space:pre;margin:10px 0 12px;padding:14px;font-size:13px;line-height:1.55;overflow-x:auto}.code-block code{font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.bubble.user .inline-code{background:#ffffff29}.sources-box{margin:0 0 8px}.sources-topline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.source-icons{align-items:center;display:flex}.source-dot{background:var(--bg-card);border:2px solid var(--bg);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;margin-left:-5px;text-decoration:none;display:inline-grid;overflow:hidden}.source-dot:first-child{margin-left:0}.source-dot img{object-fit:contain;width:16px;height:16px}.source-dot span{color:var(--text);font-size:11px;font-weight:700}.sources-toggle{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.sources-toggle:hover{border-color:var(--text-muted);color:var(--text)}.sources-list{gap:6px;margin-top:8px;display:grid}.source-card{color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;text-decoration:none;transition:border-color .15s;display:block}.source-card:hover{border-color:var(--text-muted)}.source-card-head{align-items:center;gap:8px;min-width:0;display:flex}.source-card-head img{flex:none;width:16px;height:16px}.source-card-head strong{font-size:13px;line-height:1.3;display:block}.source-card-head span{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.source-card p{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.4}.source-card small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.thinking-row{align-items:center;gap:8px;display:flex}.pulse-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.stream-cursor{background:var(--text);vertical-align:text-bottom;width:2px;height:1em;margin-left:1px;animation:.7s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.chat-image-wrap{margin:8px 0}.chat-image{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:420px;display:block}.chat-image-placeholder{align-items:center;gap:8px;padding:20px 0;display:flex}.chat-image-error{padding:10px 0;font-size:13px}.file-cards-container{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.file-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.file-card:hover{border-color:var(--text-muted)}.file-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.file-card-info{align-items:center;gap:8px;min-width:0;display:flex}.file-card-icon{flex-shrink:0;font-size:20px}.file-card-meta{min-width:0}.file-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.file-card-detail{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.file-card-actions{flex-shrink:0;gap:6px;display:flex}.file-card-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s}.file-card-btn:hover{border-color:var(--text-muted);color:var(--text)}.file-card-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.file-card-btn.primary:hover{background:var(--accent-hover)}.file-card-preview{border-top:1px solid var(--border)}.code-preview{font-size:13px}.code-preview-header{background:#1e1e2e;border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-preview-info{align-items:center;gap:8px;display:flex}.code-preview-lang{color:#cdd6f4;text-transform:uppercase;background:#313244;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.code-preview-lines{color:#6c7086;font-size:11px}.code-preview-actions{gap:6px;display:flex}.code-btn{color:#a6adc8;cursor:pointer;background:0 0;border:1px solid #45475a;border-radius:6px;padding:3px 10px;font-size:11px;transition:all .15s}.code-btn:hover{color:#cdd6f4;background:#313244;border-color:#585b70}.code-preview-body{background:#11111b;max-height:400px;display:flex;overflow-y:auto}.code-line-numbers{text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #313244;flex-direction:column;min-width:40px;padding:12px 0 12px 12px;display:flex}.code-line-numbers span{color:#45475a;padding-right:10px;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.code-preview-code{color:#cdd6f4;white-space:pre;background:0 0;border:none;border-radius:0;flex:1;margin:0;padding:12px;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.code-preview-code code{font-family:inherit;font-size:inherit}.code-preview-code .kw{color:#cba6f7}.code-preview-code .str{color:#a6e3a1}.code-preview-code .cmt{color:#6c7086;font-style:italic}.code-preview-code .num{color:#fab387}.html-preview-toolbar{border-bottom:1px solid var(--border);background:#f8f8f8;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.html-preview-label{color:var(--text-secondary);font-size:12px;font-weight:600}.html-preview-actions,.pdf-preview-actions{gap:6px;display:flex}.preview-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;text-decoration:none;transition:all .15s}.preview-btn:hover{border-color:var(--text-muted);color:var(--text)}.html-preview-frame-wrap,.pdf-preview-frame-wrap{background:#fff}.html-preview-iframe,.pdf-preview-iframe{border:none;width:100%;display:block}.html-preview-resize{border-top:1px solid var(--border);background:#f8f8f8;padding:6px 12px}.pdf-preview-toolbar{border-bottom:1px solid var(--border);background:#f8f8f8;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pdf-preview-label{color:var(--text-secondary);font-size:12px;font-weight:600}.content-panel{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;grid-area:panel;min-height:0;animation:.25s panelFadeIn;display:flex;overflow:hidden}.app.panel-fullscreen .content-panel{border-left:none}@keyframes panelFadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.chat-attachments{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chat-attachment-chip{cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:background .15s;display:inline-flex}.chat-attachment-chip:hover{background:#ffffff38}.chat-attachment-icon{font-size:14px}.chat-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:150px;font-weight:500;overflow:hidden}.chat-attachment-size{color:#ffffff80;font-size:11px}.content-panel-image-wrap{background:#1a1a1a;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.content-panel-image{border-radius:var(--radius-sm);object-fit:contain;max-width:100%;max-height:100%}.content-panel-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.content-panel-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;padding:10px 16px;display:flex}.content-panel-title{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.content-panel-file-icon{flex-shrink:0;font-size:18px}.content-panel-filename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.content-panel-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.content-panel-action-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s}.content-panel-action-btn:hover{border-color:var(--text-muted);color:var(--text)}.content-panel-action-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.content-panel-close{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:30px;height:30px;margin-left:4px;font-size:14px;transition:all .15s;display:grid}.content-panel-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.content-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.content-panel-preview-frame{flex-direction:column;flex:1;min-height:0;display:flex}.content-panel-iframe{border:none;flex:1;width:100%;display:block}.content-panel-code{flex-direction:column;flex:1;min-height:0;display:flex}.content-panel-code-toolbar{background:#1e1e2e;border-bottom:1px solid #313244;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.content-panel-code-info{align-items:center;gap:8px;display:flex}.content-panel-code-body{flex:1;max-height:none!important;overflow-y:auto!important}.python-preview{flex:1;min-height:0;display:flex;overflow:hidden}.python-preview-code{border-right:1px solid #313244;flex-direction:column;width:50%;min-width:0;display:flex}.python-preview-code-body{flex:1;max-height:none!important;overflow-y:auto!important}.python-preview-code-toolbar{background:#1e1e2e;border-bottom:1px solid #313244;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.python-preview-code-info{align-items:center;gap:8px;display:flex}.python-preview-code-actions{align-items:center;gap:6px;display:flex}.python-run-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#22c55e;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.python-run-btn:hover:not(:disabled){background:#16a34a}.python-run-btn:disabled{opacity:.7;cursor:not-allowed}.python-run-btn.running{background:#eab308}.python-run-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite python-spin;display:inline-block}@keyframes python-spin{to{transform:rotate(360deg)}}.python-preview-output{flex-direction:column;width:50%;min-width:0;display:flex}.python-preview-output-toolbar{background:#1e1e2e;border-bottom:1px solid #313244;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.python-preview-output-label{color:#a6adc8;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.python-preview-exit-code{border-radius:4px;padding:2px 8px;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.python-preview-exit-code.success{color:#86efac;background:#166534}.python-preview-exit-code.error{color:#fca5a5;background:#7f1d1d}.python-preview-output-body{background:#11111b;flex:1;padding:12px;overflow-y:auto}.python-preview-placeholder{color:#6c7086;justify-content:center;align-items:center;gap:8px;padding:20px 0;font-size:13px;display:flex}.python-preview-placeholder.running{color:#eab308}.python-output-stdout,.python-output-stderr{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.python-output-stdout{color:#cdd6f4}.python-output-stderr{color:#f38ba8;border-top:1px solid #313244;margin-top:8px;padding-top:8px}@media (width<=768px){.app{padding:10px 12px 8px}.app.panel-open{grid-template-columns:1fr;grid-template-areas:"topbar""panel""main""status"}.app.panel-open .content-panel{border-left:none;border-bottom:1px solid var(--border);max-height:50vh}.app.panel-fullscreen{grid-template-areas:"topbar""panel""status"}.bubble.user .bubble-content{max-width:88%}.file-card-header{flex-direction:column;align-items:flex-start}.file-card-actions{width:100%}.file-card-btn{text-align:center;flex:1}.content-panel-header{padding:8px 12px}.content-panel-actions{gap:2px}.content-panel-action-btn{padding:4px 7px;font-size:11px}.python-preview{flex-direction:column}.python-preview-code,.python-preview-output{border-right:none;width:100%}.python-preview-code{border-bottom:1px solid #313244;max-height:50%}}