.chat-interface{flex-direction:row;width:100%;max-width:100%;background:var(--color-bg);border-radius:0;border:none;box-sizing:border-box;margin:0;padding:0}.chat-interface,.chat-main{display:flex;height:100%;overflow:hidden;position:relative}.chat-main,.chat-placeholder{flex:1;flex-direction:column}.chat-placeholder{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-muted);padding:1.5rem}.chat-placeholder .loading-spinner{width:40px;height:40px;flex-shrink:0;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:chat-spin 1s linear infinite}@keyframes chat-spin{to{transform:rotate(1turn)}}.chat-placeholder p{margin:0;text-align:center}.chat-placeholder .error-message{margin-top:.5rem;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.25rem;max-width:48rem;margin:0 auto;width:100%}.chat-welcome{text-align:center;padding:2rem;color:var(--color-text-secondary)}.chat-welcome h3{margin-top:0;font-size:1.5em;color:var(--color-primary)}.chat-welcome p{margin:.5rem 0}.message{display:flex;margin-bottom:0}.message.assistant+.message.assistant,.message.user+.message.user{margin-top:-.15rem}.message.assistant+.message.user,.message.user+.message.assistant{margin-top:1.25rem}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start;flex-direction:column;align-items:flex-start}.message-content{max-width:100%;padding:.75rem 0;border-radius:0;word-wrap:break-word;line-height:1.6}.message.user .message-content{background:var(--color-user-bubble);color:var(--color-user-bubble-text);padding:.6rem 1rem;border-radius:12px;border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--color-assistant-bubble);color:var(--color-assistant-bubble-text);padding:.6rem 1rem;border-radius:12px;border-bottom-left-radius:4px}.message.assistant .message-content h1,.message.assistant .message-content h2,.message.assistant .message-content h3,.message.assistant .message-content h4,.message.assistant .message-content h5,.message.assistant .message-content h6{margin:.75rem 0 .5rem;font-weight:600;line-height:1.3}.message.assistant .message-content h1{font-size:1.5em;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.message.assistant .message-content h2{font-size:1.3em}.message.assistant .message-content h3{font-size:1.1em}.message.assistant .message-content p{margin:.5rem 0}.message.assistant .message-content ol,.message.assistant .message-content ul{margin:.5rem 0;padding-left:1.5rem}.message.assistant .message-content li{margin:.25rem 0}.message.assistant .message-content pre{background:var(--color-overlay);border-radius:6px;padding:.75rem;margin:.75rem 0;overflow-x:auto;font-size:.9em;line-height:1.4}.message.assistant .message-content code{background:var(--color-border);padding:.15em .4em;border-radius:3px;font-size:.9em;font-family:Courier New,Courier,monospace}.message.assistant .message-content pre code{background:transparent;padding:0}.message.assistant .message-content a{color:var(--color-primary);text-decoration:underline}.message.assistant .message-content blockquote{border-left:3px solid var(--color-border-subtle);padding-left:1rem;margin:.75rem 0;font-style:italic;opacity:.95}.message.assistant .message-content hr{border:none;border-top:1px solid var(--color-border);margin:1rem 0}.message.assistant .message-content table{border-collapse:collapse;margin:.75rem 0;width:100%}.message.assistant .message-content td,.message.assistant .message-content th{border:1px solid var(--color-border);padding:.5rem;text-align:left}.message.assistant .message-content th{background:var(--color-border);font-weight:600}.message-actions{display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.copy-action-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem}.copy-tooltip{padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:var(--color-tooltip-text);background:var(--color-tooltip-bg);border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.copy-action-wrap:hover .copy-tooltip{opacity:1}.message-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.message-action-btn:hover{color:var(--color-text);background:var(--color-surface-subtle)}.message-action-btn svg{flex-shrink:0}.chat-input-form{padding:1rem;background:var(--color-bg);max-width:48rem;margin:0 auto;width:100%;box-sizing:border-box}.chat-input-wrap{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1.25rem;min-height:48px;background:var(--color-chat-input-wrap-bg);border:1px solid var(--color-chat-input-wrap-border);border-radius:9999px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.03)}.chat-input{flex:1;min-width:0;padding:.5rem 0;margin:0;border:none;border-radius:0;background:transparent;color:inherit;font-size:1rem;font-family:inherit;line-height:1.4;resize:none;min-height:20px;max-height:120px;overflow-y:auto;box-sizing:border-box}.chat-input::placeholder{color:var(--color-placeholder)}.chat-input:focus{outline:none}.chat-input:focus-visible{outline:2px solid -webkit-focus-ring-color;outline-offset:2px}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-button{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);flex-shrink:0;padding:0;background:var(--color-send-button-bg);color:var(--color-send-button-icon);border:none;border-radius:50%;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.chat-send-button svg{display:block;flex-shrink:0}.chat-send-button:hover:not(:disabled){opacity:.9}.chat-send-button:disabled{opacity:.4;cursor:not-allowed}.chat-footer{text-align:center;font-size:.75rem;margin:.5rem 0 1rem;padding:0 1rem}.chat-footer,.thinking-text{color:var(--color-text-muted)}.thinking-text{font-style:italic}.chat-sidebar{width:240px;min-width:240px;height:calc(100% - 2rem);align-self:center;margin:1rem 0 1rem 1rem;background:var(--color-chat-surface,#fff);border:1px solid var(--color-chat-input-wrap-border);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow-y:auto;box-sizing:border-box}.chat-sidebar,.sidebar-content{display:flex;flex-direction:column}.sidebar-content{padding:1rem;gap:.5rem}.sidebar-settings-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;min-height:var(--touch-target-min);min-width:var(--touch-target-min);background:transparent;border:none;color:var(--color-text);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;border-radius:6px;transition:background .2s,color .2s;font-family:inherit}.sidebar-settings-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center}.sidebar-settings-label:hover{background:rgba(0,0,0,.08);color:var(--color-text)}