html,body{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f4f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.sidebar{color:#ecf0f1;background-color:#2c3e50;border-right:1px solid #34495e;flex-direction:column;flex-shrink:0;order:1;width:300px;transition:width .3s;display:flex}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid #34495e;flex-direction:column;gap:10px;padding:10px;display:flex}.sidebar.collapsed .sidebar-header{padding:10px 5px}.new-chat-btn{color:#fff;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#3498db;border:none;border-radius:4px;padding:15px;font-size:.8rem;font-weight:700;transition:background-color .2s;overflow:hidden}.new-chat-btn:hover{background-color:#2980b9}.toggle-sidebar-btn{color:#fff;cursor:pointer;text-align:center;background-color:#34495e;border:none;border-radius:4px;padding:10px;font-size:.8rem;font-weight:700;transition:background-color .2s}.toggle-sidebar-btn:hover{background-color:#465f75}.folder-controls{border-bottom:1px solid #34495e;padding:10px}.add-folder-btn{color:#fff;cursor:pointer;background-color:#34495e;border:none;border-radius:4px;width:100%;padding:8px;font-size:.8rem;transition:background-color .2s}.add-folder-btn:hover{background-color:#465f75}.add-folder-form{flex-direction:column;gap:5px;margin-top:5px;display:flex}.add-folder-form input{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:6px}.folder-form-actions{gap:5px;display:flex}.folder-form-actions button{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:.7rem}.folder-form-actions button:first-child{color:#fff;background-color:#3498db}.folder-form-actions button:last-child{color:#fff;background-color:#95a5a6}.chat-list{flex:1;padding:10px;overflow-y:auto}.folder-section{border:2px dashed #0000;border-radius:6px;margin-bottom:15px;padding:2px;transition:background-color .2s,border .2s}.folder-section.drag-over{background-color:#3498db1a;border-color:#3498db}.folder-header{background-color:#34495e;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 10px;font-size:.8rem;font-weight:700;display:flex}.folder-actions{gap:5px;display:flex}.new-in-folder-btn,.delete-folder-btn{color:#bdc3c7;cursor:pointer;background:0 0;border:none;padding:2px 5px;font-size:.8rem}.new-in-folder-btn:hover,.delete-folder-btn:hover{color:#fff}.chat-item{cursor:grab;white-space:nowrap;text-overflow:ellipsis;background-color:#34495e;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;font-size:.8rem;transition:background-color .2s,transform .1s;display:flex;overflow:hidden}.chat-item:active{cursor:grabbing}.chat-item:hover{background-color:#465f75}.chat-item.active{background-color:#3498db;font-weight:700}.conv-info{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.conv-title{cursor:text;display:block}.conv-title:hover{text-decoration:underline}.title-input{color:#fff;background-color:#2c3e50;border:1px solid #3498db;border-radius:3px;outline:none;width:100%;padding:2px 5px;font-size:.8rem}.conv-actions{opacity:0;align-items:center;gap:5px;transition:opacity .2s;display:flex}.chat-item:hover .conv-actions{opacity:1}.delete-chat-btn{color:#e74c3c;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:.8rem}.empty-msg{color:#95a5a6;padding:5px 10px;font-size:.7rem;font-style:italic}.main-chat{background-color:#fff;flex-direction:column;flex:1;order:2;display:flex;overflow:hidden}.main-chat h1{color:#2c3e50;background-color:#f9f9f9;border-bottom:1px solid #eee;flex-shrink:0;padding:20px;font-size:.8rem}.controls{background-color:#f9f9f9;border-bottom:1px solid #eee;flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;display:flex}.controls label{color:#555;font-weight:700}.controls select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 10px}.chat-box{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.user-message,.bot-message{word-wrap:break-word;border-radius:12px;max-width:80%;padding:12px 16px;line-height:1.5}.user-message{color:#fff;background-color:#3498db;border-bottom-right-radius:2px;align-self:flex-start;margin-left:100px}.bot-message{color:#2c3e50;background-color:#ecf0f1;border-bottom-left-radius:2px;align-self:flex-start}.meta-info{color:#95a5a6;align-self:center;margin-top:5px;font-size:.8rem}.loading{color:#7f8c8d;align-self:flex-start;font-size:.8rem;font-style:italic}.input-area{background-color:#f9f9f9;border-top:1px solid #eee;flex-shrink:0;align-items:flex-end;gap:10px;padding:15px;display:flex}.input-area textarea{resize:none;border:1px solid #ccc;border-radius:6px;outline:none;flex:1;min-height:50px;max-height:150px;padding:12px;font-family:inherit;font-size:16px}.input-area textarea:focus{border-color:#3498db}.input-area button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;flex-shrink:0;height:50px;padding:0 24px;font-weight:700;transition:background-color .2s}.input-area button:hover:not(:disabled){background-color:#2980b9}.input-area button:disabled{cursor:not-allowed;background-color:#bdc3c7}.markdown-content{font-size:.95rem;line-height:1.6}.markdown-content p{margin-bottom:.8rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content code{background-color:#0000001a;border-radius:3px;padding:.2em .4em;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.user-message .markdown-content code{background-color:#fff3}.markdown-content pre{white-space:pre-wrap;word-wrap:break-word;tab-size:2;background-color:#282c34;border-radius:6px;margin:1rem 0;padding:1rem;overflow-x:auto}.markdown-content pre code{color:#abb2bf;white-space:inherit;background-color:#0000;padding:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.markdown-content blockquote{color:#555;border-left:4px solid #3498db;margin:1rem 0;padding-left:1rem;font-style:italic}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.markdown-content h1{font-size:1.8rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.3rem}.markdown-content h4{font-size:1.1rem}.markdown-content a{color:#3498db;text-decoration:underline}.markdown-content a:hover{color:#2980b9}.markdown-content table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #ddd;padding:8px}.markdown-content th{background-color:#f4f4f4;font-weight:700}.markdown-content img{border-radius:4px;max-width:100%;height:auto;margin:1rem 0}