*{box-sizing:border-box;margin:0;padding:0}.App,body{background-color:#f7f7f8}.App{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:100%}.App-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header h1{color:#202123;font-size:1.25rem;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:20px}.mode-toggle{background-color:#f3f4f6;border-radius:8px;display:flex;gap:2px;padding:2px}.mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.mode-btn:hover{background-color:#e5e7eb;color:#374151}.mode-btn.active{background-color:#10a37f;box-shadow:0 1px 2px #0000001a;color:#fff}.mode-btn.active:hover{background-color:#0d8f6b}.model-selector{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px;position:relative}.searchable-dropdown{min-width:200px;position:relative}.dropdown-trigger{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-width:200px;padding:8px 12px;transition:border-color .2s}.dropdown-trigger:hover:not(.disabled){border-color:#10a37f}.dropdown-trigger.disabled{cursor:not-allowed;opacity:.6}.selected-model{flex:1 1;max-width:160px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6b7280;font-size:.75rem;margin-left:8px}.dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:2px;max-height:300px;overflow:hidden;pointer-events:auto;position:absolute;right:0;top:100%;z-index:1000}.model-search{border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none;padding:8px 12px;width:100%}.model-search:focus{background-color:#f9fafb}.dropdown-options{max-height:250px;overflow-y:auto}.dropdown-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 12px;position:relative;transition:background-color .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1001}.dropdown-option:hover{background-color:#f9fafb}.dropdown-option.selected{background-color:#10a37f;color:#fff}.dropdown-option.selected:hover{background-color:#0d8f6b}.model-name{font-size:.875rem;font-weight:500;margin-bottom:2px}.model-id{color:#6b7280;font-size:.75rem;opacity:.8}.dropdown-option.selected .model-id{color:#fffc}.no-results{color:#6b7280;font-style:italic;padding:12px;text-align:center}.chat-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.message-wrapper{animation:fadeIn .3s ease-in;border-bottom:1px solid #0000000d;padding:24px 0;width:100%}.message-wrapper.user{background-color:#f7f7f8}.message-wrapper.bot{background-color:#fff}.message-wrapper.system{background-color:#f8fafc;border:1px solid #e2e8f0;margin:8px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{align-items:flex-start;display:flex;gap:16px;margin:0 auto;max-width:768px;padding:0 20px}.message-avatar{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.message-avatar.user{background-color:#10a37f;color:#fff}.message-avatar.bot{background-color:#19c37d;color:#fff}.message-text{word-wrap:break-word;color:#374151;flex:1 1;font-size:16px;line-height:1.6}.message-text.user{color:#374151}.message-text.system{color:#64748b;font-size:.875rem;font-style:italic;text-align:center}.typing-indicator{color:#6b7280;font-style:italic;position:relative}.typing-indicator:after{animation:typing 1.4s infinite;content:"●●●";margin-left:4px}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.generated-image-container{border-radius:8px;margin-top:12px;max-width:100%;overflow:hidden}.generated-audio-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.generated-audio-container audio{border-radius:4px;height:40px;max-width:400px;width:100%}.audio-info{margin-top:8px;text-align:center}.audio-info small{color:#6b7280;font-style:italic}.audio-controls{margin-top:8px}.download-audio-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:background-color .2s}.download-audio-btn:hover{background-color:#2563eb}.generated-image-container img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;max-width:100%}.uploaded-images-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.uploaded-image-wrapper{display:flex;flex-direction:column;gap:8px}.uploaded-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:auto;max-height:300px;max-width:100%;object-fit:contain;transition:transform .2s ease,box-shadow .2s ease;width:auto}.uploaded-image:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.image-caption{color:#6b7280;font-size:.75rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.input-container{margin:0 auto;max-width:768px;padding:20px;width:100%}.img2txt-info{color:#6b7280;font-size:.875rem;font-style:italic}.txt2speech-controls{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.tts-settings{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tts-setting{display:flex;flex-direction:column;gap:4px}.tts-setting label{color:#374151;font-size:.875rem;font-weight:500}.tts-setting select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;padding:6px 8px}.tts-setting select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.txt2speech-info{color:#6b7280;font-size:.875rem;font-style:italic}.tts-controls{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.tts-selectors{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tts-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:0;padding:8px 10px;transition:all .2s ease}.tts-select:focus,.tts-select:hover{border-color:#10a37f}.tts-select:focus{box-shadow:0 0 0 2px #10a37f1a;outline:none}.tts-select option{padding:4px}.input-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding-bottom:8px;position:relative;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#10a37f;box-shadow:0 2px 6px #10a37f1a}.input-actions{bottom:12px;gap:8px;left:12px;position:absolute;z-index:10}.input-actions,.upload-btn{align-items:center;display:flex}.upload-btn{background-color:initial;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-height:32px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.upload-btn:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.upload-btn:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.upload-text{font-size:13px;font-weight:500}.upload-btn input[type=file]{display:none}.file-indicator{align-items:center;background-color:#f0fdf4;border:1px solid #d1fae5;border-radius:4px;color:#10a37f;display:flex;font-size:.75rem;gap:4px;max-width:200px;padding:2px 6px}.file-indicator:before{content:"📎";font-size:10px}.file-names{display:flex;flex-wrap:wrap;gap:2px}.file-name{font-size:.65rem;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrapper textarea{background:#0000;border:none;border-radius:12px;color:#374151;font-family:inherit;font-size:16px;line-height:1.5;max-height:200px;min-height:24px;outline:none;overflow-y:auto;padding:16px 50px 50px;resize:none;scrollbar-color:#d1d5db #0000;scrollbar-width:thin;width:100%}.input-wrapper textarea::-webkit-scrollbar{width:4px}.input-wrapper textarea::-webkit-scrollbar-track{background:#0000}.input-wrapper textarea::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}.input-wrapper textarea::placeholder{color:#9ca3af}.send-button{align-items:center;background-color:#10a37f;border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:8px;transform:scale(1);transition:all .2s ease;width:32px}.send-button:hover:not(:disabled){background-color:#0d8f6b;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background-color:#d1d5db;cursor:not-allowed;transform:scale(1)}.error-notice,.loading-notice{color:#ef4444;font-size:14px;margin:10px 0;text-align:center}.error-notice{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px}@media (max-width:768px){.App-header{padding:16px 20px}.App-header,.header-controls{flex-direction:column;gap:12px}.header-controls{width:100%}.mode-toggle{align-self:center}.message-content{padding:0 16px}.input-container{padding:16px}.message-wrapper{padding:20px 0}}@media (max-width:480px){.App-header h1{font-size:1.125rem}.mode-btn{font-size:.75rem;gap:2px;padding:4px 8px}.model-selector{font-size:.8rem}.searchable-dropdown{min-width:150px}.dropdown-trigger{min-width:150px;padding:6px 8px}.selected-model{max-width:120px}.dropdown-menu{max-height:200px}.dropdown-options{max-height:150px}.img2txt-controls,.txt2speech-controls{padding:8px}.tts-settings{gap:8px;grid-template-columns:1fr}.tts-selectors{gap:6px;grid-template-columns:1fr}.tts-controls{padding:8px}.uploaded-images-container{gap:8px;grid-template-columns:1fr}.uploaded-image{max-height:200px}.input-actions{bottom:10px;gap:6px;left:10px}.upload-btn{min-height:28px;padding:6px 8px}.upload-btn,.upload-text{font-size:12px}.file-indicator{font-size:.7rem;max-width:150px;padding:1px 4px}.file-name{font-size:.6rem;max-width:60px}.message-content{gap:12px;padding:0 12px}.message-avatar{font-size:12px;height:28px;width:28px}.message-text{font-size:15px}.input-container{padding:12px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f66f73c2.css.map*/