.container{height:calc(100vh - 1.5rem);padding:1rem 1.25rem}.header-controls{gap:.5rem}#chat{padding:.75rem}.message{margin:.5rem 0}.bubble{max-width:74%;padding:.75rem 1rem}.message:hover .bubble{transform:translate(1px)}.message-actions-btn{transition:opacity .15s ease,transform .15s ease}.input-wrapper{gap:.5rem}.message-textarea{padding:.75rem 1rem}button{padding:.6rem 1.1rem}.settings-btn{padding:.45rem .6rem}#model-dropdown{min-width:180px}.drawer{width:min(340px,88vw);transition:transform .22s ease}.drawer-header{padding:.6rem .75rem}.drawer-right{width:min(420px,92vw)}.pill-menu>.pill{gap:.4rem;padding:.3rem .65rem}.pill-body{margin-top:.4rem;gap:.4rem}.chat-control-btn{min-height:34px}.search-bar{margin-top:.5rem;padding:.6rem}.messages-container{padding-bottom:.75rem}body.drawer-open #app-main[data-inert=true]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.6;filter:saturate(.75)}:root{--rose-pine-base: #0d0b14;--rose-pine-surface: #161320;--rose-pine-overlay: #211f2d;--rose-pine-muted: #9893a5;--rose-pine-subtle: #b8b4c8;--rose-pine-text: #f8f6ff;--rose-pine-love: #ff85b3;--rose-pine-gold: #ffcb7a;--rose-pine-rose: #f7d5e8;--rose-pine-pine: #4ea8cc;--rose-pine-foam: #a8dde5;--rose-pine-iris: #e0b7ff;--rose-pine-highlight-low: #2d2a40;--rose-pine-highlight-med: #524e6b;--rose-pine-highlight-high: #6b677f;--rose-pine-hc-bg: #000000;--rose-pine-hc-surface: #1a1a1a;--rose-pine-hc-text: #ffffff;--rose-pine-hc-accent: #00ff00;--rose-pine-gradient-1: linear-gradient(135deg, #e0b7ff 0%, #ff85b3 100%);--rose-pine-gradient-1-high-contrast: linear-gradient(135deg, #8b5cf6 0%, #e11d48 100%);--rose-pine-gradient-2: linear-gradient(135deg, #4ea8cc 0%, #a8dde5 100%);--rose-pine-shadow: rgba(0, 0, 0, .4);--focus-color: #00bfff;--focus-shadow: 0 0 0 3px rgba(0, 191, 255, .4);--error-color: #ff6b6b;--success-color: #51cf66;--warning-color: #ffd43b}:root[data-theme=light]{--rose-pine-base: #f7f7fb;--rose-pine-surface: #ffffff;--rose-pine-overlay: #f1eef7;--rose-pine-muted: #5c5a66;--rose-pine-subtle: #3d3a4d;--rose-pine-text: #1c1730;--rose-pine-highlight-low: #e5e1ef;--rose-pine-highlight-med: #d6cfeb;--rose-pine-highlight-high: #c7bfdf;--rose-pine-shadow: rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}fieldset{border:none;margin:0;padding:0;background:transparent}legend{padding:0}html{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--rose-pine-base);color:var(--rose-pine-text);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem}#app-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.container{background:var(--rose-pine-surface);border-radius:1rem;border:1px solid var(--rose-pine-highlight-low);box-shadow:0 20px 40px var(--rose-pine-shadow),0 0 0 1px #d4a5ff1a;width:100%;max-width:1200px;height:calc(100vh - 2rem);max-height:900px;display:flex;flex-direction:column;overflow-y:hidden;padding:1.5rem;position:relative;min-height:0}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}h1{color:var(--rose-pine-text);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.3);background:var(--rose-pine-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status{background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-highlight-low));border:1px solid var(--rose-pine-highlight-med);padding:.5rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--rose-pine-foam);font-weight:500;box-shadow:inset 0 1px #d4a5ff1a}#chat{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:1rem;background:linear-gradient(180deg,var(--rose-pine-base) 0%,rgba(19,17,27,.95) 100%);border-radius:.5rem;margin-bottom:1rem;box-shadow:inset 0 2px 8px #0003}#chat::-webkit-scrollbar{width:.625rem}#chat::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--rose-pine-surface),var(--rose-pine-base));border-radius:.5rem;box-shadow:inset 0 0 4px #0003}#chat::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--rose-pine-iris),var(--rose-pine-highlight-high));border-radius:.5rem;border:1px solid var(--rose-pine-surface);box-shadow:0 2px 4px #0003}#chat::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--rose-pine-love),var(--rose-pine-iris))}.message{margin:.75rem 0;display:flex;position:relative}.message:focus-within{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:8px}.message-actions-btn{position:absolute;top:8px;right:8px;background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);border-radius:6px;padding:6px;cursor:pointer;opacity:0;transition:opacity .2s ease;color:var(--rose-pine-text);font-size:.75rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.message:hover .message-actions-btn,.message:focus-within .message-actions-btn,.message-actions-btn:focus{opacity:1}.message-actions-btn:hover{background:var(--rose-pine-highlight-med);transform:scale(1.05)}.message-actions-btn:active{transform:scale(.95)}.message.user{justify-content:flex-end}.message.bot,.message.assistant{justify-content:flex-start}.message.system{justify-content:center}.bubble{max-width:70%;padding:.875rem 1.125rem;border-radius:1.125rem;word-wrap:break-word;line-height:1.6;box-shadow:0 2px 8px #00000026;transition:transform .2s ease}.message:hover .bubble{transform:translate(2px)}.user .bubble{background:var(--rose-pine-gradient-1-high-contrast);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);font-weight:500}.bot .bubble,.assistant .bubble{background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-surface));color:var(--rose-pine-text);border:1px solid var(--rose-pine-highlight-med);border-left:3px solid var(--rose-pine-foam);min-height:2rem}.bubble-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.agent-badge{font-size:.75rem;padding:2px 6px;border-radius:999px;background:var(--rose-pine-highlight-low);border:1px solid var(--rose-pine-highlight-med);color:var(--rose-pine-foam)}.thinking-placeholder{display:flex;align-items:center;gap:.5rem;color:var(--rose-pine-muted);font-style:italic}.thinking-text{opacity:.7}.thinking-dots{display:flex;gap:.25rem}.thinking-dots .dot{width:4px;height:4px;background:var(--rose-pine-muted);border-radius:50%;animation:thinkingDots 1.4s infinite}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes thinkingDots{0%,60%,to{opacity:.3}30%{opacity:1}}.system .bubble{background:linear-gradient(135deg,var(--rose-pine-surface),var(--rose-pine-highlight-low));color:var(--rose-pine-subtle);font-size:.875rem;max-width:90%;font-style:italic;box-shadow:inset 0 1px 4px #0000001a}.input-area{background:var(--rose-pine-surface)}.input-wrapper{display:flex;align-items:flex-end;gap:.75rem;position:relative}.input-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.character-counter{font-size:.75rem;color:var(--rose-pine-muted);min-height:1rem}.character-counter[data-over-limit=true]{color:var(--error-color);font-weight:600}.character-counter[data-near-limit=true]{color:var(--warning-color);font-weight:500}.over-limit-warning{display:block;font-size:.6875rem;color:var(--error-color);font-weight:600;margin-top:.25rem}.message-textarea{flex:1;padding:.875rem 1.125rem;border:2px solid var(--rose-pine-highlight-med);border-radius:1.5rem;background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-surface));color:var(--rose-pine-text);font-family:inherit;font-size:.9375rem;resize:none;min-height:3rem;max-height:7.5rem;overflow-y:auto;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a;line-height:1.5}.message-textarea:focus{outline:none;border-color:var(--focus-color);background:var(--rose-pine-overlay);box-shadow:var(--focus-shadow),inset 0 2px 4px #0000001a}.message-textarea:disabled{opacity:.6;cursor:not-allowed}.message-textarea::placeholder{color:var(--rose-pine-muted);font-style:italic}button{padding:.75rem 1.5rem;background:var(--rose-pine-gradient-1-high-contrast);color:#fff;border:none;border-radius:1.5rem;cursor:pointer;font-weight:600;font-family:inherit;font-size:.9375rem;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;text-shadow:0 1px 2px rgba(0,0,0,.5);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.button-content{display:flex;align-items:center;gap:.5rem}.btn-text{display:inline-block}@media (max-width: 768px){.btn-text{display:none}button{min-width:48px;min-height:48px;padding:.5rem}.header-controls>*{margin:.25rem}.form-actions>*{margin:.25rem 0}}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff7aa24d;filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:var(--rose-pine-highlight-low);color:var(--rose-pine-muted);cursor:not-allowed;box-shadow:none;text-shadow:none;opacity:.6}.button.primary{background:var(--rose-pine-gradient-1-high-contrast);color:#fff}.button.secondary{background:var(--rose-pine-overlay);color:var(--rose-pine-text);border:1px solid var(--rose-pine-highlight-med)}.send-button{background:var(--success-color);color:#fff}.send-button:hover:not(:disabled){background:#45b049;transform:translateY(-2px)}.send-button:disabled{background:var(--rose-pine-highlight-low);color:var(--rose-pine-muted)}.stop-button{background:var(--error-color);color:#fff;border:none;border-radius:1.5rem;.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--rose-pine-surface);border:1px solid var(--rose-pine-highlight-med);border-radius:12px;width:min(600px,90vw);box-shadow:0 10px 30px #00000080}.modal-header,.modal-footer{padding:1rem}.modal-body{padding:0 1rem 1rem}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-close{background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med)}.shortcut-list{display:grid;gap:.5rem}.shortcut-list kbd{background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);padding:.1rem .35rem;border-radius:6px}.token-info{margin-left:.75rem;color:var(--rose-pine-subtle)}.toaster{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.5rem;z-index:1100}.toast{display:flex;align-items:center;gap:.5rem;background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);padding:.5rem .75rem;border-radius:8px;box-shadow:0 6px 20px #0000004d}.toast--success{border-left:3px solid var(--success-color)}.toast--error{border-left:3px solid var(--error-color)}.toast--info{border-left:3px solid var(--rose-pine-pine)}.toast-close{background:transparent;border:none;color:var(--rose-pine-subtle);padding:.25rem}padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.stop-button:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b4d}.settings-btn{padding:.5rem .75rem;font-size:1rem;border-radius:.5rem;background:var(--rose-pine-overlay);box-shadow:0 2px 8px #0003;border:1px solid var(--rose-pine-highlight-med);min-height:44px;display:flex;align-items:center;gap:.5rem}.load-model-btn{background:var(--rose-pine-gradient-2);color:var(--rose-pine-text)}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid var(--rose-pine-highlight-med);border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--rose-pine-muted);font-size:1.2rem}.close-btn:hover{background:var(--rose-pine-highlight-med);color:var(--rose-pine-text)}.settings-btn:hover{background:var(--rose-pine-highlight-med);box-shadow:0 4px 12px #d4a5ff33}.model-select{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;border:none;margin:0;padding:0;background:transparent}.model-label{display:flex;align-items:center;gap:.5rem;color:var(--rose-pine-text);font-weight:500;margin-bottom:0}.model-icon,.app-icon{font-size:1.2rem}.model-info-btn{background:var(--rose-pine-highlight-low);border:1px solid var(--rose-pine-highlight-med);border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--rose-pine-muted);font-size:1rem;cursor:pointer;transition:all .2s ease}.model-info-btn:hover{background:var(--rose-pine-highlight-med);color:var(--rose-pine-text);transform:scale(1.05)}.model-info-panel{position:absolute;top:100%;left:0;right:0;background:var(--rose-pine-surface);border:2px solid var(--rose-pine-highlight-med);border-radius:.75rem;margin-top:.5rem;padding:1.5rem;box-shadow:0 8px 24px #0000004d;z-index:50;animation:slideDown .3s ease;max-height:70vh;overflow-y:auto}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.model-card{background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-highlight-low));border:2px solid var(--rose-pine-highlight-med);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;min-height:140px}.model-card:hover{transform:translateY(-2px);border-color:var(--rose-pine-iris);box-shadow:0 6px 20px #d4a5ff26}.model-card.selected{border-color:var(--rose-pine-foam);background:linear-gradient(135deg,var(--rose-pine-highlight-low),var(--rose-pine-overlay));box-shadow:0 4px 16px #a8dde533}.model-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.model-header h3{color:var(--rose-pine-text);font-size:1.125rem;font-weight:600;margin:0;line-height:1.3}.model-badges{display:flex;gap:.5rem;flex-shrink:0}.speed-badge,.quality-badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.speed-fast{background:#51cf6633;color:var(--success-color);border:1px solid var(--success-color)}.speed-medium{background:#ffd43b33;color:var(--warning-color);border:1px solid var(--warning-color)}.speed-slow{background:#ff6b6b33;color:var(--error-color);border:1px solid var(--error-color)}.quality-good{background:#a8dde533;color:var(--rose-pine-foam);border:1px solid var(--rose-pine-foam)}.quality-better{background:#d4a5ff33;color:var(--rose-pine-iris);border:1px solid var(--rose-pine-iris)}.quality-best{background:#ff7aa233;color:var(--rose-pine-love);border:1px solid var(--rose-pine-love)}.model-description{color:var(--rose-pine-subtle);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.model-specs{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--rose-pine-muted);margin-top:auto}.model-size{font-weight:500}.model-type{background:var(--rose-pine-highlight-low);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.selected-indicator{position:absolute;top:.75rem;right:.75rem;background:var(--success-color);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.model-info-footer{border-top:1px solid var(--rose-pine-highlight-med);padding-top:1rem}.model-info-note{color:var(--rose-pine-subtle);font-size:.875rem;line-height:1.5;margin:0;text-align:center;background:var(--rose-pine-highlight-low);padding:1rem;border-radius:.5rem}.model-info-note strong{color:var(--rose-pine-text)}@media (max-width: 768px){.model-info-panel{position:fixed;inset:0;margin:0;border-radius:0;max-height:100vh;padding:1rem;z-index:1000}.model-grid{grid-template-columns:1fr;gap:.75rem}.model-card{padding:1rem;min-height:120px}}@media (max-width: 480px){.model-header{flex-direction:column;align-items:flex-start;gap:.5rem}.model-badges{align-self:flex-end}.model-specs{flex-direction:column;align-items:flex-start;gap:.25rem}}select{padding:.5rem .75rem;border-radius:.5rem;border:2px solid var(--rose-pine-highlight-med);background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-surface));background-color:var(--rose-pine-overlay);color:var(--rose-pine-text);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}select option{background:var(--rose-pine-overlay);color:var(--rose-pine-text);padding:.5rem}select option:hover,select option:focus,select option:checked{background:var(--rose-pine-highlight-med);color:var(--rose-pine-text)}select:hover{border-color:var(--rose-pine-iris);box-shadow:0 3px 8px #d4a5ff26}#model-dropdown{min-width:200px;font-size:.875rem}@media (max-width: 768px){.chat-controls{padding:.5rem}.chat-actions{gap:.5rem;justify-content:space-between}.chat-control-btn .btn-text{display:none}.chat-control-btn{min-width:40px;padding:.5rem;justify-content:center}.search-bar{margin-top:.5rem;padding:.5rem}.message-count{font-size:.75rem}}@media (max-width: 768px){#model-dropdown{min-width:150px;font-size:.8125rem}#chat{scroll-behavior:smooth}.close-btn{width:44px;height:44px;top:.5rem;right:.5rem}.message:hover .bubble{transform:none}.bubble h1,.bubble h2,.bubble h3{font-size:1.1em;line-height:1.3}.bubble p{line-height:1.5}.bubble pre{font-size:.8125rem;overflow-x:auto}.bubble code{font-size:.8125rem;word-break:break-word}}select:focus{outline:none;border-color:var(--focus-color);box-shadow:var(--focus-shadow)}.settings-panel{background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-surface));border:2px solid var(--rose-pine-highlight-med);border-radius:.75rem;padding:0;margin-bottom:1rem;box-shadow:0 4px 12px #0003,inset 0 1px #d4a5ff1a;animation:slideDown .3s ease;position:relative;max-height:80vh;overflow-y:auto}.settings-section{margin:.5rem 0;border:1px solid var(--rose-pine-highlight-low);border-radius:8px;background:var(--rose-pine-overlay);padding:.5rem}.settings-section[open]{border-color:var(--rose-pine-highlight-med);box-shadow:0 2px 8px #00000026}.settings-section>summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none}.settings-section>summary::-webkit-details-marker{display:none}.settings-meta{color:var(--rose-pine-muted);font-size:.875rem}.settings-master{display:block;margin-top:.5rem}.settings-master-summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;cursor:pointer}.settings-master-summary h3{margin:0}.settings-master-summary::-webkit-details-marker{display:none}.settings-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--rose-pine-highlight-med);position:relative}.settings-form{padding:1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-panel h2{color:var(--rose-pine-text);margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.settings-content{display:flex;flex-direction:column;gap:.75rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:var(--rose-pine-text);font-weight:500;margin-bottom:.5rem;font-size:.9375rem}.required{color:var(--error-color);margin-left:.25rem}.input-with-toggle{position:relative;display:flex;align-items:center}.toggle-visibility{position:absolute;right:8px;background:none;border:none;padding:8px;cursor:pointer;color:var(--rose-pine-muted);border-radius:4px;min-height:initial;min-width:initial}.toggle-visibility:hover{color:var(--rose-pine-text);background:var(--rose-pine-highlight-low)}.setting-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.setting-row label{color:var(--rose-pine-subtle);min-width:120px;font-size:.875rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid var(--rose-pine-highlight-med);border-radius:.5rem;background:linear-gradient(135deg,var(--rose-pine-base),rgba(19,17,27,.8));color:var(--rose-pine-text);font-family:inherit;font-size:.9375rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a;min-height:44px}.form-group input.error{border-color:var(--error-color);background:#ff6b6b0d}.setting-row input{flex:1;min-width:200px;padding:.625rem .875rem;border:2px solid var(--rose-pine-highlight-med);border-radius:.5rem;background:linear-gradient(135deg,var(--rose-pine-base),rgba(19,17,27,.8));color:var(--rose-pine-text);font-family:inherit;font-size:.875rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.form-group input:focus,.setting-row input:focus{outline:none;border-color:var(--focus-color);background:var(--rose-pine-base);box-shadow:var(--focus-shadow),inset 0 2px 4px #0000001a}.field-help{font-size:.8125rem;color:var(--rose-pine-muted);margin-top:.5rem;line-height:1.4}.field-error{font-size:.8125rem;color:var(--error-color);margin-top:.5rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.field-error:before{content:"⚠️";font-size:1rem}.onboarding-info{background:var(--rose-pine-highlight-low);border:1px solid var(--rose-pine-highlight-med);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--rose-pine-subtle);font-size:.9375rem;line-height:1.5}.form-actions{display:flex;gap:.75rem;align-items:center;margin-top:2rem;flex-wrap:wrap}.status-message{padding:.75rem 1rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.input-template-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.sessions-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;overflow-x:auto}.sessions-list{display:flex;gap:.5rem;align-items:center}.session-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:8px;border:1px solid var(--rose-pine-highlight-med);background:var(--rose-pine-overlay);color:var(--rose-pine-text)}.session-tab.active{outline:2px solid var(--rose-pine-iris);background:var(--rose-pine-highlight-low)}.session-actions{display:inline-flex;gap:.25rem;margin-left:.25rem}.session-new{padding:.25rem .5rem;border-radius:8px;border:1px dashed var(--rose-pine-highlight-med);background:transparent;color:var(--rose-pine-text)}.settings-subtitle{margin:0 0 .5rem;font-size:.95rem;opacity:.9}.settings-inline-actions{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.status-message.success{background:#51cf661a;border:1px solid var(--success-color);color:var(--success-color)}.status-message.error{background:#ff6b6b1a;border:1px solid var(--error-color);color:var(--error-color)}.save-btn{padding:.5rem 1rem;font-size:.875rem}#settingsStatus{font-size:.875rem;color:var(--rose-pine-foam)}.setting-info{margin-top:.5rem;color:var(--rose-pine-muted);font-size:.75rem}.field-help a,.setting-info a{color:var(--rose-pine-foam);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease}.field-help a:hover,.setting-info a:hover{border-bottom-color:var(--rose-pine-foam);text-shadow:0 0 8px rgba(168,221,229,.3)}.web-search-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--rose-pine-overlay),var(--rose-pine-highlight-low));border:2px solid var(--rose-pine-highlight-med);border-radius:1rem;cursor:pointer;color:var(--rose-pine-subtle);font-size:.9375rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 6px #00000026;min-height:44px;-webkit-user-select:none;user-select:none}.web-search-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--rose-pine-foam);margin:0}.checkbox-label{font-weight:500;color:var(--rose-pine-text)}.checkbox-icon{font-size:1.1rem}.queue-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--rose-pine-highlight-low);border:1px solid var(--rose-pine-highlight-med);border-radius:.5rem;color:var(--rose-pine-text);font-size:.875rem;font-weight:500;animation:fadeIn .3s ease}.queue-icon{font-size:1rem}.queue-text{color:var(--rose-pine-foam)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.web-search-toggle:hover{border-color:var(--rose-pine-foam);background:linear-gradient(135deg,var(--rose-pine-highlight-low),var(--rose-pine-overlay));transform:translateY(-1px);box-shadow:0 3px 10px #9ccfd833}.web-search-toggle:focus-within{outline:2px solid var(--focus-color);outline-offset:2px}.web-search-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--rose-pine-foam)}.web-search-toggle input[type=checkbox]:checked~.checkbox-label{color:var(--rose-pine-foam);filter:drop-shadow(0 0 4px rgba(156,207,216,.5))}.web-search-toggle input[type=checkbox]:checked~.checkbox-icon{filter:drop-shadow(0 0 4px rgba(156,207,216,.5))}hr.modern-separator{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,var(--rose-pine-highlight-med) 25%,var(--rose-pine-iris) 50%,var(--rose-pine-highlight-med) 75%,transparent 100%);margin:1rem 0;opacity:.6}.bubble pre{background:linear-gradient(135deg,var(--rose-pine-base),rgba(19,17,27,.8));border:1px solid var(--rose-pine-highlight-med);border-left:3px solid var(--rose-pine-pine);border-radius:.5rem;padding:1rem;overflow-x:auto;margin:.75rem 0;box-shadow:inset 0 2px 8px #0003}.bubble code{background:#d4a5ff1a;padding:.125rem .375rem;border-radius:.25rem;font-family:Consolas,Monaco,monospace;font-size:.875rem;color:var(--rose-pine-iris);border:1px solid rgba(212,165,255,.2)}.bubble pre code{background:transparent;padding:0}.bubble a{color:var(--rose-pine-foam);text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px solid transparent}.bubble a:hover{color:var(--rose-pine-iris);border-bottom-color:var(--rose-pine-iris);text-shadow:0 0 8px rgba(212,165,255,.3)}.loading{display:inline-block;width:.75rem;height:.75rem;border:2px solid var(--rose-pine-highlight-med);border-top:2px solid var(--rose-pine-iris);border-right:2px solid var(--rose-pine-foam);border-radius:50%;animation:spin .8s linear infinite;margin-left:.5rem;box-shadow:0 0 8px #d4a5ff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 360px){body{padding:0;font-size:14px}.container{height:100vh;max-height:100vh;border-radius:0;border:none;padding:.5rem;gap:.5rem}.header-row{flex-direction:column;gap:.5rem;margin-bottom:.5rem}h1{font-size:1rem;text-align:center;margin:0}.model-select{flex-direction:column;gap:.5rem}#model-dropdown{min-width:100%;font-size:.8125rem}.header-controls{flex-direction:column;gap:.5rem}.bubble{max-width:95%;font-size:.8125rem;padding:.625rem .875rem}.message-textarea{font-size:.875rem;min-height:2.5rem;padding:.625rem .875rem}button{min-height:48px;font-size:.875rem;padding:.5rem 1rem}.scroll-to-bottom{bottom:80px;right:16px;width:44px;height:44px}}@media (min-width: 361px) and (max-width: 768px){body{padding:.5rem}.container{height:calc(100vh - 1rem);padding:.75rem;border-radius:.75rem}.header-row{flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}h1{font-size:1.125rem;margin:0}.header-controls{flex:1;justify-content:flex-end;min-width:280px}.model-select{flex-wrap:wrap;gap:.5rem}#model-dropdown{min-width:160px;flex:1}.bubble{max-width:88%;font-size:.9375rem}.settings-panel{max-height:70vh}.form-actions{flex-direction:column;align-items:stretch;gap:.5rem}.form-actions button{width:100%}.message-textarea{min-height:2.75rem}.input-wrapper{flex-direction:column;gap:.5rem}.input-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.character-counter{order:1}.send-button{order:2;min-width:80px}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:800px;padding:1.25rem;overflow-y:auto;overflow-x:hidden}.container::-webkit-scrollbar{width:10px;height:0}.container::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--rose-pine-surface),var(--rose-pine-base));border-radius:8px;box-shadow:inset 0 0 4px #0003}.container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--rose-pine-iris),var(--rose-pine-highlight-high));border-radius:8px;border:1px solid var(--rose-pine-surface);box-shadow:0 2px 4px #0003}.container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--rose-pine-love),var(--rose-pine-iris))}.header-row{flex-wrap:nowrap}.bubble{max-width:75%}.settings-panel{max-height:75vh}}@media (min-width: 1025px) and (max-width: 1200px){.container{max-width:1000px}.bubble{max-width:70%}}@media (min-width: 1201px){.container{max-width:1200px}.bubble{max-width:65%}.header-row{padding:0 1rem}}@media (pointer: coarse){button,select,input[type=checkbox],.message-actions-btn{min-height:44px;min-width:44px}.web-search-toggle{min-height:48px;padding:.75rem 1rem}.message-actions-btn{opacity:1;position:static;margin-top:.5rem;align-self:flex-end}.bubble a{padding:.25rem;margin:-.25rem;border-radius:.25rem;min-height:44px;display:inline-flex;align-items:center}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.loading-spinner{border-width:1px}.progress-bar{height:6px}}@supports (-webkit-touch-callout: none){.container{height:-webkit-fill-available;height:100vh}.message-textarea{transform:translateZ(0);-webkit-font-smoothing:antialiased}@media (max-height: 700px) and (orientation: landscape){.container{height:100vh;max-height:none}.settings-panel{max-height:60vh}}}@media (prefers-color-scheme: dark) and (max-width: 768px){.status,.message-textarea{background:var(--rose-pine-base)}}.status{position:relative}.status--success{border-left:4px solid var(--success-color)}.status--error{border-left:4px solid var(--error-color);background:#ff6b6b0d}.status--info{border-left:4px solid var(--rose-pine-foam)}.status-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-icon{font-size:1.1rem;flex-shrink:0}.status-text{flex:1;min-width:0}.model-info{color:var(--rose-pine-muted);font-size:.8125rem;background:var(--rose-pine-highlight-low);padding:.25rem .5rem;border-radius:.25rem}.progress-container{display:flex;align-items:center;gap:.5rem;min-width:120px}.progress-bar{flex:1;height:8px;border-radius:4px;background:var(--rose-pine-highlight-low);overflow:hidden}.progress-bar::-webkit-progress-bar{background:var(--rose-pine-highlight-low);border-radius:4px}.progress-bar::-webkit-progress-value{background:var(--rose-pine-gradient-2);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--rose-pine-muted);font-weight:500;min-width:40px;text-align:right}.connection-status{position:absolute;top:.5rem;right:.5rem;width:12px;height:12px}.connection-dot{width:100%;height:100%;border-radius:50%;animation:pulse 2s infinite}.connection-status--connected .connection-dot{background:var(--success-color)}.connection-status--connecting .connection-dot{background:var(--warning-color)}.connection-status--disconnected .connection-dot{background:var(--error-color);animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.typing-dot,.streaming-dots .dot{width:8px;height:8px;background:var(--rose-pine-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2),.streaming-dots .dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3),.streaming-dots .dot:nth-child(3){animation-delay:.4s}.streaming-indicator{display:flex;align-items:center;gap:.5rem}.streaming-dots{display:flex;gap:.25rem}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.scroll-to-bottom{position:fixed;bottom:120px;right:20px;background:var(--rose-pine-gradient-1-high-contrast);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;z-index:100;transition:all .3s ease;font-size:1.2rem}.scroll-to-bottom:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-controls{background:var(--rose-pine-surface);border-bottom:1px solid var(--rose-pine-highlight-med);padding:.75rem}.chat-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.chat-control-btn{background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);border-radius:.5rem;padding:.5rem .75rem;color:var(--rose-pine-text);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;min-height:36px}.chat-control-btn:hover{background:var(--rose-pine-highlight-med);transform:translateY(-1px)}.chat-info{margin-left:auto;color:var(--rose-pine-muted);font-size:.8125rem}.message-count{background:var(--rose-pine-highlight-low);padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.search-bar{margin-top:.75rem;padding:.75rem;background:var(--rose-pine-highlight-low);border:1px solid var(--rose-pine-highlight-med);border-radius:.5rem;animation:slideDown .3s ease}.search-input-group{display:flex;align-items:center;gap:.5rem}.search-input{flex:1;padding:.5rem .75rem;border:1px solid var(--rose-pine-highlight-med);border-radius:.375rem;background:var(--rose-pine-base);color:var(--rose-pine-text);font-size:.875rem;font-family:inherit}.search-input:focus{outline:none;border-color:var(--focus-color);box-shadow:var(--focus-shadow)}.search-controls{display:flex;align-items:center;gap:.25rem}.search-nav-btn,.search-close-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);border-radius:.25rem;color:var(--rose-pine-text);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;min-width:initial;min-height:initial}.search-nav-btn:hover:not(:disabled),.search-close-btn:hover{background:var(--rose-pine-highlight-med)}.search-nav-btn:disabled{opacity:.5;cursor:not-allowed}.search-results-info{margin-top:.5rem;font-size:.8125rem;color:var(--rose-pine-muted);text-align:center}.chat-container{position:relative;flex:1 1 auto;overflow-y:auto;min-height:0}.messages-container{padding-bottom:1rem}.message.highlight-search{animation:highlightSearch 2s ease}@keyframes highlightSearch{0%,to{background:transparent}50%{background:#d4a5ff33}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-height: 600px){.container{padding:.5rem;gap:.5rem}.header-row{margin-bottom:.25rem}.status{padding:.375rem .75rem;margin-bottom:.25rem;font-size:.8125rem}#chat{margin-bottom:.5rem}.bubble{padding:.625rem .875rem;font-size:.875rem}.message-textarea{min-height:2.5rem;font-size:.875rem}.settings-panel{max-height:80vh;padding:0}.settings-form{padding:.75rem}.settings-header{padding:.75rem .75rem .5rem}}@media (max-height: 450px){.container{padding:.25rem;gap:.25rem}.header-row{flex-wrap:nowrap;gap:.5rem;margin-bottom:0}h1{font-size:1rem}.model-select{gap:.25rem}.status{padding:.25rem .5rem;font-size:.75rem;margin-bottom:.25rem}.bubble{padding:.5rem .75rem;font-size:.8125rem;margin:.5rem 0}.message-textarea{min-height:2.25rem;max-height:4rem}.input-controls{margin-bottom:.25rem}.scroll-to-bottom{bottom:70px;width:40px;height:40px;font-size:1rem}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:inherit!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--rose-pine-text);color:var(--rose-pine-base);padding:8px;z-index:1000;text-decoration:none;border-radius:4px;font-weight:600}.skip-link:focus{top:6px}@media (prefers-contrast: high){:root{--rose-pine-base: var(--rose-pine-hc-bg);--rose-pine-surface: var(--rose-pine-hc-surface);--rose-pine-text: var(--rose-pine-hc-text);--rose-pine-muted: #cccccc;--rose-pine-subtle: #eeeeee;--rose-pine-iris: var(--rose-pine-hc-accent);--rose-pine-foam: #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading{animation:none;border:2px solid var(--rose-pine-iris)}.typing-dot{animation:none;opacity:1}}*:focus{outline:2px solid var(--focus-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;box-shadow:var(--focus-shadow)}button:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--focus-color)!important;box-shadow:var(--focus-shadow)!important}.input-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}@media (max-width: 768px){.input-controls{margin-bottom:.75rem}.container:has(.message-textarea:focus){height:-webkit-fill-available;height:100vh}.message-textarea:focus{position:fixed;bottom:0;left:0;right:0;z-index:1000;max-height:none;border-radius:0;border-left:none;border-right:none;border-bottom:none}.container:has(.message-textarea:focus) .header-row,.container:has(.message-textarea:focus) .status,.container:has(.message-textarea:focus) .scroll-to-bottom{display:none}.container:has(.message-textarea:focus) #chat{margin-bottom:60px}}.thinking-panel{margin-top:.5rem;background:linear-gradient(135deg,var(--rose-pine-base),rgba(19,17,27,.85));border:1px dashed var(--rose-pine-highlight-med);border-left:3px solid var(--rose-pine-iris);border-radius:.5rem;padding:.5rem .75rem .75rem;color:var(--rose-pine-subtle)}.thinking-summary{list-style:none;cursor:pointer;color:var(--rose-pine-foam);font-weight:600}.thinking-summary::-webkit-details-marker{display:none}.thinking-content{margin-top:.5rem;font-size:.875rem;line-height:1.6}.thinking-toolbar{display:flex;justify-content:flex-end;gap:.5rem}.thinking-copy-btn{background:var(--rose-pine-overlay);color:var(--rose-pine-text);border:1px solid var(--rose-pine-highlight-med);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;min-height:initial;min-width:initial}.thinking-copy-btn:hover{background:var(--rose-pine-highlight-med)}pre{position:relative}.code-copy-btn{position:absolute;top:6px;right:6px;background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);border-radius:6px;padding:4px 6px;color:var(--rose-pine-text);font-size:.8rem;cursor:pointer}.code-copy-btn:hover{background:var(--rose-pine-highlight-med)}.agents-panel{margin-top:1rem;padding:.75rem;border:1px solid var(--rose-pine-highlight-low);border-radius:8px;background:var(--rose-pine-overlay)}.agents-details{display:block}.agents-summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none}.agents-summary::-webkit-details-marker{display:none}.agents-summary h3{margin:0}.agents-meta{color:var(--rose-pine-muted);font-size:.875rem}.agents-header{display:grid;gap:.5rem}.agents-global{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.agents-add,.agents-knowledge{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.agents-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem;margin-top:.75rem}.agent-card{border:1px solid var(--rose-pine-highlight-low);border-radius:8px;padding:.5rem;background:var(--rose-pine-surface)}.agent-card[open]{border-color:var(--rose-pine-highlight-med);box-shadow:0 2px 8px #00000026}.agent-card>summary.agent-card-header{list-style:none;cursor:pointer}.agent-card>summary::-webkit-details-marker{display:none}.agent-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.agent-title{display:flex;gap:.5rem;align-items:center}.agent-name{font-weight:600;min-width:0}.agent-body{display:grid;gap:.5rem;margin-top:.5rem}.agent-controls{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.agent-body{display:grid;gap:.5rem}.agent-sampling{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-items:center}.agent-preset{display:flex;gap:.5rem;align-items:center}.agents-summary-prompt{flex:1;display:flex;gap:.5rem;align-items:center}.agent-knowledge-add{display:grid;gap:.25rem;grid-template-columns:1fr auto}.knowledge-list{list-style:none;margin:.25rem 0 0;padding:0;display:grid;gap:.25rem}.knowledge-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;font-size:.9em}.k-type{opacity:.8;text-transform:uppercase;font-size:.75em}.k-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{padding:2px 6px;min-width:0;min-height:0;line-height:1}.agent-card input[type=text],.agent-card input[type=url],.agent-card input[type=number],.agent-card textarea,.agents-summary-prompt input[type=text]{width:100%}.agents-add input[type=text],.agents-knowledge input[type=url],.agents-knowledge textarea{min-width:min(420px,100%)}.drawer-overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:80}.drawer-overlay[data-open=true]{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;height:100vh;width:min(360px,90vw);background:var(--rose-pine-surface);border-right:1px solid var(--rose-pine-highlight-med);box-shadow:8px 0 24px #0006;transform:translate(-100%);transition:transform .25s ease;z-index:90;display:flex;flex-direction:column}.drawer[data-open=true]{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--rose-pine-highlight-med)}.sessions-drawer .sessions-list{padding:.5rem}.drawer-right{left:auto;right:0;border-right:none;border-left:1px solid var(--rose-pine-highlight-med);box-shadow:-8px 0 24px #0006;transform:translate(100%)}.drawer-right[data-open=true]{transform:translate(0)}.drawer-content{padding:.5rem .75rem 1rem;overflow:auto;height:100%}.pill-menu{display:inline-block}.pill-menu>.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:999px;background:var(--rose-pine-overlay);border:1px solid var(--rose-pine-highlight-med);cursor:pointer;-webkit-user-select:none;user-select:none}.pill-menu>.pill::-webkit-details-marker{display:none}.pill-menu[open]>.pill{background:var(--rose-pine-highlight-med)}.pill-body{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.header-menu{display:inline-block}.header-menu>summary.pill{margin-left:.5rem}.header-menu>.header-controls{margin-top:.5rem}