:root{font-family:Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#2c2c2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:gold;text-decoration:inherit}a:hover{color:#ffc107}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#2c2c2c}a:hover{color:#ffc107}button{background-color:#3c3c3c;color:#fff}}:root{--md-primary: #FFD700;--md-primary-variant: #FFC107;--md-on-primary: #000000;--md-surface: #3c3c3c;--md-on-surface: #ffffff;--md-background: #2c2c2c;--md-secondary-text: #b0b0b0}body{font-family:Roboto,Arial,sans-serif;background-color:var(--md-background);color:var(--md-on-surface);margin:0;padding:0}.App{text-align:center;padding:20px}.App-header{background-color:var(--md-surface);padding:20px;box-shadow:0 1px 3px #0003}.model-selector,.file-upload,.chat-container{background-color:var(--md-surface);padding:20px;margin:20px auto;box-shadow:0 1px 3px #0003;border-radius:8px;max-width:600px}.model-selector h2,.file-upload h2,.chat-container h2{margin-top:0}.model-selector select{width:100%;padding:10px;border:1px solid #5c5c5c;border-radius:4px;background-color:var(--md-surface);color:var(--md-on-surface);font-size:1em;margin-bottom:10px;box-sizing:border-box}.model-selector-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.model-selector-row select{flex:1;margin-bottom:0}.model-selector-row .send-button{flex-shrink:0}.file-upload-input{display:none}.file-upload-label{display:inline-block;padding:10px 20px;background-color:var(--md-primary);color:var(--md-on-primary);border-radius:4px;cursor:pointer;border:none;margin-top:10px;box-shadow:0 1px 2px #0003;transition:background-color .3s}.file-upload-label:hover{background-color:var(--md-primary-variant)}.file-info{margin-top:10px}.chat-history{height:300px;overflow-y:auto;border:1px solid #5c5c5c;border-radius:4px;padding:10px;background-color:#333}.message{margin:10px 0;padding:10px;border-radius:4px}.user-message{background-color:#4a4a4a;text-align:left;color:var(--md-on-surface)}.ai-message{background-color:#383838;text-align:left;color:var(--md-on-surface)}.message-content{margin-bottom:5px}.message-time{font-size:.8em;color:var(--md-secondary-text)}.chat-input{display:flex;margin-top:10px}.chat-input .MuiTextField-root{flex:1;margin-right:10px}.chat-input button{padding:10px 20px;background-color:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:4px;cursor:pointer;box-shadow:0 1px 2px #0003;transition:background-color .3s}.chat-input button:disabled{background-color:#5c5c5c;color:var(--md-secondary-text)}.send-button{padding:10px 20px;background-color:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:4px;cursor:pointer;box-shadow:0 1px 2px #0003;transition:background-color .3s}.send-button:hover:not(:disabled),.chat-input button:hover:not(:disabled){background-color:var(--md-primary-variant)}.send-button:disabled{background-color:#5c5c5c;color:var(--md-secondary-text)}.loading,.status-indicator{margin-top:10px;color:var(--md-secondary-text)}.progress-bar{width:100%;background-color:#5c5c5c;border-radius:4px;overflow:hidden;margin-top:10px}.progress-value{height:10px;background-color:var(--md-primary)}.file-label{display:inline-flex;align-items:center;border:1px solid var(--md-primary);border-radius:4px;padding:4px 10px;margin:4px 8px 4px 0;background:#4a4a4a;color:var(--md-on-surface);font-size:.98em}.remove-file-btn{margin-left:8px;border:1px solid var(--md-primary);background:var(--md-surface);color:var(--md-primary);border-radius:50%;width:22px;height:22px;cursor:pointer;font-weight:700;font-size:1em;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.remove-file-btn:hover{background:var(--md-primary-variant);color:var(--md-on-primary)}