:root{color-scheme:dark;--bg-body: #0a0a0a;--bg-elevated: #111111;--bg-elevated-soft: #141414;--bg-panel: #111111;--bg-bubble-user: #4f46e5;--bg-bubble-assistant: #0a0a0a;--border-subtle: #222222;--border-strong: #333333;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .16);--accent-soft-strong: rgba(99, 102, 241, .28);--text-main: #ffffff;--text-muted: #9ca3af;--text-soft: #666666;--danger: #f97373;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background:var(--bg-body)}a{color:var(--text-muted);text-decoration:none}a:hover{color:var(--text-main)}#root{min-height:100vh}button{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64646466;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64646499}.app-root{min-height:100vh;display:flex;background:var(--bg-body)}.app-shell{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-body)}.app-main{display:grid;grid-template-columns:260px 1fr 320px;height:100%;overflow:hidden}.app-main__conversations{border-right:1px solid var(--border-subtle);padding:16px;overflow-y:auto}.app-main__primary{display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);overflow:hidden;min-height:0}.app-main__sidebar{overflow-y:auto}.conversations{display:flex;flex-direction:column;height:100%}.conversations__logo{display:flex;align-items:center;justify-content:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.conversations__logo-icon{width:100%;max-width:160px;height:auto;filter:invert(1)}.conversations__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.conversations__title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-main)}.conversations__new-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid #ffffff;background:#fff;color:#000;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.conversations__new-button:hover{background:#e5e5e5;border-color:#e5e5e5}.conversations__body{flex:1}.conversations__empty{font-size:13px;color:var(--text-soft);padding:12px 8px}.conversations__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.conversations__item{width:100%;text-align:left;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);padding:8px 10px;font-size:13px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px}.conversations__item--active{background:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-main)}.conversations__item:hover:not(.conversations__item--active){background:var(--bg-elevated)}.conversations__item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversations__item-delete{opacity:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.conversations__item:hover .conversations__item-delete{opacity:1}.conversations__item-delete:hover{background:#f871711a;color:#f97373}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-body);height:100%;min-height:0;overflow:hidden}.chat-window{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px;min-height:0;position:relative;height:calc(100% - 73px)}.chat-window__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.chat-window__new-card{width:100%;max-width:480px;background:#fff;border:1px solid #ffffff;border-radius:var(--radius-md);padding:16px 20px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px}.chat-window__new-card:hover{background:#e5e5e5;border-color:#e5e5e5}.chat-window__new-text{font-size:14px;font-weight:500;color:#000}.chat-window__suggestions{width:100%;max-width:600px;display:flex;flex-direction:column;gap:16px;align-items:center}.chat-window__suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.chat-window__suggestion-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-main);font-size:13px;font-weight:500}.chat-window__suggestion-card:hover{background:var(--bg-main);border-color:var(--text-muted)}.chat-window__suggestion-card svg{color:var(--text-muted)}.chat-window__messages{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;padding-right:8px}.chat-window__row{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.message-bubble{max-width:85%;border-radius:var(--radius-md);padding:12px 14px;font-size:14px;line-height:1.5;display:inline-flex;flex-direction:column;gap:4px}.message-bubble--user{margin-left:auto;background:#fff;color:#000}.message-bubble--assistant{margin-right:auto;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-main);max-width:100%;width:100%}.message-bubble__header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-soft)}.message-bubble--user .message-bubble__header{color:#0009}.message-bubble__author{font-weight:500}.message-bubble__time{opacity:.7}.message-bubble__content{word-wrap:break-word}.message-bubble__content h1,.message-bubble__content h2,.message-bubble__content h3,.message-bubble__content h4,.message-bubble__content h5,.message-bubble__content h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.message-bubble__content h1{font-size:1.5em}.message-bubble__content h2{font-size:1.3em}.message-bubble__content h3{font-size:1.1em}.message-bubble__content h4,.message-bubble__content h5,.message-bubble__content h6{font-size:1em}.message-bubble__content p{margin:0 0 12px;line-height:1.6}.message-bubble__content p:last-child{margin-bottom:0}.message-bubble__content ul,.message-bubble__content ol{margin:8px 0;padding-left:24px}.message-bubble__content li{margin:4px 0}.message-bubble__content code{background:#0003;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.message-bubble__content pre{background:#0003;padding:12px;border-radius:var(--radius-sm);overflow-x:auto;margin:8px 0}.message-bubble__content pre code{background:none;padding:0}.message-bubble__content blockquote{border-left:3px solid var(--text-muted);margin:8px 0;padding-left:12px;color:var(--text-soft)}.message-bubble__content table{width:100%;border-collapse:collapse;margin:8px 0}.message-bubble__content th,.message-bubble__content td{border:1px solid var(--border-subtle);padding:8px;text-align:left}.message-bubble__content th{background:var(--bg-elevated);font-weight:600}.message-bubble__placeholder{color:var(--text-soft);font-style:italic}.reasoning-pane{margin:8px 0;padding:8px 12px;background:#0003;border-radius:var(--radius-sm);border-left:2px solid var(--text-muted);width:600px;max-width:100%}.reasoning-pane__content{position:relative}.reasoning-pane__text{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;line-height:1.4;color:var(--text-soft);white-space:pre-wrap;max-height:4.2em;overflow:hidden}.reasoning-pane__truncated{position:absolute;bottom:0;right:0;background:linear-gradient(to right,transparent,rgba(0,0,0,.2) 30%);padding-left:20px;font-size:11px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.reasoning-pane__text h1,.reasoning-pane__text h2,.reasoning-pane__text h3,.reasoning-pane__text h4,.reasoning-pane__text h5,.reasoning-pane__text h6{margin:8px 0 4px;font-weight:600;line-height:1.3;font-size:11px}.reasoning-pane__text p{margin:0 0 4px;line-height:1.4}.reasoning-pane__text p:last-child{margin-bottom:0}.reasoning-pane__text ul,.reasoning-pane__text ol{margin:4px 0;padding-left:16px}.reasoning-pane__text li{margin:2px 0}.reasoning-pane__text code{background:#0000004d;padding:1px 4px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px}.reasoning-pane__text pre{background:#0000004d;padding:8px;border-radius:4px;overflow-x:auto;margin:4px 0}.reasoning-pane__text pre code{background:none;padding:0}.reasoning-pane__text blockquote{border-left:2px solid var(--text-muted);margin:4px 0;padding-left:8px;color:var(--text-soft)}.reasoning-pane__text table{width:100%;border-collapse:collapse;margin:8px 0;font-size:10px}.reasoning-pane__text th,.reasoning-pane__text td{border:1px solid var(--border-subtle);padding:4px 6px;text-align:left}.reasoning-pane__text th{background:#0000004d;font-weight:600}.message-input{border-top:1px solid var(--border-subtle);padding:16px 20px;display:flex;align-items:center;gap:12px;background:var(--bg-body)}.message-input__textarea{flex:1;resize:none;min-height:40px;max-height:120px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);padding:10px 14px;color:var(--text-main);font-size:14px;outline:none;font-family:inherit}.message-input__textarea::placeholder{color:var(--text-soft)}.message-input__textarea:focus{border-color:var(--border-strong)}.message-input__actions{display:flex;gap:8px}.message-input__button{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.message-input__button--secondary{background:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-muted)}.message-input__button--secondary:hover{border-color:var(--border-strong);color:var(--text-main)}.message-input__button--primary{background:#fff;color:#000;border:1px solid #ffffff}.message-input__button--primary:hover{background:#e5e5e5;border-color:#e5e5e5}.message-input__button--primary:disabled{opacity:.5;cursor:default}.config-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-body)}.config-panel__header{padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.config-panel__title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-main);margin:0}.config-panel__content{flex:1;overflow-y:auto;padding:16px 20px}.config-panel__section{margin-bottom:24px}.config-panel__section:last-child{margin-bottom:0}.config-panel__section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.config-panel__section-icon{font-size:14px}.config-panel__section-title{font-size:14px;font-weight:500;color:var(--text-main);margin:0}.config-panel__section-edit{margin-left:auto;background:none;border:none;color:var(--text-soft);font-size:12px;cursor:pointer;padding:4px}.config-panel__section-edit:hover{color:var(--text-main)}.config-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.config-panel__toggle-label{font-size:13px;color:var(--text-muted)}.config-panel__toggle{position:relative;width:44px;height:24px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.config-panel__toggle--active{background:#fff;border-color:#fff}.config-panel__toggle--active .config-panel__toggle-thumb{background:#000}.config-panel__toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s ease}.config-panel__toggle--active .config-panel__toggle-thumb{transform:translate(20px)}.config-panel__select-wrapper{position:relative}.config-panel__select{width:100%;padding:10px 32px 10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-main);font-size:14px;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.config-panel__select:focus{border-color:var(--border-strong)}.config-panel__field{margin-bottom:16px}.config-panel__field:last-child{margin-bottom:0}.config-panel__field-label{font-size:12px;color:var(--text-soft);margin-bottom:6px;display:block}.config-panel__field-value{font-size:14px;color:var(--text-main);word-break:break-all}.config-panel__field-value--muted{color:var(--text-soft)}.config-panel__footer{padding:16px 20px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.config-panel__theme-btn{background:none;border:none;color:var(--text-soft);font-size:18px;cursor:pointer;padding:4px}.config-panel__theme-btn:hover{color:var(--text-main)}.config-panel__links{font-size:12px;color:var(--text-soft)}.config-panel__links a{color:var(--text-soft)}.config-panel__links a:hover{color:var(--text-main)}.config-panel__links-separator{margin:0 8px;color:var(--border-strong)}.config-panel__input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-main);font-size:14px;outline:none;font-family:inherit}.config-panel__input::placeholder{color:var(--text-soft)}.config-panel__input:focus{border-color:var(--border-strong)}.config-panel__range-row{display:flex;align-items:center;gap:12px}.config-panel__range{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-elevated);border-radius:2px;outline:none}.config-panel__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-main);cursor:pointer}.config-panel__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-main);cursor:pointer;border:none}.config-panel__range-value{font-size:13px;color:var(--text-main);min-width:40px;text-align:right}.config-panel__model-row{display:flex;align-items:center;gap:8px}.config-panel__model-row .config-panel__select{flex:1}.config-panel__refresh-btn{padding:8px 12px;border:1px solid var(--border-main);background:var(--bg-elevated);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:40px;transition:all .2s ease}.config-panel__refresh-btn:hover:not(:disabled){background:var(--bg-main);border-color:var(--text-muted)}.config-panel__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.config-panel__optional{font-size:11px;color:var(--text-muted);font-weight:400}.config-panel__field-error{font-size:11px;color:#f97373;margin-top:4px;display:block}.config-panel__error{margin:16px 20px;border-radius:var(--radius-md);padding:12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);display:flex;align-items:center;justify-content:space-between;gap:12px}.config-panel__error-main{display:flex;flex-direction:column;gap:4px}.config-panel__error-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#f97373}.config-panel__error-text{margin:0;font-size:12px;color:var(--text-main)}.config-panel__error-dismiss{border-radius:var(--radius-sm);border:1px solid #ffffff;background:#fff;color:#000;font-size:12px;padding:6px 12px;cursor:pointer}.config-panel__error-dismiss:hover{background:#e5e5e5;border-color:#e5e5e5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media(max-width:1024px){.app-main{grid-template-columns:200px 1fr 280px}}@media(max-width:900px){.app-main{grid-template-columns:1fr}.app-main__conversations,.app-main__sidebar{display:none}}