.app-main-title{text-align:center;margin-top:0;margin-bottom:0;padding:15px 0;font-size:1.8em;color:#2c3e50;background-color:#fff;display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;font-size:16px}#root{display:flex;flex-direction:column;min-height:100vh}.chat-interface{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;padding:0;box-sizing:border-box}.message-list{flex-grow:1;overflow-y:auto;padding:20px;background-color:#f7f7f7;display:flex;flex-direction:column;gap:12px}.message-item{display:flex;flex-direction:column;max-width:70%}.message-item.user-message{align-self:flex-end;align-items:flex-end}.message-item.assistant-message{align-self:flex-start;align-items:flex-start}.message-bubble{padding:10px 14px;border-radius:18px;word-wrap:break-word;box-shadow:0 1px 1.5px #0000001f;line-height:1.4}.user-message .message-bubble{background-color:#007bff;color:#fff;border-bottom-right-radius:4px}.assistant-message .message-bubble{background-color:#e9ecef;color:#212529;border-bottom-left-radius:4px}.message-text{margin:0;white-space:pre-wrap}.message-timestamp{font-size:.7em;color:#6c757d;margin-top:3px;padding:0 5px}.chat-input-container{display:flex;align-items:center;gap:8px;padding:15px 20px;border-top:1px solid #dee2e6;background-color:#f8f9fa;flex-shrink:0}.chat-input-container input[type=text]{flex-grow:1;padding:10px 15px;border:1px solid #ced4da;border-radius:20px;outline:none;font-size:16px}.chat-input-container input[type=text]:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.chat-input-container button.chat-button{padding:10px 15px;font-size:.9em;border:none;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .2s ease;font-weight:500;white-space:nowrap}.chat-input-container button.send-button{background-color:#007bff}.chat-input-container button.send-button:hover:not(:disabled){background-color:#0056b3}.chat-input-container button.chat-button:disabled{background-color:#adb5bd!important;color:#fff!important;cursor:not-allowed}@media (max-width: 768px){.message-list,.message-list.archived-log-messages{padding:10px}.message-item{max-width:85%}.chat-input-container{padding:10px;gap:5px}.chat-input-container input[type=text]{padding:8px 12px;font-size:16px}.chat-input-container button.chat-button{padding:8px 10px;font-size:.85em}}.main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.top-bar{background-color:#2c3e50;color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:.85em;flex-shrink:0;height:40px;box-sizing:border-box;border-bottom:1px solid #4a5568}.top-bar-left{display:flex;align-items:center;gap:10px}.sidebar-toggle-button{background:none;border:none;color:#fff;font-size:1.6em;cursor:pointer;padding:0 5px 0 0;display:none;line-height:1}.top-bar-right{display:flex;align-items:center;gap:15px}.content-area{display:flex;flex-grow:1;overflow:hidden}.sidebar{background-color:#f8f9fa;width:240px;padding:20px 15px;border-right:1px solid #dee2e6;flex-shrink:0;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;transition:width .3s ease,padding .3s ease,opacity .3s ease,transform .3s ease}.sidebar.hidden{width:0;padding-left:0;padding-right:0;border-right:none;overflow:hidden;opacity:0}.sidebar h3{margin-top:0;margin-bottom:15px;font-size:1em;font-weight:600;color:#495057;padding-bottom:10px;border-bottom:1px solid #e9ecef;white-space:nowrap}.sidebar ul{list-style:none;padding:0;margin:0;flex-grow:1}.sidebar ul li{padding:10px 12px;cursor:pointer;border-radius:6px;margin-bottom:6px;font-size:.9em;color:#343a40;transition:background-color .15s ease-in-out,color .15s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar ul li:hover{background-color:#e9ecef}.sidebar ul li.active{background-color:#007bff;color:#fff;font-weight:500}.sidebar-settings{margin-top:20px;padding-top:15px;border-top:1px solid #e9ecef;white-space:nowrap}.top-bar-right .summarize-button{padding:4px 12px;font-size:.8em;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-weight:500;white-space:nowrap}.top-bar-right .summarize-button:hover:not(:disabled){background-color:#357abd}.top-bar-right .summarize-button:disabled{background-color:#909090;cursor:not-allowed}.main-content{flex-grow:1;background-color:#fff;overflow-y:auto;display:flex;flex-direction:column}.content-view-padding{padding:20px}@media (max-width: 768px){.sidebar-toggle-button{display:inline-block}.top-bar{padding:0 10px}.top-bar-left{gap:5px}.top-bar-right{gap:8px}.top-bar-left span.top-bar-time,.top-bar-right span.top-bar-tokens{font-size:.75em;white-space:nowrap}.top-bar-right .summarize-button{padding:4px 8px;font-size:.75em}.content-view-padding{padding:10px}.settings-section{padding:15px!important}.settings-section h3{font-size:1.1em}.settings-input,.settings-textarea{font-size:.9em}.settings-button,.settings-button-danger,.settings-button-success{padding:8px 12px!important;font-size:.9em!important}input[type=file][style*="width: 100%"]{padding:8px!important}}