:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--border: #d9e2e7;--muted: #637381;--panel: #ffffff;--primary: #136f63;--primary-strong: #0f5c52;--danger: #b42318;--ink: #1f2933;--accent: #2f80ed}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}body{margin:0;min-width:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:0 14px;background:#fff;color:var(--ink);cursor:pointer}button:hover{border-color:#a8b7bf}button:disabled{cursor:not-allowed;opacity:.6}button.primary{border-color:var(--primary);background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-strong)}input,select,textarea{min-height:42px;width:100%;border:1px solid var(--border);border-radius:6px;padding:0 12px;color:var(--ink);background:#fff}textarea{resize:vertical;padding:12px;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid rgba(47,128,237,.18);border-color:var(--accent)}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(100%,560px);border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:24px;box-shadow:0 12px 36px #1f29330f}.panel.narrow{width:min(100%,420px)}.panel h1,.side-brand h1,.view-header h2{margin:0;letter-spacing:0}.panel h1{font-size:28px;line-height:1.2;margin-bottom:16px}.app-layout{display:grid;grid-template-columns:280px minmax(0,1fr);height:100vh;height:100dvh;min-height:0;width:100%;max-width:100vw;overflow:hidden}.side-menu{position:sticky;top:0;display:flex;height:100vh;height:100dvh;min-height:0;min-width:0;flex-direction:column;border-right:1px solid var(--border);background:#fff;padding:18px}.side-brand{display:flex;min-width:0;align-items:center;gap:12px;padding:4px 0 22px}.side-brand h1{font-size:17px;line-height:1.25}.brand-mark{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-weight:800}.side-footer button{width:100%;justify-content:flex-start}.side-nav{display:grid;gap:8px;margin:8px 0 18px}.side-nav button{width:100%;justify-content:flex-start;border-color:transparent;background:transparent}.side-nav button.active{border-color:#136f6333;background:#136f6314;color:var(--primary-strong)}.side-footer{display:grid;gap:12px;margin-top:auto}.side-user{display:flex;min-width:0;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:14px}.side-user div{min-width:0}.side-user strong,.side-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user strong{font-size:14px}.side-user span{color:var(--muted);font-size:12px}.content-view{min-width:0;width:100%;max-width:100%;padding:28px}.view-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 24px}.view-header h2{font-size:28px;line-height:1.2}.eyebrow,.label{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary>div{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.summary strong{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.muted{margin:0;color:var(--muted)}.error{margin:12px 0 0;color:var(--danger);overflow-wrap:anywhere}.actions{display:flex;gap:10px;align-items:center}.chat-view{display:grid;height:100%;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0;background:#f7f9fa}.chat-topbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:#ffffffe6;padding:12px clamp(14px,4vw,32px)}.chat-title{display:inline-flex;min-width:0;align-items:center;gap:8px}.chat-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-controls{display:flex;min-width:0;align-items:center;gap:8px}.chat-controls select{width:min(36vw,280px);min-width:160px}.toggle-control{display:inline-flex;width:auto;min-height:40px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:0 12px;background:#fff;white-space:nowrap}.toggle-control input{min-height:0;width:auto}.icon-button{width:40px;min-height:40px;padding:0}.file-input{display:none}.attached-image{display:flex;min-width:0;width:fit-content;max-width:100%;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#f7fafb;padding:8px}.attached-image img{width:48px;height:48px;object-fit:cover;border-radius:6px}.attached-image span{min-width:0;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.attached-image button{width:34px;min-height:34px;padding:0}.thread-scroll{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:28px clamp(14px,5vw,44px)}.thread-inner{display:flex;width:min(100%,880px);height:100%;min-height:0;flex-direction:column;gap:14px;margin:0 auto}.chat-empty{display:grid;flex:1;min-height:0;place-items:center;align-content:center;gap:10px;color:var(--muted)}.chat-message{max-width:min(82%,720px);border:1px solid var(--border);border-radius:12px;padding:12px 14px;overflow-wrap:anywhere;box-shadow:0 8px 24px #1f29330a}.chat-message.user{align-self:flex-end;border-color:#136f6333;background:#136f6314}.chat-message.assistant{align-self:flex-start;background:#fff}.chat-message img{display:block;width:min(100%,260px);max-height:220px;object-fit:contain;border-radius:6px;margin-bottom:10px}.chat-message p{margin:0;white-space:pre-wrap}.thread-composer-shell{min-width:0;border-top:1px solid var(--border);background:#f7f9faf5;padding:12px clamp(14px,5vw,44px) 16px}.thread-composer{display:grid;width:min(100%,880px);min-width:0;gap:10px;margin:0 auto;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px;box-shadow:0 12px 34px #1f293314}.thread-composer textarea{min-height:58px;border:0;padding:8px;resize:none}.thread-composer textarea:focus{outline:none}.composer-actions{display:flex;min-width:0;justify-content:flex-end;gap:8px}.send-button{width:42px;min-height:40px;padding:0}.thread-composer-shell .error{width:min(100%,880px);margin:10px auto 0}@media(max-width:900px){.app-layout{grid-template-columns:72px minmax(0,1fr)}.side-menu{position:sticky;height:100vh;border-right:1px solid var(--border);border-bottom:0;padding:10px}.side-footer{margin-top:auto}.side-brand{justify-content:center;padding-bottom:18px}.brand-copy,.nav-label,.logout-label,.side-user div{display:none}.side-nav button,.side-footer button{width:52px;padding:0;justify-content:center}.side-user{justify-content:center}.content-view{padding:14px}.content-view.chat-view{padding:0}.view-header{align-items:stretch;flex-direction:column}.summary{grid-template-columns:1fr}.chat-topbar{align-items:flex-start;flex-direction:column}.chat-controls{width:100%}.chat-controls select{flex:1;width:auto;min-width:0}.chat-message{max-width:100%}}@media(max-width:520px){.chat-controls{flex-wrap:wrap}.chat-controls select{flex-basis:100%}.toggle-control{flex:1}.thread-scroll{padding-top:18px}}@media(max-height:620px){.chat-topbar{padding-block:8px}.thread-scroll{padding-block:12px}.thread-composer-shell{padding-block:8px}.thread-composer textarea{min-height:42px}}@media(max-height:420px){.chat-empty{gap:4px}.chat-empty svg{display:none}}