body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f0f5;color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}.App{overflow:hidden}.App,.Sidebar{display:flex;height:100vh}.Sidebar{background-color:#2d8cf0;box-shadow:2px 0 5px #0000001a;color:#fff;flex-direction:column;overflow-y:auto;padding:20px;position:relative;width:240px;z-index:9999}.Sidebar h2{font-size:1.5em;margin:0 0 20px;text-align:center}.Sidebar ul{list-style:none;margin:0;padding:0}.Sidebar li{border-radius:4px;cursor:pointer;font-size:1rem;margin:10px 0;padding:10px;transition:background-color .2s ease,color .2s ease}.Sidebar li.active,.Sidebar li:hover{background-color:#1a73e8;color:#fff}.MainContent{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;position:relative}.ModelOutputs>div{transition:all .2s ease}.ModelOutputs>div:hover{transform:scale(1.05)}.ModelOutputs{display:flex;flex:1 1;flex-wrap:wrap;gap:20px;margin-bottom:80px;overflow-y:auto;padding:15px}.ModelOutput{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;height:500px;max-height:800px;min-height:300px;min-width:300px;padding:16px;position:relative;transition:all .3s ease;width:calc(50% - 10px)}.ModelOutput:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.ModelOutput h3{align-items:center;border-bottom:1px solid #0000000f;color:#2d8cf0;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;margin:0;padding-bottom:12px}.ModelOutput h3 img{height:20px;margin-right:8px;opacity:.9;width:20px}.ModelOutput pre{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #0000000a;border-radius:8px;box-sizing:border-box;color:#333;flex:1 1;font-size:.95rem;line-height:1.5;margin:12px 0 0;max-width:calc(100% - 3px);overflow-y:auto;padding:16px;white-space:pre-wrap;width:calc(100% - 3px)}.ModelOutput .content-wrapper{flex:1 1;margin-top:12px;overflow:hidden;position:relative}.ModelOutput:active{box-shadow:0 2px 8px #0000001a;transform:none}.ChatBox{align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;left:280px;padding:10px 20px;position:fixed;right:0}.ChatBox textarea{border:1px solid #e0e0e0;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a;flex:1 1;font-size:1rem;height:50px;margin-right:10px;padding:10px;resize:vertical}.ChatBox button{background-color:#2d8cf0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.ChatBox button:hover{background-color:#1a73e8;transform:translateY(-2px)}@media (max-width:600px){.Sidebar{display:none}.ModelOutputs{grid-template-columns:1fr}.ChatBox{left:0}}.SidebarFooter{border-top:1px solid #fff;font-size:.9rem;margin-top:auto;padding:30px 0;text-align:center}.SettingsButton{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-bottom:15px;margin-top:auto;padding:5px}.SettingsButton img{filter:invert(0);height:24px;transition:transform .2s ease,opacity .3s ease;width:24px}.SettingsButton:hover img{opacity:.8;transform:scale(1.2)}.SaveAllButtonContainer{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#f8f9fa,#f8f9faf2);border-bottom:1px solid #0000000f;display:flex;justify-content:flex-end;margin:-20px -20px 0;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.SaveAllButton{align-items:center;background:linear-gradient(135deg,#2d8cf0,#2279db);border:none;border-radius:8px;box-shadow:0 2px 6px #2d8cf033;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:10px 20px;transition:all .3s ease}.SaveAllButton:hover{background:linear-gradient(135deg,#2279db,#1a73e8);box-shadow:0 4px 12px #2d8cf04d;transform:translateY(-1px)}.SaveAllButton:active{box-shadow:0 2px 4px #2d8cf033;transform:translateY(1px)}.new-chat-button{background-color:#4caf50;display:block;margin:10px auto;padding:10px;transition:background-color .3s;width:90%}.new-chat-button:hover{background-color:#45a049}.model-selector-chat{margin:10px 0;padding:10px}.model-selector-chat select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;padding:8px;width:100%}.chat-history{flex:1 1;overflow-y:auto}.mode-toggle{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:center;margin:10px 15px;padding:12px 15px}.toggle-switch{height:22px;margin:0 10px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fff3;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#10a37f}input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-label{color:#ffffffe6;font-size:.9rem;-webkit-user-select:none;user-select:none}.model-selector-container{align-items:center;display:flex;gap:8px;margin-bottom:20px}.new-chat-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px 8px;transition:background-color .2s}.new-chat-button:hover{background-color:#ffffff1a}.ModelOutput pre::-webkit-scrollbar,.ModelOutput::-webkit-scrollbar,.ModelOutputs::-webkit-scrollbar{height:6px;width:6px}.ModelOutput pre::-webkit-scrollbar-track,.ModelOutput::-webkit-scrollbar-track,.ModelOutputs::-webkit-scrollbar-track{background:#00000005;border-radius:3px}.ModelOutput pre::-webkit-scrollbar-thumb,.ModelOutput::-webkit-scrollbar-thumb,.ModelOutputs::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.ModelOutput pre::-webkit-scrollbar-thumb:hover,.ModelOutput::-webkit-scrollbar-thumb:hover,.ModelOutputs::-webkit-scrollbar-thumb:hover{background:#00000040}@media (max-width:768px){.ModelOutput{width:100%}.SaveAllButtonContainer{padding:10px 15px}}@media (max-width:1200px){.ModelOutput{height:400px;min-height:200px;width:100%}}.ModelSelector ul{list-style:none;margin:0;padding:0}.model-item{background-color:#2d8cf0;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:5px 0;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.model-item:hover{background-color:#1a73e8;transform:translateY(-2px)}.model-item.selected{background-color:#1a5bce;font-weight:700;transform:translateY(0)}.model-item.selected:hover{background-color:#14499a}.ModelSelector.disabled .model-item{background-color:#ccc;cursor:not-allowed;opacity:.7;pointer-events:none}.ModelSelector.disabled .model-item:hover{background-color:#ccc;transform:none}.ModelSelector.disabled .model-item.selected{background-color:#999}@media (max-width:600px){.ModelSelector ul{display:flex;flex-wrap:wrap}.model-item{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:0;margin:5px;text-align:center}}.model-separator{border:none;border-top:1px solid #ccc;margin:10px 0}.SettingsModal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;left:50%;max-width:90%;padding:20px;position:fixed;top:10%;transform:translateX(-50%);width:800px;z-index:1000}.SettingsHeader{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.SettingsHeader h2{color:#333;font-size:1.2rem;margin:0}.SettingsHeader button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.SettingsHeader button:hover{color:#c0392b}.SettingsTabs{border-bottom:1px solid #ccc;display:flex;justify-content:flex-start;margin-bottom:15px}.SettingsTabs button{background:none;border:none;border-bottom:2px solid #0000;color:#333;cursor:pointer;font-size:1rem;padding:8px 16px;transition:color .3s ease,border-bottom .3s ease}.SettingsTabs button.active{border-bottom:2px solid #2d8cf0;color:#2d8cf0}.SettingsContent{max-height:300px;overflow-y:auto}.ConfigCard{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;transition:box-shadow .2s ease}.ConfigCard:hover{box-shadow:0 4px 12px #0000001a}.ConfigCardContent{align-items:center;display:flex;flex:1 1;gap:10px}.ConfigCardContent input,.ConfigCardContent select{border:1px solid #ccc;border-radius:4px;flex:1 1;max-width:150px;min-width:100px;padding:6px}.ConfigCardActions{align-items:center;display:flex;gap:10px}.icon{color:#2d8cf0;cursor:pointer;font-size:1.2rem;transition:color .3s ease,transform .2s ease}.icon:hover{color:#1a73e8;transform:scale(1.2)}.SettingsFooter{background:#fff;border-top:1px solid #ddd;bottom:0;padding:10px;position:-webkit-sticky;position:sticky;text-align:right}.SettingsFooter button{background:#2d8cf0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.SettingsFooter button:hover{background:#1a73e8;transform:translateY(-2px)}.SettingsFooter button:active{background:#1565c0;transform:translateY(0)}.IconSelector{cursor:pointer;height:40px;position:relative;width:40px}.IconSelectorTrigger{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;display:flex;height:100%;justify-content:center;width:100%}.SelectedIcon{height:24px;object-fit:cover;width:24px}.IconSelectorMenu{grid-gap:8px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #0000001a;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);left:0;max-height:200px;overflow-y:auto;padding:8px;position:absolute;top:100%;width:200px;z-index:1000}.IconSelectorItem{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:4px;transition:all .2s ease;width:40px}.IconSelectorItem:hover{background-color:#f0f9ff;border-color:#2d8cf0}.IconSelectorItem img{height:24px;object-fit:cover;width:24px}.ModelOutput{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px;resize:both;transition:transform .2s ease,box-shadow .3s ease;width:100%}.ModelOutput-header{align-items:center;background-color:#e6f7ff;border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;height:36px;justify-content:space-between;margin-bottom:8px;padding:6px}.ModelOutput-header h3{align-items:center;color:#2d8cf0;display:flex;flex:1 1;font-size:.9rem;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ModelOutput-icon{display:inline-block;font-size:1rem;margin-right:6px}.ModelOutput-actions{display:flex;flex-shrink:0;gap:6px}.ModelOutput-action{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;padding:4px;transition:color .3s ease}.ModelOutput-action:hover{color:#1a73e8}.ModelOutput-close{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1rem;padding:4px;transition:color .3s ease}.ModelOutput-close:hover{color:#c0392b}.content-wrapper{box-sizing:border-box;flex:1 1;margin-top:8px;overflow:hidden;padding-right:6px;position:relative}.ModelOutput-content{word-wrap:break-word;background-color:#f7f7f8;border:1px solid #0000001a;border-radius:4px;bottom:0;box-sizing:border-box;font-size:.95rem;left:0;line-height:1.5;margin:0;overflow-y:auto;padding:12px;position:absolute;right:0;top:0;white-space:pre-wrap;width:100%}.ModelOutput-content::-webkit-scrollbar{height:6px;width:6px}.ModelOutput-content::-webkit-scrollbar-track{background:#00000005;border-radius:3px}.ModelOutput-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.ModelOutput-content::-webkit-scrollbar-thumb:hover{background:#00000040}.ModelOutput-icon-img,.model-icon-img{flex-shrink:0;height:20px;margin-right:8px;object-fit:cover;width:20px}.HistorySidebar{background-color:#fff;box-shadow:-2px 0 5px #0000001a;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:100}.HistorySidebar.open{transform:translateX(0)}.ToggleButton{background:#2d8cf0;border:none;border-radius:4px 0 0 4px;color:#fff;cursor:pointer;font-size:20px;height:60px;left:-30px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:30px}.ToggleButton:hover{background:#1a73e8}.HistoryContent{box-sizing:border-box;height:100%;overflow-y:auto;padding:20px}.HistoryContent::-webkit-scrollbar{width:8px}.HistoryContent::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.HistoryContent::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.HistoryContent::-webkit-scrollbar-thumb:hover{background:#999}.HistoryHeader{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.HistoryHeader h3{color:#333;font-size:1.1rem;margin:0}.HistoryActions{align-items:center;display:flex;gap:8px}.ClearHistoryButton,.ExportButton{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.1rem;padding:6px;transition:all .2s ease}.ExportButton:hover{background-color:#2d8cf01a;color:#2d8cf0}.ClearHistoryButton:hover{background-color:#ff4d4f1a;color:#ff4d4f}.ConversationList{display:flex;flex-direction:column;gap:8px}.ConversationItem{background-color:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;padding:12px;transition:all .2s ease}.ConversationItem:hover{background-color:#f7f9fc;border-color:#e6f7ff;box-shadow:0 2px 4px #0000001a}.ConversationItem.active{background-color:#e6f7ff;border-color:#2d8cf0;box-shadow:0 2px 4px #2d8cf01a}.ConversationTitle{align-items:center;color:#333;display:flex;font-weight:500;margin-bottom:8px;padding-right:70px;position:relative}.ModelBadge{align-items:center;background-color:#2d8cf0;border-radius:4px;color:#fff;display:inline-flex;font-size:.8em;font-weight:400;margin-right:8px;padding:2px 6px}.ModelBadge img{border-radius:2px;height:16px;margin-right:4px;object-fit:cover;width:16px}.ConversationMessages{font-size:.9em;margin:8px 0;max-height:80px;overflow-y:auto}.ConversationMessages::-webkit-scrollbar{width:4px}.ConversationMessages::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.MessagePreview{border-radius:4px;color:#666;margin:4px 0;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.MessagePreview.user{background-color:#f7f9fc}.MessagePreview.assistant{background-color:#f5f5f5}.ConversationDate{color:#999;font-size:.8em;margin-top:4px}.conversation-actions{display:flex;gap:4px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.ConversationItem:hover .conversation-actions{opacity:1}.delete-conversation-button,.export-conversation-button{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .2s ease}.export-conversation-button:hover{background-color:#2d8cf01a;color:#2d8cf0}.delete-conversation-button:hover{background-color:#ff4d4f1a;color:#ff4d4f}.chat-model-selector{left:12px;position:absolute;top:12px;z-index:100}.model-selector-button{align-items:center;background-color:#0000000d;border:1px solid #0000001a;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .3s}.model-selector-button:hover{background-color:#00000014}.model-icon{border-radius:4px;height:20px;margin-right:8px;width:20px}.model-name{color:#333;font-size:.9rem;margin-right:8px}.dropdown-arrow{color:#666;font-size:.8rem}.model-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:400px;min-width:200px;overflow-y:auto;padding:4px;position:absolute;top:100%}.model-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.model-option:hover{background-color:#0000000d}.model-option.selected{background-color:#10a37f1a}.model-selector-header{align-items:center;display:flex;gap:8px}.new-chat-icon-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px 8px;transition:all .2s ease}.new-chat-icon-button:hover{background-color:#0000000d;transform:scale(1.1)}.chat-window{background-color:#fff;height:calc(100vh - 120px);overflow-y:auto;padding:20px}.chat-messages{margin:0 auto;max-width:800px}.message{border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.message.user{background-color:#f7f7f8}.message.assistant{background-color:#fff}.message-avatar{flex-shrink:0;height:40px;margin-right:16px;width:40px}.user-avatar{align-items:center;background-color:#2d8cf0;color:#fff;display:flex;font-size:20px;justify-content:center}.model-avatar,.user-avatar{border-radius:4px;height:100%;width:100%}.model-avatar{object-fit:cover}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;margin-bottom:8px}.message-sender{font-weight:500;margin-right:8px}.message-time{color:#666;font-size:.85em;margin-right:auto}.copy-button{background:none;border:none;cursor:pointer;font-size:16px;opacity:0;padding:4px 8px;transition:opacity .2s ease}.message:hover .copy-button{opacity:1}.message-body{word-wrap:break-word;line-height:1.5;white-space:pre-wrap}.message-body p{margin:0 0 10px}.message-body p:last-child{margin-bottom:0}.code-block{background-color:#1e1e1e;border-radius:6px;margin:10px 0;overflow:hidden}.code-language{background-color:#2d2d2d;border-bottom:1px solid #3d3d3d;color:#fff;font-size:.85em;padding:6px 12px}.code-block pre{margin:0;overflow-x:auto;padding:12px}.code-block code{color:#d4d4d4;font-family:Fira Code,Consolas,monospace;font-size:.9em;line-height:1.5}
/*# sourceMappingURL=main.1798f4df.css.map*/