.webgpu-warning{background:#fef3cd;color:#92400e;border:1px solid var(--warning-color);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.chat-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.chat-controls .control{flex:1;min-width:200px}.chat-controls .control label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.chat-controls .control select{width:100%;padding:.5rem 2rem .5rem .75rem;height:2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;background:var(--bg-secondary);color:var(--text-color);cursor:pointer;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='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.chat-controls .control select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);background-color:var(--bg-color)}.chat-controls .control select:disabled{opacity:.5;cursor:not-allowed}.chat-controls .button-row{display:flex;gap:.5rem;flex-shrink:0}.chat-controls .button-row button{height:2.5rem;padding:0 1.25rem;font-size:.9rem}.progress-container{margin-bottom:1rem}.progress-track{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--primary-color);border-radius:3px;transition:width .2s}.progress-text{font-size:.82rem;color:var(--text-secondary);margin-top:.35rem}.model-info{margin-bottom:1rem;padding:.75rem 1rem;background:#f0fdf4;color:#1f2937;border:1px solid #bbf7d0;border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-color);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}.model-info .info-label{color:var(--text-secondary)}.model-info .info-value{font-weight:600}.model-info .info-item{white-space:nowrap}.model-info .model-name{font-weight:600;color:var(--success-color);font-size:.85rem}.system-prompt-details{margin-bottom:1rem}.system-prompt-details summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text-color);margin-bottom:.5rem}.system-prompt-details textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;resize:vertical;box-sizing:border-box;background:var(--bg-secondary);min-height:auto!important}.system-prompt-details textarea:focus{outline:none;border-color:var(--primary-color);background:var(--bg-color)}.chat-messages{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;min-height:350px;max-height:500px;overflow-y:auto;background:var(--bg-secondary);margin-bottom:.75rem;display:flex;flex-direction:column;gap:.75rem}.chat-placeholder{color:var(--text-muted);text-align:center;margin:auto;font-size:.9rem}.chat-bubble{max-width:80%;padding:.625rem .875rem;border-radius:10px;font-size:.9rem;line-height:1.55;word-wrap:break-word;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background:var(--primary-color);color:#fff;border-bottom-right-radius:3px}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-tertiary);color:var(--text-color);border:1px solid var(--border-color);border-bottom-left-radius:3px;white-space:normal}.chat-bubble.assistant.error{color:var(--error-color);border-color:#fecaca;background:#fef2f2}.chat-bubble.assistant p{margin:0 0 .5em}.chat-bubble.assistant p:last-child{margin-bottom:0}.chat-bubble.assistant ul,.chat-bubble.assistant ol{margin:.25em 0 .5em 1.25em;padding:0}.chat-bubble.assistant li{margin-bottom:.2em}.chat-bubble.assistant code{background:#0000000f;padding:.15em .35em;border-radius:3px;font-size:.85em;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;color:inherit;border:none}.chat-bubble.assistant pre{background:#1e1e2e;color:#cdd6f4;padding:.75em 1em;border-radius:6px;overflow-x:auto;margin:.5em 0;font-size:.82em;line-height:1.5}.chat-bubble.assistant pre code{background:none;padding:0;border-radius:0;font-size:inherit;color:inherit}.chat-bubble.assistant blockquote{border-left:3px solid var(--border-color);margin:.5em 0;padding:.25em .75em;color:var(--text-secondary)}.chat-bubble.assistant h1,.chat-bubble.assistant h2,.chat-bubble.assistant h3,.chat-bubble.assistant h4{margin:.75em 0 .35em;font-size:1em;font-weight:600;letter-spacing:0}.chat-bubble.assistant h1:first-child,.chat-bubble.assistant h2:first-child,.chat-bubble.assistant h3:first-child{margin-top:0}.chat-bubble.assistant table{border-collapse:collapse;margin:.5em 0;font-size:.85em;width:100%}.chat-bubble.assistant th,.chat-bubble.assistant td{border:1px solid var(--border-color);padding:.3em .6em;text-align:left}.chat-bubble.assistant th{background:#0000000a;font-weight:600}.chat-bubble.assistant hr{border:none;border-top:1px solid var(--border-color);margin:.75em 0}.chat-bubble.assistant a{color:var(--link-color);text-decoration:underline}.gen-stats{font-size:.78rem;color:var(--text-secondary);margin-bottom:.5rem;padding:.25rem 0;display:flex;gap:1.25rem;flex-wrap:wrap}.gen-stats .stat-value{font-weight:600;color:var(--text-color)}.gen-stats.generating .stat-value{color:var(--primary-color)}.chat-input-row{display:flex;gap:.5rem;align-items:stretch}.chat-input-row .chat-input{flex:1;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;resize:none;min-height:auto!important;background:var(--bg-secondary)}.chat-input-row .chat-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-color)}.chat-input-row .chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-input-row button{padding:.625rem 1.5rem;font-size:.9rem;white-space:nowrap;align-self:stretch}.chat-input-row button:disabled{opacity:.5;cursor:not-allowed}.chat-input-row .btn-stop{padding:.625rem 1.25rem;font-size:.9rem;white-space:nowrap;align-self:stretch;background:var(--error-color)!important;color:#fff!important;border:none!important}.chat-input-row .btn-stop:hover{background:#dc2626!important}@media(max-width:600px){.chat-controls{flex-direction:column;align-items:stretch}.chat-controls .button-row{justify-content:flex-start}.chat-bubble{max-width:90%}}