.chat-layout{height:100%;display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid #e6eaf1;border-radius:8px;overflow:hidden}.conversation-side{border-right:1px solid #e6eaf1;padding:12px;overflow:auto}.conversation-side>.primary{width:100%;height:42px}.conversation-item{width:100%;border:0;border-radius:8px;background:transparent;padding:11px;text-align:left;display:grid;gap:4px;margin-top:6px;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:#eef2ff;color:#526fe8}.conversation-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item span{font-size:11px;color:#8790a3}.chat-panel{min-width:0;display:grid;grid-template-rows:1fr auto}.message-list{overflow:auto;padding:24px}.chat-welcome{text-align:center;margin:12vh auto;color:#778197}.chat-welcome span{display:grid;place-items:center;width:64px;height:64px;margin:auto;background:#eef2ff;color:#526fe8;border-radius:18px;font-size:27px}.chat-welcome h2{color:#172033}.message{max-width:820px;margin:0 auto 18px}.message.user{padding-left:12%}.message-role{font-size:12px;font-weight:700;margin-bottom:6px;color:#526fe8}.message-body{padding:14px 16px;border-radius:8px;background:#f5f7fb;line-height:1.7;overflow-wrap:anywhere}.message.user .message-body{background:#eef2ff}.message.failed .message-body{background:#fff0f2;color:#bd3044}.message small{display:block;color:#8790a3;margin-top:6px}.chat-composer{display:flex;gap:8px;padding:14px;border-top:1px solid #e6eaf1}.chat-composer textarea{flex:1;min-height:52px;max-height:150px;resize:vertical;border:1px solid #dfe4ed;border-radius:8px;padding:12px;outline:0}.chat-composer button{width:84px}.model-modal{position:fixed;z-index:20;inset:0;background:rgba(20,25,36,.25);display:grid;place-items:center;padding:16px}.model-dialog{width:min(600px,100%);max-height:80vh;background:#fff;border-radius:10px;padding:18px;box-shadow:0 24px 80px rgba(20,30,50,.2)}.model-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.model-head button{border:0;background:transparent;font-size:25px}.model-list{display:grid;gap:8px;overflow:auto;max-height:65vh}.model-list>button{border:1px solid #e6eaf1;border-radius:8px;background:#fff;text-align:left;padding:13px;display:grid;gap:4px;cursor:pointer}.model-list>button.active{border-color:#526fe8;background:#eef2ff}.model-list span,.model-list small{color:#778197}@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.conversation-side{display:none}.message-list{padding:16px}.message.user{padding-left:5%}.chat-composer{padding:10px}.chat-composer button{width:66px}}