@charset "UTF-8";html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background-color:var(--background);color:var(--text)}body{position:fixed;width:100%;height:100%;font-family:inherit;font-size:1rem;font-weight:400;line-height:inherit}button,input,optgroup,select,textarea{font:inherit}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;padding:.5rem;border-radius:.375rem;background-color:var(--card-bg);box-shadow:var(--shadow)}@media(max-width:768px){.app-container{padding:.25rem;border-radius:0}.chat-area{width:100%;margin-right:0}.chat-list{display:none}}.header{margin-bottom:.5rem;border-radius:.375rem;padding:.75rem;background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative}.header-main-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.header-mobile-toggle{display:none}.header-left-panel{display:flex;align-items:center;gap:1rem}.balance{font-size:.875rem;font-weight:700}.header_model-selector-container{display:flex;align-items:center;gap:.625rem}.model-logo-header{width:1.75rem;height:1.75rem;border-radius:.375rem;object-fit:contain;border:1px solid var(--border);background-color:var(--card-bg)}.model-select{padding:.5rem .75rem;font-size:.875rem;font-weight:600;border-radius:.375rem;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);cursor:pointer;min-width:150px}.header_model-stats-container{display:flex;align-items:center;gap:1.125rem;padding:.25rem .75rem;background-color:var(--card-bg);border-radius:.375rem;border:1px solid var(--border)}.model-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1;cursor:help}.stat-label{font-size:.625rem;font-weight:500;color:var(--secondary);text-transform:uppercase;letter-spacing:.03125rem}.stat-value{font-size:.875rem;font-weight:600;color:var(--text)}.link-logo{border-radius:5px;box-shadow:0 0 10px #0003;transition:box-shadow .3s}.link-logo:hover{box-shadow:0 0 10px #00000080}.header-actions{display:flex;gap:.5rem}.header-actions .ui-btn{padding:.5rem 1rem;border:2px solid var(--border);border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;background-color:var(--button-bg);color:var(--text)}.header-actions .ui-btn_outline-primary{background-color:transparent;color:var(--primary);border-color:var(--primary)}.header-actions .ui-btn_outline-primary:hover{background-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px var(--focus-ring)}.header-actions .models-info-button-active{background-color:var(--primary);color:#fff;box-shadow:0 2px 8px var(--focus-ring)}.header-actions .ui-btn_outline-secondary{background-color:transparent;color:var(--secondary);border-color:var(--secondary)}.header-actions .ui-btn_outline-secondary:hover{background-color:var(--secondary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d4d}.header-actions .ui-btn_outline-danger{background-color:transparent;color:var(--danger);border:2px solid var(--danger)}.header-actions .ui-btn_outline-danger:hover{background-color:var(--danger);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.header-actions .ui-btn:active{transform:translateY(0)}.header-mobile-toggle{display:none;position:fixed;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;z-index:10;color:var(--text)}@media(max-width:768px){.header{position:relative;margin-bottom:0;padding:0;border:none;background:transparent;box-shadow:none;max-height:none;overflow:visible;flex-direction:column;align-items:flex-start;z-index:20}.header-main-content{position:absolute;top:0;left:0;right:0;flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;border-radius:.375rem;background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .3s ease-in-out,opacity .2s ease-in-out}.header.mobile-expanded .header-main-content{max-height:500px;opacity:1;pointer-events:auto}.header-mobile-toggle{display:block}.header-left-panel,.header_model-selector-container,.header_model-stats-container,.header-actions{flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.model-select,.header-actions .ui-btn{width:100%}.header_model-stats-container{flex-direction:row;justify-content:space-around}.header_balance-container{font-size:.8rem}}@media(max-width:480px){.header_balance-container{font-size:.8rem}}.btn-balance-refresh{border:2px solid var(--primary)!important;position:relative;transition:all .3s ease;padding:6px 15px!important;display:flex;align-items:center;justify-content:center;min-height:36px;line-height:1.1}.balance-refresh-content{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.68rem;font-weight:600}.balance-refresh-content .balance-line{white-space:nowrap}.balance-free-label{display:inline-block;margin-left:3px;color:var(--success);font-weight:700;font-size:.62rem;text-transform:lowercase}[data-theme=dark] .balance-free-label{color:var(--success)}.balance-refresh-loading{font-size:.75rem;font-weight:600}.btn-balance-refresh:hover:not(:disabled){background-color:var(--primary);color:#fff;box-shadow:0 0 10px var(--focus-ring)}.btn-balance-refresh:disabled{opacity:.6;cursor:not-allowed;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 5px var(--focus-ring)}50%{box-shadow:0 0 15px var(--focus-ring)}}.error-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.error-modal{background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;padding:1.5rem}.error-modal-header h3{margin:0 0 1rem;color:var(--danger);font-size:1.25rem}.error-modal-body{margin-bottom:1.5rem}.error-modal-body p{margin:0;color:var(--text);line-height:1.5}.error-modal-footer{display:flex;justify-content:flex-end}.error-modal-footer .ui-btn{min-width:100px}@media(max-width:768px){.error-modal{width:95%;padding:1rem}}.user-menu{position:relative;display:inline-flex}.user-menu_dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:160px;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 4px 16px #0003;padding:.25rem;display:flex;flex-direction:column;gap:.15rem;z-index:1100}.user-menu_item{background:none;border:none;text-align:left;padding:.55rem .75rem;font-size:.875rem;font-weight:600;color:var(--text);border-radius:.25rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.user-menu_item:hover{background-color:var(--primary);color:#fff}.user-menu_item_danger{color:var(--danger)}.user-menu_item_danger:hover{background-color:var(--danger);color:#fff}@media(max-width:768px){.user-menu{width:100%}.user-menu_dropdown{position:static;width:100%;min-width:0;box-shadow:none;margin-top:.4rem}.user-menu_item{width:100%}}.model-selector-dropdown{position:relative;min-width:200px;max-width:280px;flex-shrink:0}.model-selector-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-primary, #333);transition:border-color .2s,box-shadow .2s;text-align:left;white-space:nowrap;overflow:hidden}.model-selector-trigger:hover{border-color:var(--accent-color, #4a90e2);box-shadow:0 0 0 2px #4a90e226}.model-trigger-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:500}.model-free-badge-trigger{flex-shrink:0;font-size:10px;font-weight:700;color:#fff;background:var(--success);border-radius:4px;padding:1px 5px;letter-spacing:.5px}.model-selector-arrow{flex-shrink:0;transition:transform .2s ease;color:var(--text-secondary, #888)}.model-selector-arrow.open{transform:rotate(180deg)}.model-selector-list{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:280px;max-height:360px;overflow-y:auto;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #ddd);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:1000;list-style:none;margin:0;padding:4px;scrollbar-width:thin}.model-selector-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;cursor:pointer;transition:background .15s}.model-selector-option:hover{background:var(--bg-secondary, #f5f5f5)}.model-selector-option.selected{background:#4a90e21a}.model-selector-option.free{background:#22c55e0f}.model-selector-option.free:hover{background:#22c55e1f}.model-selector-option.free.selected{background:color-mix(in srgb,var(--success) 15%,transparent)}.model-option-logo{width:28px;height:28px;object-fit:contain;border-radius:4px;flex-shrink:0}.model-option-info{display:flex;flex-direction:column;flex:1;overflow:hidden;min-width:0}.model-option-name{font-size:13px;font-weight:500;color:var(--text-primary, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option-owner{font-size:11px;color:var(--text-secondary, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option-badges{flex-shrink:0}.model-free-dot{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--success)}.model-free-dot-circle{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent);flex-shrink:0}[data-theme=dark] .model-selector-trigger{background:var(--bg-secondary, #2a2a2a);border-color:var(--border-color, #444);color:var(--text-primary, #eee)}[data-theme=dark] .model-selector-list{background:var(--bg-primary, #1e1e1e);border-color:var(--border-color, #444);box-shadow:0 8px 24px #0006}[data-theme=dark] .model-selector-option:hover{background:var(--bg-secondary, #2a2a2a)}[data-theme=dark] .model-selector-option.free{background:color-mix(in srgb,var(--success) 8%,transparent)}[data-theme=dark] .model-selector-option.free:hover{background:color-mix(in srgb,var(--success) 15%,transparent)}[data-theme=dark] .model-option-name{color:var(--text-primary, #eee)}[data-theme=dark] .model-option-owner{color:var(--text-secondary, #aaa)}.model-selector-list::-webkit-scrollbar{width:5px}.model-selector-list::-webkit-scrollbar-track{background:transparent}.model-selector-list::-webkit-scrollbar-thumb{background:var(--border-color, #ccc);border-radius:3px}.new-chat-button{height:65px;width:97%;border:1px solid var(--border);margin-bottom:.5rem;margin-top:.5rem;border-radius:.375rem;background-color:var(--button-bg);color:var(--text);cursor:pointer}.new-chat-button:hover{box-shadow:inset 0 0 20px var(--shadow);background-color:var(--button-hover-bg)}.new-chat-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:inset 0 0 10px #0003}.new-chat-button.active:hover{background-color:var(--primary-hover, var(--primary))}.chat-list{flex:0 0 260px;width:260px;border:1px solid var(--border);margin-right:.5rem;border-radius:.375rem;display:flex;flex-direction:column;align-items:center;background-color:var(--card-bg);box-shadow:var(--shadow);height:calc(100vh - 95px);height:calc(100dvh - 95px);overflow-y:auto;overflow-x:hidden;transition:flex-basis .25s ease,width .25s ease,min-width .25s ease,margin-right .25s ease}.chat-list.collapsed{flex:0 0 54px;width:54px;min-width:54px;overflow:hidden}.chat-list.collapsed .system-message-area{opacity:0;pointer-events:none;visibility:hidden}.chat-list-content{flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.chat-list_top-row{display:flex;align-items:center;gap:.4rem;width:97%;margin-top:.5rem;margin-bottom:.5rem;flex-shrink:0}.chat-list_top-row .new-chat-button{flex:1;margin:0}.chat-list-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:65px;background:none;border:1px solid var(--border);border-radius:.375rem;cursor:pointer;color:var(--text);background-color:var(--button-bg);transition:background-color .2s ease}.chat-list-toggle:hover{background-color:var(--button-hover-bg)}.chat-list-toggle:active{transform:scale(.93)}.chat-list.collapsed .chat-list_top-row{justify-content:center;width:100%;margin-top:.5rem;margin-bottom:0}.chat-list.collapsed .chat-list-content>*:not(.chat-list_top-row){display:none}@media(max-width:768px){.chat-list{display:none}}.chat-button{height:65px;width:97%;border:1px solid var(--border);margin-bottom:.5rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden;box-sizing:border-box;background-color:var(--button-bg);color:var(--text);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem}.chat-button.menu-open{overflow:visible}.chat-button:hover{background-color:var(--button-hover-bg)}.chat-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:inset 0 0 10px #0003}.chat-button.active:hover{background-color:var(--primary-hover, var(--primary))}.chat-button-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-button_menu-container{position:relative}.chat-menu-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.7;transition:opacity .2s,background-color .2s}.chat-menu-button:hover{opacity:1;background-color:#ffffff1a}.chat-menu{position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.375rem;box-shadow:var(--shadow);z-index:1000;min-width:160px;padding:.25rem 0}.chat-menu-item{width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--text);font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.chat-menu-item:hover{background-color:var(--button-hover-bg)}.chat-menu-item.delete{color:var(--danger)}.chat-menu-item.delete:hover{background-color:#dc35451a}.chat-button-input{background:transparent;border:1px solid var(--border);border-radius:.25rem;padding:.25rem .5rem;color:inherit;font-size:inherit;font-family:inherit;width:100%;outline:none}.chat-button-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.chat-button-input:disabled{opacity:.6;cursor:not-allowed}.chat-button-content{flex:1;cursor:pointer;display:flex;align-items:center;min-width:0}.confirm-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.confirm-modal{background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 4px 20px #0000004d;max-width:450px;width:90%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-header{padding:1.25rem;border-bottom:1px solid var(--border)}.confirm-modal-header h3{margin:0;font-size:1.25rem;color:var(--text);font-weight:600}.confirm-modal-body{padding:1.5rem 1.25rem}.confirm-modal-body .name{color:#331335;padding:5px;background-color:#7fb2ff46;border-radius:5px}.confirm-modal-body p{margin:0;color:var(--text);font-size:1rem;line-height:1.5}.confirm-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.confirm-modal-button{padding:.625rem 1.25rem;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-modal-button.cancel{background-color:var(--secondary);color:#fff}.confirm-modal-button.cancel:hover{background-color:#5a6268}.confirm-modal-button.confirm{background-color:var(--primary);color:#fff}.confirm-modal-button.confirm:hover{background-color:var(--primary-hover, #0056b3)}.confirm-modal-button.confirm.danger{background-color:var(--danger)}.confirm-modal-button.confirm.danger:hover{background-color:var(--danger-hover)}.confirm-modal-button:active{transform:scale(.98)}@media(max-width:480px){.confirm-modal{width:95%}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-button{width:100%}}.system-message-area{width:97%;margin:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--card-bg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.system-message-header{display:flex;justify-content:space-between;align-items:center}.system-message-label{font-size:.875rem;font-weight:600;color:var(--text)}.system-message-clear{background:none;border:none;color:var(--secondary);cursor:pointer;font-size:.75rem;padding:.375rem .625rem;min-height:32px;border-radius:.25rem;transition:background-color .2s}.system-message-clear:hover{background-color:var(--button-hover-bg);color:var(--text)}.system-message-clear:active{transform:scale(.95)}.system-message-textarea{width:100%;min-height:48px;max-height:100px;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--text);font-family:inherit;font-size:.875rem;resize:none;overflow-y:auto;box-sizing:border-box}.system-message-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.system-message-textarea::placeholder{color:var(--secondary);font-style:italic}.system-message-counter{font-size:.75rem;color:var(--secondary);text-align:right}@media(max-width:768px){.system-message-area{width:100%;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}}:root{--sidebar-actual-width: 260px}.prompt-area{width:calc(100% - 1rem);padding:.5rem;margin:0;border-radius:.375rem;display:flex;flex-direction:column;background-color:var(--chat-assistant-bg);position:absolute;left:50%;right:auto;transform:translate(-50%);bottom:50%;transition:bottom .3s ease;box-shadow:var(--shadow)}.messages{padding:.5rem;margin:0;border-radius:.375rem;display:flex;flex-direction:column;background-color:var(--chat-assistant-bg);position:fixed;bottom:5px;left:calc(var(--sidebar-actual-width) + 2rem);right:2.5rem;width:auto;transition:bottom .3s ease,transform .3s ease,opacity .3s ease,left .25s ease,right .25s ease;box-shadow:var(--shadow)}.prompt-area_input-container{display:flex;gap:.625rem;width:100%}.prompt-area textarea,.messages textarea{border-radius:.375rem;border:1px solid var(--border);padding:.5rem;box-sizing:border-box;background-color:var(--card-bg);color:var(--text);font-size:1rem}.markdown-preview{border-radius:.375rem;background-color:var(--card-bg);padding:.5rem;min-height:40px;max-height:240px;overflow-y:auto;width:50%;box-sizing:border-box;border:1px solid var(--border);box-shadow:var(--shadow)}.button{min-width:48px;min-height:48px;margin:0 .125rem;padding:.5rem;border:1px solid var(--border);background-color:var(--button-bg);cursor:pointer;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.button:disabled{opacity:.5;cursor:not-allowed}.button:hover{background-color:var(--button-hover-bg)}.button:active{transform:scale(.95)}.arrow{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:.5rem}.prompt-buttons-group{display:flex;gap:.25rem;align-items:center}.clear-button{margin:0 .125rem;padding:.5rem;min-height:48px;border:1px solid var(--border);background-color:var(--button-bg);cursor:pointer;border-radius:.375rem;color:var(--text);transition:background .2s}textarea{resize:none;overflow-y:auto;max-height:240px}.prompt-area_input-container textarea:focus{outline:none;border-color:var(--primary-color)}.clear-button:hover:not(:disabled){background:var(--button-hover-bg)}.clear-button:disabled{opacity:.5;cursor:not-allowed}.collapse-button,.prompt-area-fab{display:none}@media(max-width:768px){.prompt-area,.messages{width:calc(100% - 1rem);left:50%;right:auto;transform:translate(-50%);bottom:10px;padding:.75rem}.messages{position:fixed}.messages.mobile-collapsed{transform:translate(-50%,150%);opacity:0;pointer-events:none}.prompt-area-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--primary);color:#fff;border:none;box-shadow:var(--shadow);cursor:pointer;z-index:100}.markdown-preview{display:none}.prompt-area_input-container textarea{width:100%!important}.arrow{flex-direction:column;align-items:stretch;gap:.75rem}.arrow>span{text-align:center;font-size:.75rem}.prompt-buttons-group{justify-content:space-between}.collapse-button{display:flex}.button,.clear-button{flex:1;min-width:48px}}.prompt-area_attached-images-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.attached-image-thumb{position:relative;width:64px;height:64px;border-radius:.375rem;overflow:hidden;border:1px solid var(--border)}.attached-image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attached-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.attached-image-remove:hover{background:#dc3545e6}.prompt-area_web-search-row{display:flex;margin-bottom:.5rem}.web-search-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .35rem;border:1px solid var(--border);border-radius:999px;background-color:var(--card-bg);color:var(--secondary);font-size:.8rem;line-height:1.2;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.web-search-toggle:hover:not(:disabled){border-color:var(--primary)}.web-search-toggle:disabled{opacity:.5;cursor:not-allowed}.web-search-toggle.is-on{color:var(--text);border-color:var(--primary)}.web-search-toggle_track{position:relative;flex:0 0 auto;width:30px;height:16px;border-radius:999px;background-color:var(--border);transition:background-color .2s ease}.web-search-toggle.is-on .web-search-toggle_track{background-color:var(--primary)}.web-search-toggle_thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:#fff;transition:transform .2s ease}.web-search-toggle.is-on .web-search-toggle_thumb{transform:translate(14px)}.web-search-toggle_label{white-space:nowrap}.prompt-area_image-options-row{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.image-option{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--secondary)}.image-option-select,.image-option-input{padding:.4rem .5rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--card-bg);color:var(--text);font-size:.875rem;min-width:120px}.image-option-input{width:90px}.chat-area{flex:1;min-width:0;border:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-end;border-radius:.375rem;max-height:calc(100vh - 95px);max-height:calc(100dvh - 95px);overflow-y:auto;padding-bottom:120px;position:relative;background-color:var(--card-bg);box-shadow:var(--shadow);transition:flex .25s ease}@media(max-width:768px){.chat-area{width:100%;margin-right:0;max-height:calc(100dvh - 100px);padding-top:3.25rem;border-radius:0}.chat-area.chat-area_input-collapsed{padding-bottom:5.5rem}}@media(max-width:480px){.chat-area{padding-bottom:140px}.chat-area.chat-area_input-collapsed{padding-bottom:5.5rem}}.chat-message_container{width:99%;margin:.5rem;display:flex;flex-direction:column;gap:.5rem}.answer-area{display:flex;flex-direction:column;width:100%;position:relative;border-radius:.375rem;padding:.25rem}.request-area{display:flex;flex-direction:column;width:93%;margin-left:auto;position:relative}.answer-content{background-color:var(--chat-assistant-bg);border-radius:.375rem;padding:.5rem;margin:.5rem;flex:1}.request-content{background-color:var(--chat-user-bg);border-radius:.375rem;margin:.5rem;padding:.5rem;flex:1}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--secondary);border-bottom:1px solid var(--border);padding-bottom:.25rem}.message-role{font-weight:600;color:var(--text)}.message-time{font-style:italic}.message-model-with-icon{display:inline-flex;align-items:center;gap:.25rem;min-width:0}.message-model-icon{width:1.05rem;height:1.05rem;border-radius:.1875rem;object-fit:contain;border:1px solid var(--border);background-color:var(--card-bg);flex-shrink:0}.message-model{background-color:var(--primary);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.8rem;line-height:1.2}.message-usage-details{display:flex;align-items:center;gap:.75rem;font-size:.8rem;font-weight:500;padding:.25rem .5rem;background-color:var(--chat-assistant-bg);border-radius:.375rem;flex-wrap:wrap}.total-tokens{color:var(--secondary)}.prompt-tokens{display:flex;align-items:center;gap:.2rem;color:var(--primary)}.completion-tokens{display:flex;align-items:center;gap:.2rem;color:#d63384}.cost-details{font-weight:600;color:var(--primary)}.cost-total-details{font-weight:600;color:var(--secondary);opacity:.95}.token-hint-wrapper{position:relative;display:inline-flex;align-items:center}.token-hint{position:absolute;left:50%;top:calc(100% + .3rem);transform:translate(-50%,-2px);white-space:nowrap;padding:.2rem .45rem;border-radius:.25rem;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);font-size:.7rem;box-shadow:var(--shadow);z-index:20;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.token-hint_visible{opacity:1;visibility:visible;transform:translate(-50%)}.free-badge{background-color:var(--success);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.loading-response{display:flex;align-items:center;gap:.5rem;color:var(--secondary);font-style:italic}.error-response{color:var(--danger);font-style:italic}.copy-button{align-self:flex-end;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem;color:var(--secondary);transition:color .2s ease,background-color .2s ease}.copy-button:hover{background-color:var(--button-hover-bg);border-radius:.25rem;color:var(--text)}.copy-toolbar{display:flex;justify-content:flex-end;gap:.25rem}.markdown-code-block-wrapper{position:relative;margin:1rem 0}.code-copy-header{position:sticky;top:.5rem;z-index:10;display:flex;justify-content:flex-end;height:auto;padding-right:.5rem;pointer-events:none}.code-copy-button{pointer-events:auto;transform:translateY(.5rem);display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-family:inherit;color:var(--text-color, #555);background-color:var(--bg-color, #e5e5e5);border:1px solid var(--border-color, #ccc);border-radius:6px;cursor:pointer;opacity:.8;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0003}.code-copy-button:hover{opacity:1;background-color:var(--bg-hover-color, #d5d5d5)}.code-copy-button.copied{color:#2e7d32;border-color:#4caf50;background-color:#e8f5e9;opacity:1}.markdown-code-block-wrapper pre{margin:0!important;padding-top:2.5rem!important;overflow-x:auto}[data-theme=dark] .code-copy-button{color:#ccc;background-color:#333;border-color:#555;box-shadow:0 2px 5px #00000080}[data-theme=dark] .code-copy-button:hover{background-color:#444}[data-theme=dark] .code-copy-button.copied{color:#81c784;background-color:#1b5e20;border-color:#4caf50}.copy-button.copied{color:#2e7d32;opacity:1}[data-theme=dark] .copy-button.copied{color:#81c784}[data-theme=dark] .completion-tokens{color:#ff7be5}[data-theme=dark] .free-badge{background-color:#218838}[data-theme=dark] .error-response{color:#ff6b7a}[data-theme=dark] .prompt-tokens{color:#362c95}[data-theme=dark] .total-tokens{color:#1e4d45}[data-theme=dark] .cost-details{color:#112b42}[data-theme=dark] .cost-total-details{color:var(--secondary)}.answer-content table,.request-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem;overflow-x:auto;display:block}.answer-content thead,.request-content thead{background-color:var(--button-bg)}.answer-content th,.request-content th{padding:.6rem .9rem;text-align:left;font-weight:600;border:1px solid var(--border);color:var(--text);white-space:nowrap}.answer-content td,.request-content td{padding:.5rem .9rem;border:1px solid var(--border);color:var(--text);vertical-align:top}.answer-content tbody tr:nth-child(2n),.request-content tbody tr:nth-child(2n){background-color:var(--chat-assistant-bg)}.answer-content tbody tr:hover,.request-content tbody tr:hover{background-color:var(--button-hover-bg)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.streaming-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--secondary);font-style:italic;margin-top:.25rem}@media(hover:none)and (pointer:coarse){.token-hint{top:auto;bottom:calc(100% + .35rem)}}.markdown-inline-img{max-width:100%;height:auto;border-radius:.375rem;display:block}.raw-message-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.image-message{display:flex;flex-direction:column;gap:.5rem}.image-message_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.image-message_link{display:block;border-radius:.5rem;overflow:hidden;border:1px solid var(--border);transition:transform .15s ease,box-shadow .2s ease}.image-message_link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.image-message_img{display:block;width:100%;height:auto;object-fit:cover}.image-message_loading,.image-message_error{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:180px;border:1px dashed var(--border);border-radius:.5rem;color:var(--secondary);font-size:.85rem;font-style:italic;padding:1rem}.image-message_error{color:var(--danger);border-color:var(--danger)}.image-message_caption{margin:0;font-size:.8rem;color:var(--secondary);font-style:italic}[data-theme=dark] .image-message_error{color:var(--danger);border-color:var(--danger)}.user-settings{flex:1;min-width:0;border:1px solid var(--border);border-radius:.375rem;max-height:calc(100vh - 95px);max-height:calc(100dvh - 95px);overflow-y:auto;background-color:var(--card-bg);box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.user-settings_header h2{margin:0;font-size:1.4rem;color:var(--text)}.user-settings_error{background-color:#dc35451a;border:1px solid var(--danger);color:var(--danger);padding:.5rem .75rem;border-radius:.375rem;font-size:.9rem}.user-settings_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.user-settings_item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background)}.user-settings_label{font-size:.75rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.03em}.user-settings_value{font-size:1rem;font-weight:600;color:var(--text);word-break:break-all}.user-settings_free-badge{background-color:var(--success);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:.25rem;margin-left:.4rem;vertical-align:middle}.user-settings_updated{font-size:.85rem;color:var(--secondary);font-style:italic}.user-settings_actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.user-settings_actions .ui-btn{min-width:150px}@media(max-width:768px){.user-settings{width:100%;margin-right:0;max-height:calc(100dvh - 160px);border-radius:0;padding:1rem}.user-settings_grid{grid-template-columns:1fr}.user-settings_actions .ui-btn{width:100%}}.user-settings_toggle-row{display:flex;align-items:center}.user-settings_toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.user-settings_toggle-input{position:absolute;opacity:0;width:0;height:0}.user-settings_toggle-slider{position:relative;flex:0 0 auto;width:42px;height:22px;background-color:var(--border);border-radius:999px;transition:background-color .2s ease}.user-settings_toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #00000040}.user-settings_toggle-input:checked+.user-settings_toggle-slider{background-color:var(--success)}.user-settings_toggle-input:checked+.user-settings_toggle-slider:before{transform:translate(20px)}.user-settings_toggle-input:focus-visible+.user-settings_toggle-slider{outline:2px solid var(--primary);outline-offset:2px}.user-settings_toggle-text{font-size:.95rem;color:var(--text)}.user-settings_keys{display:flex;flex-direction:column;gap:.85rem;padding-top:1rem;border-top:1px solid var(--border)}.user-settings_keys-header h3{margin:0 0 .35rem;font-size:1.1rem;color:var(--text)}.user-settings_keys-hint{margin:0;font-size:.85rem;color:var(--secondary);line-height:1.4}.user-settings_warning{background-color:#ffc1071f;border:1px solid #ffc107;color:var(--text);padding:.5rem .75rem;border-radius:.375rem;font-size:.9rem}.user-settings_keys-empty{font-size:.9rem;color:var(--secondary);padding:.75rem 1rem;border:1px dashed var(--border);border-radius:.375rem}.user-settings_keys-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.user-settings_key{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background)}.user-settings_key_active{border-color:var(--success)}.user-settings_key-radio{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap}.user-settings_key-radio-text{font-size:.8rem;color:var(--secondary)}.user-settings_key_active .user-settings_key-radio-text{color:var(--success);font-weight:600}.user-settings_key-main{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:200px}.user-settings_key-label{font-size:1rem;font-weight:600;color:var(--text);word-break:break-word}.user-settings_key-mask{font-family:monospace;font-size:.85rem;color:var(--secondary)}.user-settings_key-meta{font-size:.75rem;color:var(--secondary)}.user-settings_key-edit{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.user-settings_key-actions{display:flex;gap:.5rem;flex-wrap:wrap}.user-settings_key-btn{min-width:auto;padding:.35rem .75rem;font-size:.85rem}.user-settings_key-form{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;padding-top:.35rem}.user-settings_input{flex:1;min-width:180px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--card-bg);color:var(--text);font-size:.9rem}.user-settings_input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}@media(max-width:768px){.user-settings_key,.user-settings_key-form{flex-direction:column;align-items:stretch}.user-settings_key-actions .ui-btn,.user-settings_key-form .ui-btn,.user-settings_input{width:100%}}.model-details-overlay{position:fixed;inset:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.model-details{width:100%;max-width:620px;max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.625rem;box-shadow:0 12px 40px #0000004d;overflow:hidden}.model-details_header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border);flex-shrink:0}.model-details_logo{width:44px;height:44px;border-radius:.5rem;object-fit:contain;border:1px solid var(--border);background-color:var(--background);flex-shrink:0}.model-details_header-text{flex:1;min-width:0}.model-details_name{margin:0;font-size:1.05rem;font-weight:700;color:var(--text);word-break:break-word}.model-details_type{font-size:.78rem;color:var(--secondary)}.model-details_close-btn{background:none;border:none;cursor:pointer;color:var(--secondary);font-size:1.1rem;line-height:1;padding:.3rem .4rem;border-radius:.3rem;flex-shrink:0;transition:background-color .2s,color .2s}.model-details_close-btn:hover{background-color:var(--button-hover-bg);color:var(--text)}.model-details_body{padding:1rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.model-details_id-block{display:flex;align-items:center;gap:.5rem;background-color:var(--background);border:1px solid var(--border);border-radius:.375rem;padding:.4rem .55rem}.model-details_id{flex:1;min-width:0;font-size:.78rem;color:var(--text);overflow-wrap:anywhere}.model-details_copy-btn{flex-shrink:0;background:none;border:1px solid var(--border);border-radius:.3rem;color:var(--secondary);font-size:.72rem;padding:.25rem .5rem;cursor:pointer;transition:color .2s,border-color .2s}.model-details_copy-btn:hover{color:var(--primary);border-color:var(--primary)}.model-details_copy-btn.copied{color:var(--success);border-color:var(--success)}.model-details_section{display:flex;flex-direction:column;gap:.4rem}.model-details_section-title{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary)}.model-details_sub-title{font-size:.76rem;font-weight:600;color:var(--text);margin-top:.2rem}.model-details_description,.model-details_type-summary{margin:0;font-size:.85rem;line-height:1.55;color:var(--text);white-space:pre-line;overflow-wrap:anywhere}.model-details_type-summary{color:var(--secondary)}.model-details_list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;line-height:1.45;color:var(--text)}.model-details_list_can li::marker{color:var(--success)}.model-details_list_cannot li::marker{color:var(--danger)}.model-details_abilities{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.82rem}.model-details_ability{display:flex;align-items:flex-start;gap:.45rem;line-height:1.45}.model-details_ability-mark{flex-shrink:0;font-weight:700}.model-details_ability.is-yes .model-details_ability-mark{color:var(--success)}.model-details_ability.is-no .model-details_ability-mark,.model-details_ability.is-no .model-details_ability-text{color:var(--secondary)}.model-details_ability-hint{font-style:normal;color:var(--secondary);font-size:.78rem}.model-details_row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.82rem;padding:.15rem 0}.model-details_row-label{color:var(--secondary);flex-shrink:0}.model-details_row-value{color:var(--text);font-weight:500;text-align:right;overflow-wrap:anywhere}.model-details_row-value_danger{color:var(--danger);font-weight:600}.model-details_row-value_success{color:var(--success);font-weight:600}.model-details_note{margin:0;font-size:.78rem;line-height:1.45;color:var(--secondary)}.model-details_note_success{color:var(--success);font-weight:600}.model-details_note_danger{color:var(--danger);font-weight:600}.model-details_footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.85rem 1.2rem;border-top:1px solid var(--border);flex-shrink:0;background-color:var(--card-bg)}.model-details_select-btn{padding:.5rem 1rem;border:1px solid var(--primary);border-radius:.375rem;background-color:var(--primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.model-details_select-btn:hover:not(:disabled){opacity:.9}.model-details_select-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.model-details-overlay{padding:0}.model-details{max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:none}}.models-info{flex:1;min-width:0;border:1px solid var(--border);border-radius:.375rem;max-height:calc(100vh - 95px);max-height:calc(100dvh - 95px);overflow-y:auto;background-color:var(--card-bg);box-shadow:var(--shadow);display:flex;flex-direction:column}.models-info_header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border);flex-shrink:0;gap:1rem;position:sticky;top:0;z-index:1;background-color:var(--card-bg)}.models-info_header-left{display:flex;align-items:baseline;gap:.75rem}.models-info_title{margin:0;font-size:1.2rem;font-weight:700;color:var(--text)}.models-info_count{font-size:.8rem;color:var(--secondary)}.models-info_header-right{display:flex;align-items:center;gap:.5rem}.models-info_refresh-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--button-bg);color:var(--text);font-size:.875rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.models-info_refresh-btn:hover:not(:disabled){background-color:var(--button-hover-bg)}.models-info_refresh-btn:disabled{opacity:.7;cursor:not-allowed}.models-info_search-row{padding:.75rem 1.4rem;border-bottom:1px solid var(--border);flex-shrink:0}.models-info_search{width:100%;padding:.5rem .85rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.models-info_search:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.models-info_type-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.75rem 1.4rem;border-bottom:1px solid var(--border);flex-shrink:0}.models-info_type-filter:has(+.models-info_author-filter){border-bottom:none;padding-bottom:.35rem}.models-info_author-filter{padding-top:.35rem}.models-info_filter-label{margin-right:.25rem;font-size:.8rem;color:var(--secondary);white-space:nowrap}.models-info_type-btn{padding:.35rem .85rem;border:1px solid var(--border);border-radius:999px;background-color:var(--button-bg);color:var(--text);font-size:.8rem;cursor:pointer;transition:background-color .2s,border-color .2s}.models-info_type-btn:hover{background-color:var(--button-hover-bg)}.models-info_type-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.models-info_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.2rem 1.4rem;flex:1}.models-info_empty{grid-column:1/-1;text-align:center;color:var(--secondary);padding:3rem 1rem;font-size:.95rem}.models-info_actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.4rem;border-top:1px solid var(--border);flex-shrink:0;position:sticky;bottom:0;background-color:var(--card-bg)}.model-card{background-color:var(--background);border:1px solid var(--border);border-radius:.625rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.model-card:hover{border-color:var(--primary);box-shadow:0 4px 16px var(--focus-ring);transform:translateY(-2px)}.model-card_selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.model-card_header{display:flex;align-items:flex-start;gap:.75rem}.model-card_logo{width:44px;height:44px;border-radius:.5rem;object-fit:contain;border:1px solid var(--border);background-color:var(--card-bg);flex-shrink:0}.model-card_title-block{flex:1;min-width:0}.model-card_name{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card_badges{display:flex;flex-wrap:wrap;gap:.3rem}.model-badge{display:inline-block;font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:.25rem;white-space:nowrap}.badge-chat{background:var(--focus-ring);color:var(--primary)}.badge-vision{background:#6f42c11f;color:#6f42c1}.badge-image{background:#fd7e141f;color:#fd7e14}.badge-embedding{background:#20c9971f;color:#20c997}.badge-free{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-selected{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}[data-theme=dark] .badge-vision{color:#c084fc}[data-theme=dark] .badge-image{color:#fb923c}[data-theme=dark] .badge-free{color:var(--success)}.model-card_description{margin:0;font-size:.78rem;color:var(--secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.model-card_params{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem}.model-card_param{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.model-card_param-label{color:var(--secondary);flex-shrink:0}.model-card_param-value{font-weight:500;color:var(--text);text-align:right}.model-card_id-row{display:flex;align-items:center;gap:.4rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.3rem;padding:.2rem .45rem;flex:1;min-width:0}.model-card_id-code{font-size:.72rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.model-card_copy-btn{background:none;border:none;cursor:pointer;color:var(--secondary);padding:0;display:flex;align-items:center;flex-shrink:0;transition:color .2s}.model-card_copy-btn:hover{color:var(--primary)}.model-card_copy-btn.copied{color:var(--success)}.model-card_pricing{border-top:1px solid var(--border);padding-top:.6rem;display:flex;flex-direction:column;gap:.25rem}.model-card_pricing-title{margin:0 0 .3rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary)}.model-card_price-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem}.model-card_price-label{color:var(--secondary)}.model-card_price-value{font-family:monospace;font-weight:600;color:var(--text)}.model-card_select-btn{margin-top:auto;width:100%;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--button-bg);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.model-card_select-btn:hover{background-color:var(--button-hover-bg)}.model-card_select-btn_active{background-color:var(--primary);border-color:var(--primary);color:#fff}.model-card_select-btn_active:hover{background-color:var(--primary);opacity:.9}.badge-reasoning{background:#8b5cf624;color:#7c3aed}.badge-websearch{background:#0ea5e924;color:#0ea5e9}.badge-vision-in{background:#ec489924;color:#db2777}.badge-image-out{background:#fd7e1424;color:#fd7e14}.badge-inactive{background:#6b72802e;color:#6b7280}[data-theme=dark] .badge-reasoning{color:#a78bfa}[data-theme=dark] .badge-websearch{color:#38bdf8}[data-theme=dark] .badge-vision-in{color:#f472b6}[data-theme=dark] .badge-image-out{color:#fb923c}[data-theme=dark] .badge-inactive{color:#9ca3af}.model-card_delete-at{color:var(--danger);font-weight:600}[data-theme=dark] .model-card_delete-at{color:#ff6b7a}.model-card_new-pricing{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--border);font-size:.76rem}.model-card_new-pricing-label{color:var(--secondary);white-space:nowrap}.model-card_new-pricing-value{font-family:monospace;font-weight:600;color:var(--success);text-align:right}[data-theme=dark] .model-card_new-pricing-value{color:var(--success)}@media(max-width:768px){.models-info{width:100%;max-height:calc(100dvh - 160px);border-radius:0}}@media(max-width:600px){.models-info_grid{grid-template-columns:1fr;padding:.75rem}.models-info_header{padding:.85rem 1rem}.models-info_search-row,.models-info_type-filter{padding:.6rem 1rem}.models-info_title{font-size:1rem}}.mobile-menu-toggle{display:none;position:fixed;top:10px;left:10px;z-index:1001;background-color:var(--button-bg);border:1px solid var(--border);border-radius:.375rem;padding:.5rem;cursor:pointer;width:48px;height:48px;align-items:center;justify-content:center;color:var(--text);box-shadow:var(--shadow)}.mobile-menu-toggle:hover{background-color:var(--button-hover-bg)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}.mobile-menu-panel{display:none;position:fixed;top:0;left:-100%;width:80%;max-width:320px;height:100vh;background-color:var(--card-bg);border-right:1px solid var(--border);box-shadow:var(--shadow);z-index:1000;flex-direction:column;transition:left .3s ease;overflow-y:auto}.mobile-menu-panel.open{left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border);background-color:var(--background)}.mobile-menu-header h2{margin:0;font-size:1.25rem;color:var(--text)}.mobile-menu-close{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.375rem}.mobile-menu-close:hover{background-color:var(--button-hover-bg)}.mobile-menu-content{flex:1;overflow-y:auto;padding:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.mobile-menu-panel{display:flex}}.main-flex{flex:1;border-radius:.375rem;display:flex;overflow:hidden}.auth_container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--secondary)}.auth-form{display:flex;flex-direction:column;gap:15px;width:300px}.auth-form input{padding:10px;border:1px solid var(--border-color);border-radius:5px}.auth-form button{padding:10px;background-color:var(--button-bg);color:#fff;border:none;border-radius:5px;cursor:pointer}.auth-form button:hover{background-color:var(--button-hover-bg)}.error{color:red;margin-bottom:10px}.switch-link{color:var(--primary-color);cursor:pointer;text-decoration:underline}.switch-link:hover{color:var(--primary-hover)}.auth-modal-overlay{position:fixed;inset:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-modal{position:relative;width:100%;max-width:400px;max-height:calc(100dvh - 2rem);overflow-y:auto;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 12px 40px #0000004d;padding:1.5rem 1.4rem 1.6rem}.auth-modal_close-btn{position:absolute;top:.6rem;right:.6rem;background:none;border:none;cursor:pointer;color:var(--secondary);font-size:1.05rem;line-height:1;padding:.3rem .4rem;border-radius:.3rem;transition:background-color .2s,color .2s}.auth-modal_close-btn:hover{background-color:var(--button-hover-bg);color:var(--text)}.auth-modal .auth_container{height:auto;min-height:0;background-color:transparent;gap:.9rem;padding:0}.auth-modal .auth_container h2{margin:0;color:var(--text);font-size:1.25rem}.auth-modal .auth-form{width:100%;gap:.75rem}.auth-modal .auth-form input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.auth-modal .auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.auth-modal .auth-form button{background-color:var(--primary);font-size:.9rem;font-weight:600;border-radius:.375rem}.auth-modal .auth-form button:disabled{opacity:.65;cursor:not-allowed}.auth-modal .auth_container>p{margin:0;font-size:.85rem;color:var(--secondary);text-align:center}.auth-modal .switch-link{color:var(--primary)}.auth-modal .error{width:100%;margin:0;padding:.5rem .7rem;border-radius:.375rem;background-color:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:.82rem;text-align:center;box-sizing:border-box}@media(max-width:480px){.auth-modal{max-width:100%;padding:1.3rem 1rem 1.4rem}}.landing{--lp-bg: #f8f9fa;--lp-text: #212529;--lp-primary: var(--primary);--lp-accent: color-mix(in srgb, var(--primary) 75%, #8b5cf6);--lp-card: #ffffff;--lp-border: #e2e6ea;--lp-muted: #6c757d;--lp-shadow: 0 10px 30px rgba(49, 46, 129, .08);--lp-shadow-hover: 0 16px 40px rgba(49, 46, 129, .15);--lp-grad: linear-gradient(135deg, #8b5cf6 0%, #6366f1 52%, #06b6d4 100%);position:absolute;inset:0;height:100vh;height:100dvh;width:100%;overflow-y:auto;overflow-x:hidden;background:var(--lp-bg);color:var(--lp-text);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;scroll-behavior:smooth;transition:background .3s,color .3s}[data-theme=dark] .landing{--lp-bg: #0f1115;--lp-text: #f1f3f5;--lp-primary: var(--primary);--lp-accent: color-mix(in srgb, var(--primary) 78%, #a78bfa);--lp-card: #1a1d24;--lp-border: #2a2f3a;--lp-muted: #9aa4b2;--lp-shadow: 0 10px 30px rgba(0, 0, 0, .4);--lp-shadow-hover: 0 16px 40px rgba(0, 0, 0, .55)}.landing *,.landing *:before,.landing *:after{box-sizing:border-box}.landing a{text-decoration:none;color:inherit}.landing_container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.landing-grad{background:var(--lp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--lp-card) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-border)}.landing-nav{display:flex;align-items:center;justify-content:space-between;height:70px}.landing-logo{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.25rem}.landing-logo-mark{width:42px;height:42px;border-radius:12px;background:var(--lp-grad);display:grid;place-items:center;box-shadow:0 6px 16px #6366f166;flex-shrink:0}.landing-logo-mark svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.landing-nav-links{display:flex;align-items:center;gap:1.8rem}.landing-link{color:var(--lp-muted);font-weight:500;transition:color .2s}.landing-link:hover{color:var(--lp-text)}.landing-nav-actions{display:flex;align-items:center;gap:.8rem}.landing-btn{font-family:inherit;line-height:1.2;text-decoration:none;padding:.7rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;border:none;font-size:.95rem;transition:all .25s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.landing-btn_primary{background:var(--lp-grad);color:#fff;box-shadow:0 6px 18px #6366f159}.landing-btn_primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #6366f180}.landing-btn_ghost{background:transparent;color:var(--lp-primary);border:2px solid var(--lp-primary)}.landing-btn_ghost:hover{background:var(--lp-primary);color:#fff}.landing-btn_lg{padding:1rem 2.4rem;font-size:1.05rem}.landing-theme-toggle{width:42px;height:42px;border-radius:10px;background:var(--lp-card);border:1px solid var(--lp-border);color:var(--lp-text);cursor:pointer;display:grid;place-items:center;transition:transform .2s;flex-shrink:0}.landing-theme-toggle:hover{transform:rotate(20deg)}.landing-hero{padding:6rem 0 4rem;text-align:center;position:relative}.landing-hero:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:600px;height:600px;max-width:90vw;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 70%);z-index:0;pointer-events:none}.landing-hero>.landing_container{position:relative;z-index:1}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--lp-primary) 12%,transparent);color:var(--lp-primary);font-weight:600;font-size:.85rem;border:1px solid color-mix(in srgb,var(--lp-primary) 25%,transparent);margin-bottom:1.8rem}.landing-hero-title{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.4rem;letter-spacing:-1px}.landing-hero-sub{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--lp-muted);max-width:680px;margin:0 auto 2.5rem}.landing-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-hero-note{margin-top:1.2rem;color:var(--lp-muted);font-size:.9rem}.landing-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--lp-border)}.landing-stat h3{font-size:2.2rem;font-weight:800;background:var(--lp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-stat p{color:var(--lp-muted);font-size:.95rem}.landing-block{padding:5rem 0}.landing-block-alt{background:color-mix(in srgb,var(--lp-card) 50%,transparent)}.landing-section-head{text-align:center;max-width:640px;margin:0 auto 3.5rem}.landing-section-head h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.5px}.landing-section-head p{color:var(--lp-muted);font-size:1.1rem}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.landing-card{background:var(--lp-card);border:1px solid var(--lp-border);border-radius:18px;padding:2rem;box-shadow:var(--lp-shadow);transition:transform .3s,box-shadow .3s}.landing-card:hover{transform:translateY(-6px);box-shadow:var(--lp-shadow-hover)}.landing-card_icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:1.7rem;margin-bottom:1.2rem;background:color-mix(in srgb,var(--lp-primary) 12%,transparent)}.landing-card h4{font-size:1.2rem;margin-bottom:.6rem}.landing-card p{color:var(--lp-muted);font-size:.97rem}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.landing-step{position:relative;padding-left:.5rem}.landing-step-num{width:48px;height:48px;border-radius:50%;background:var(--lp-grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem;margin-bottom:1rem;box-shadow:0 6px 16px #6366f166}.landing-step h4{margin-bottom:.5rem;font-size:1.15rem}.landing-step p{color:var(--lp-muted);font-size:.95rem}.landing-models-strip{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.landing-model-pill{padding:.6rem 1.2rem;border-radius:999px;background:var(--lp-card);border:1px solid var(--lp-border);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,border-color .2s}.landing-model-pill:hover{transform:translateY(-2px);border-color:var(--lp-primary)}.landing-model-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent);flex-shrink:0}.landing-model-free{color:var(--success);font-size:.75rem;font-weight:700}.landing-cta{background:var(--lp-grad);border-radius:28px;text-align:center;padding:4rem 2rem;color:#fff;box-shadow:0 20px 50px #6366f166;position:relative;overflow:hidden}.landing-cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15),transparent 50%);pointer-events:none}.landing-cta h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.landing-cta p{font-size:1.15rem;opacity:.95;margin-bottom:2rem;position:relative;z-index:1}.landing-cta_btn{position:relative;z-index:1;background:#fff;color:var(--lp-primary)}.landing-cta_btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000040}.landing-footer{border-top:1px solid var(--lp-border);padding:3rem 0 2rem;margin-top:3rem}.landing-footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.landing-footer-brand{max-width:300px}.landing-footer-brand .landing-logo{margin-bottom:1rem}.landing-footer-brand p{color:var(--lp-muted);font-size:.92rem}.landing-footer_col h5{margin-bottom:1rem;font-size:1rem}.landing-footer_col a{display:block;color:var(--lp-muted);margin-bottom:.5rem;font-size:.92rem;transition:color .2s}.landing-footer_col a:hover{color:var(--lp-primary)}.landing-footer_link-btn{display:block;background:none;border:none;padding:0;margin-bottom:.5rem;font-family:inherit;font-size:.92rem;text-align:left;color:var(--lp-muted);cursor:pointer;transition:color .2s}.landing-footer_link-btn:hover{color:var(--lp-primary)}.landing-footer-bottom{text-align:center;color:var(--lp-muted);font-size:.88rem;padding-top:2rem;border-top:1px solid var(--lp-border)}.landing-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}.landing-reveal.landing-show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.landing,.landing *{scroll-behavior:auto!important}.landing-reveal{opacity:1;transform:none;transition:none}.landing-card:hover,.landing-model-pill:hover,.landing-btn_primary:hover,.landing-cta_btn:hover{transform:none}}@media(max-width:768px){.landing-nav-links{gap:.8rem}.landing-link,.landing-hide_mobile{display:none}.landing-hero{padding:4rem 0 3rem}.landing-stats{gap:2rem}.landing-block{padding:3.5rem 0}.landing-footer-grid{gap:1.5rem}}@media(max-width:480px){.landing_container{padding:0 1rem}.landing-nav{height:60px}.landing-logo-text{font-size:1.1rem}.landing-btn{padding:.6rem 1.1rem;font-size:.9rem}.landing-btn_lg{padding:.85rem 1.6rem;font-size:1rem}.landing-hero-buttons{flex-direction:column;align-items:stretch}.landing-hero-buttons .landing-btn{width:100%}.landing-stats{gap:1.5rem 2.5rem}.landing-card{padding:1.5rem}.landing-cta{padding:2.5rem 1.5rem;border-radius:20px}}:root[data-theme=light]{--background: #f8f9fa;--text: #212529;--primary: #007bff;--secondary: #6c757d;--accent: #17a2b8;--card-bg: #ffffff;--border: #dee2e6;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--chat-user-bg: rgba(183, 238, 178, .4);--chat-assistant-bg: rgba(200, 230, 230, .5);--button-bg: rgba(30, 149, 170, .3);--button-hover-bg: rgba(30, 149, 170, .8);--danger: #dc3545;--danger-hover: #c82333;--success: #16a34a;--focus-ring: rgba(0, 123, 255, .25);--hljs-bg: #f6f8fa;--hljs-color: #24292e;--hljs-keyword: #d73a49;--hljs-title: #6f42c1;--hljs-attr: #005cc5;--hljs-string: #032f62;--hljs-built-in: #e36209;--hljs-comment: #6a737d;--hljs-name: #22863a;--hljs-section: #005cc5;--hljs-bullet: #735c0f}:root[data-theme=dark]{--background: #212529;--text: #f8f9fa;--primary: #1e90ff;--secondary: #adb5bd;--accent: #17a2b8;--card-bg: #343a40;--border: #495057;--shadow: 0 2px 4px rgba(0, 0, 0, .3);--chat-user-bg: rgba(183, 238, 178, .2);--chat-assistant-bg: rgba(200, 230, 230, .3);--button-bg: rgba(30, 149, 170, .5);--button-hover-bg: rgba(30, 149, 170, 1);--danger: #ff6b7a;--danger-hover: #ff5568;--success: #4ade80;--focus-ring: rgba(30, 144, 255, .35);--hljs-bg: #0d1117;--hljs-color: #c9d1d9;--hljs-keyword: #ff7b72;--hljs-title: #d2a8ff;--hljs-attr: #79c0ff;--hljs-string: #a5d6ff;--hljs-built-in: #ffa657;--hljs-comment: #8b949e;--hljs-name: #7ee787;--hljs-section: #1f6feb;--hljs-bullet: #f2cc60}body{background-color:var(--background);color:var(--text)}.markdown-code-block-wrapper pre,.markdown-preview pre{background-color:var(--hljs-bg)!important;border-radius:6px}.hljs{color:var(--hljs-color);background:var(--hljs-bg);display:block;overflow-x:auto;padding:1em}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--hljs-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--hljs-title)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:var(--hljs-attr)}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:var(--hljs-string)}.hljs-built_in,.hljs-symbol{color:var(--hljs-built-in)}.hljs-comment,.hljs-code,.hljs-formula{color:var(--hljs-comment)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--hljs-name)}.hljs-subst{color:var(--hljs-color)}.hljs-section{color:var(--hljs-section);font-weight:700}.hljs-bullet{color:var(--hljs-bullet)}.hljs-emphasis{color:var(--hljs-color);font-style:italic}.hljs-strong{color:var(--hljs-color);font-weight:700}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.5rem 1rem;border-radius:.375rem;border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn_primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.ui-btn_primary:hover:not(:disabled){filter:brightness(1.05)}.ui-btn_outline-primary{background-color:transparent;color:var(--primary);border-color:var(--primary)}.ui-btn_outline-primary:hover:not(:disabled){background-color:var(--primary);color:#fff}.ui-btn_outline-secondary{background-color:transparent;color:var(--secondary);border-color:var(--secondary)}.ui-btn_outline-secondary:hover:not(:disabled){background-color:var(--secondary);color:#fff}.ui-btn_outline-danger{background-color:transparent;color:var(--danger);border-color:var(--danger)}.ui-btn_outline-danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.ui-input{width:100%;border:1px solid var(--border);border-radius:.375rem;padding:.5rem .75rem;background-color:var(--background);color:var(--text)}.ui-input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.ui-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.ui-badge_success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.ui-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.ui-modal{background-color:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow)}