:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-dark: #1e1e2c;--bubble-received: #2d2d3f;--bubble-sent: #3b82f6;--highlight-green: #10b981;--text-light: #e5e7eb;--divider-line: #374151;--input-background: #252533}*{padding:0;margin:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.mt-20{margin-top:20px}.mr-20{margin-right:20px}.ml-20{margin-left:20px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.ml-10{margin-left:10px}.mb-10{margin-bottom:10px}.container{max-width:960px;margin:0 auto;padding:0 20px;position:relative}.row{display:flex;flex-wrap:wrap;justify-content:space-between}.flex{display:flex}.col{flex:1}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.justify-between{justify-content:space-between}.display-flex{display:flex}@media (max-width: 960px){.container{padding:0 10px}}body{background-color:var(--background-dark)}.App{padding:20px 0 0;margin:0 auto;text-align:center;min-height:100vh;background:linear-gradient(135deg,#1e1e2c,#111,#1e1e2c)}.header-section{padding:0;position:fixed;width:100%;z-index:100;top:0;border-bottom:1px solid var(--divider-line);opacity:.9}.header-content{padding:3px 20px;display:flex;justify-content:space-between;background-color:var(--background-dark)}.add-icon{cursor:pointer;position:relative;top:4px}.add-icon.disabled{cursor:not-allowed;opacity:.3}.add-icon,.send-icon,.close-icon{background:none;border:none;padding:0}.error-banner{position:fixed;top:40px;left:50%;transform:translate(-50%);background-color:#dc3545;color:#fff;padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:15px;z-index:1000;box-shadow:0 4px 12px #0000004d;max-width:90%}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center}.error-banner button:hover{opacity:.8}.startup-section{top:25%;position:absolute;width:100%}.startup-title svg{margin-right:2px;width:35px;height:35px;position:relative;top:5px}.messages-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:25px;overflow-y:auto}.messages-container{display:flex;flex-direction:column;align-items:flex-start;padding:0 30px;margin-bottom:100px;width:100%;max-width:860px}.message{max-width:100%;padding:10px;margin:15px 0;border-radius:10px}.user-message{align-self:flex-end;background-color:var(--bubble-received);max-width:50%;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:1px 1px 5px #0000001a}.user-message img{max-width:300px;height:auto;border-radius:10px}.assistant-message{align-self:flex-start;text-align:left}.assistant-message li,.assistant-message p{margin-bottom:5px}.assistant-message pre{margin:15px 0;padding:10px;background-color:#000;border-radius:10px;max-width:100%;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--bubble-received);overflow-x:auto}.assistant-message li{margin-left:15px}.chat-input-section{display:flex;justify-content:center;bottom:0;position:fixed;width:100%}.chat-input-section.startup-position{bottom:35%}.chat-container{width:760px;padding:0 30px;bottom:30px}.chat-status-label{color:var(--text-light);font-size:12px;text-align:right;margin-top:10px;position:relative;bottom:10px}.loading-spinner{width:24px;height:24px;border:3px solid var(--text-light);border-top-color:#333;border-radius:50%;animation:spin .6s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{opacity:.7}.chat-input-label{color:var(--text-light);font-size:11px;text-align:right;margin-bottom:2px}.chat-input-section .chat-input{width:100%;opacity:.9;padding:10px 10px 60px;font-family:inherit;color:var(--text-light);font-size:16px;border:1px solid var(--divider-line);border-radius:10px;resize:none;background-color:var(--input-background);box-shadow:5px 1px 5px #0000001a;max-height:300px;overflow-y:auto}.chat-input-section.chat-position .chat-input{padding:10px 10px 30px}textarea::placeholder{font-weight:300;opacity:.6}.chat-input-section .chat-input:focus{outline:none}.chat-input-section .chat-input.summarize{border-color:var(--bubble-sent)}.chat-input-section .chat-input.proofread{border-color:var(--highlight-green)}.chat-container .chat-input-actions{font-size:16px;color:var(--text-light);border:none;border-radius:5px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;position:relative}.chat-input-actions-container{display:flex;justify-content:space-between;width:100%;position:absolute;left:0;bottom:15px;padding:0 10px}.chat-container .chat-input-actions .chat-input-actions-left{display:block;position:relative;bottom:0}.chat-container .chat-input-actions .chat-input-actions-center{display:flex;justify-content:center;align-items:center;font-size:12px}.actions-pill{display:inline-block;padding:5px 10px;border-radius:20px;background-color:var(--bubble-received);color:var(--text-light);margin:0 2px;cursor:pointer;font-size:12px;border:none;font-family:inherit}.actions-pill.active{color:var(--background-dark)}.actions-pill.summarize.active{background-color:var(--bubble-sent)}.actions-pill.proofread.active{background-color:var(--highlight-green)}.chat-container .chat-input-actions .image-upload-icon{cursor:pointer;position:relative;top:2px;left:8px}.chat-container .chat-input-actions .image-upload-icon svg{vertical-align:middle;width:20px;height:20px}.chat-container .chat-input-actions .chat-input-actions-right{display:block;position:relative;bottom:0}.image-added-label{color:var(--text-light);font-size:12px;margin-top:5px;position:relative;top:5px;left:0;text-align:left;background-color:var(--input-background);padding:10px;border-radius:10px;box-shadow:5px 1px 5px #0000001a;border:1px solid var(--divider-line);width:100%}.image-added-label .added-image-thumbnail{max-width:50px;max-height:50px;height:auto;border-radius:5px;margin:5px 10px 0 0;position:relative;vertical-align:middle}.image-added-label .close-icon{cursor:pointer;position:relative;top:0;left:2px}.image-added-label .close-icon svg{vertical-align:middle;width:20px;height:20px;cursor:pointer}.send-icon{cursor:pointer}.send-icon svg{vertical-align:middle;width:20px;height:20px}.send-icon.inactive svg{opacity:.3;cursor:default}.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip-text{visibility:hidden;width:100px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;font-size:14px;z-index:1;top:50%;left:180%;margin-top:-15px;opacity:0;transition:opacity .3s}.tooltip-container .tooltip-text:after{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #555 transparent transparent}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 960px){.App{padding:5px 0 0}.header-content{padding:2px 10px}.startup-section{top:20%;padding:0 10px}.startup-logo{display:block}.chat-input-section.startup-position{bottom:30%}.startup-section h1.startup-title{font-size:22px}.chat-container{width:100%;padding:0 10px}.messages-container{padding:0 10px}.user-message{max-width:70%}.user-message img{max-width:200px;max-height:200px;height:auto;border-radius:10px}}