.chat-layout{display:flex;height:100vh;background-color:#1e1e1e;color:#fff;font-family:Inter,sans-serif}.sidebar{width:240px;background-color:#2d2d2d;display:flex;flex-direction:column;border-right:1px solid #3a3a3a}.sidebar-top{padding:1rem;border-bottom:1px solid #3a3a3a;position:sticky;top:0;background-color:#2d2d2d;z-index:10}.menu-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;padding:8px;width:100%;text-align:left;border-radius:6px;cursor:pointer;transition:background .2s}.menu-btn:hover{background-color:#3a3a3a}.sidebar-bottom{flex:1;overflow-y:auto;padding:.5rem}.sidebar-bottom strong{display:block;margin:.5rem 0 .3rem;font-size:14px;color:#aaa}.chat-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-radius:6px;cursor:pointer;transition:background .2s}.chat-item:hover{background-color:#3a3a3a}.chat-actions{position:relative}.chat-actions button{background:none;border:none;color:#ccc;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.chat-actions button:hover{background-color:#444;color:#fff}.chat-menu{position:absolute;right:0;top:100%;background-color:#2d2d2d;border:1px solid #3a3a3a;border-radius:6px;overflow:hidden;z-index:20;min-width:140px}.chat-menu button{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.chat-menu button:hover{background-color:#3a3a3a}.main-area{flex:1;display:flex;flex-direction:column;height:100vh}.chat-header{background-color:#2d2d2d;padding:.5rem;border-bottom:1px solid #3a3a3a}.chat-select{background-color:#3a3a3a;color:#fff;border:none;padding:.4rem;border-radius:6px}.chat-messages{flex:1;min-height:0;padding:1rem;overflow-y:auto}.msg{margin-bottom:.5rem;padding:.6rem;border-radius:6px;line-height:1.4;max-width:80%;word-break:break-word}.msg.user{background-color:#0ea960;align-self:flex-end}.msg.assistant{background-color:#3a3a3a}.msg.system{background-color:#444;font-style:italic}.chat-input{display:flex;align-items:flex-end;background-color:#2d2d2d;padding:.5rem;border-top:1px solid #3a3a3a}.chat-input textarea{flex:1;background:none;border:none;color:#fff;resize:none;font-size:14px;padding:.4rem;line-height:1.4;min-height:60px;max-height:160px;overflow-y:auto;transition:min-height .2s,max-height .2s}.chat-input textarea:focus{outline:none}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;margin-left:.5rem;padding:.3rem;border-radius:4px;transition:background .2s}.icon-btn:hover{background-color:#3a3a3a}.send-btn{background-color:#0ea960;border:none;border-radius:50%;padding:.4rem .6rem;cursor:pointer;margin-left:.5rem;transition:background .2s}.send-btn:hover{background-color:#0c8b50}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.chat-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #3a3a3a}.main-area{height:auto;flex:1}.chat-input{flex-wrap:wrap}.icon-btn,.send-btn{margin-top:.5rem}.chat-horizontal{display:flex;gap:8px;overflow-x:auto;padding:.5rem;background:#1e1e1e;border-bottom:1px solid #3a3a3a}.chat-pill{padding:4px 12px;border-radius:14px;background:#3a3a3a;color:#fff;white-space:nowrap;cursor:pointer;font-size:13px}.chat-pill.active{background:#0ea960}.chat-pill.new{background:#444}.chat-canvas{display:flex;flex-direction:column;height:100%}.chat-input-bar{display:flex;align-items:center;gap:8px;background:#2d2d2d;padding:.5rem;border-bottom:1px solid #3a3a3a}.chat-input-bar textarea{flex:1;min-height:40px;background:none;border:none;color:#fff;resize:none}.chat-send-btn,.chat-icon-btn{background:none;border:none;color:#fff;cursor:pointer}.chat-thread{flex:1;overflow-y:auto;padding:1rem}}}{}