:root{color:#202123;background:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #ffffff;--line: #deded8;--accent: #10a37f;--accent-strong: #0b7f64;--shadow: 0 18px 50px rgba(31, 35, 32, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;min-height:100vh;overflow:hidden;background:#f7f7f4}.topbar{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px 20px;border-bottom:1px solid var(--line);background:#f7f7f4e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.model-selector{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:#252623;font-weight:650}.messages{display:flex;flex-direction:column;gap:22px;width:min(840px,calc(100% - 32px));min-height:0;margin:0 auto;padding:42px 0 28px;overflow-y:auto}.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}.message.user{grid-template-columns:minmax(0,1fr) 38px}.message.user .avatar{grid-column:2;grid-row:1;color:#fff;background:#3b6f8f}.message.user .bubble{justify-self:end;max-width:min(680px,100%);background:#e9f2f0}.message.error .bubble{border-color:#e0b7b3;background:#fff4f2}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff;background:var(--accent)}.bubble{min-width:0;max-width:760px;padding:15px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.message-label{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;color:#41433f;font-size:13px;font-weight:700}.message-image{display:block;width:min(220px,100%);max-height:220px;object-fit:cover;margin-bottom:12px;border:1px solid var(--line);border-radius:8px}.message-content{display:grid;gap:10px}.message-content p,.message-content ul,.message-content ol,.message-content h3,.message-content pre{margin:0;color:#2d2f2b}.message-content p,.message-content li{line-height:1.6;white-space:pre-wrap}.message-content h3{margin-top:4px;font-size:16px;line-height:1.35}.message-content ul,.message-content ol{display:grid;gap:7px;padding-left:22px}.message-content strong{font-weight:750}.message-content code{padding:2px 5px;border-radius:5px;background:#f0f1ed;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.message-content pre{overflow-x:auto;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f0f1ed}.message-content pre code{display:block;padding:0;background:transparent;line-height:1.55;white-space:pre}.thinking-dots{display:inline-flex;align-items:center;gap:5px;min-height:26px}.thinking-dots span{width:7px;height:7px;border-radius:999px;background:#7a7d78;animation:thinking-pulse 1s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.14s}.thinking-dots span:nth-child(3){animation-delay:.28s}@keyframes thinking-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:end;width:min(840px,calc(100% - 32px));margin:0 auto 24px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow)}.file-input{display:none}.selected-image-preview{display:grid;grid-column:1 / -1;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:8px;background:#f7f7f4}.selected-image-preview img{width:72px;height:56px;object-fit:cover;border-radius:6px}.selected-image-preview div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.selected-image-preview span{overflow:hidden;color:#3d403b;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.attach-button,.remove-image-button,.send-button{display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px}.attach-button{width:40px;height:40px;color:#5b5f59;background:transparent}.attach-button:hover,.remove-image-button:hover{background:#7f7f7f1f}.attach-button:disabled,.remove-image-button:disabled{cursor:wait;opacity:.6}.remove-image-button{width:32px;height:32px;color:#53564f;background:transparent}.composer textarea{width:100%;min-height:42px;max-height:160px;padding:10px 0;resize:vertical;border:0;outline:0;color:#252721;background:transparent;line-height:1.5}.composer textarea:disabled{color:#777a75;cursor:wait}.send-button{width:40px;height:40px;color:#fff;background:var(--accent)}.send-button:hover{background:var(--accent-strong)}.send-button:disabled{cursor:wait;opacity:.65}@media(max-width:760px){.topbar{padding:10px 12px}.messages,.composer{width:min(100% - 24px,840px)}.messages{padding-top:24px}.message,.message.user{grid-template-columns:32px minmax(0,1fr)}.message.user .avatar{grid-column:1}.message.user .bubble{justify-self:stretch}.avatar{width:32px;height:32px}}