.chat-message{display:flex;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:12px;transition:background-color .2s ease}.chat-message:hover{background:rgba(0,0,0,.02)}.chat-message.user{flex-direction:row-reverse}.chat-message.assistant{flex-direction:row}.message-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.chat-message.user .message-avatar{background:#3b82f6}.chat-message.assistant .message-avatar{background:#10b981}.bot-icon,.user-icon{color:white}.message-content{flex:1;max-width:calc(100% - 60px)}.message-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.875rem}.message-role{font-weight:600;color:#374151}.chat-message.user .message-role{color:#3b82f6}.chat-message.assistant .message-role{color:#10b981}.message-time{color:#6b7280;font-size:.75rem}.message-stats{display:flex;align-items:center;gap:.5rem;margin-right:auto}.cost,.message-stats .cost-breakdown,.message-stats .finish-reason,.message-stats .latency,.message-stats .token-breakdown,.token-count{background:#f3f4f6;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;color:#6b7280;font-weight:500}.message-body{line-height:1.6}.message-text{margin:0 0 .75rem;color:#374151;font-size:.9375rem}.message-text:last-child{margin-bottom:0}.message-heading{margin:1rem 0 .5rem;color:#1f2937;font-size:1rem;font-weight:600}.list-item{margin:.25rem 0;padding-right:1rem;color:#374151;font-size:.9375rem}.code-block{background:#1f2937;border-radius:8px;padding:1rem;margin:.75rem 0;overflow-x:auto}.code-block pre{margin:0;color:#e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.message-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;opacity:0;transition:opacity .2s ease}.chat-message:hover .message-actions{opacity:1}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.edit-container{display:flex;flex-direction:column;gap:8px}.edit-textarea{width:100%;min-height:72px;resize:vertical;font-family:inherit;font-size:.95rem;line-height:1.4;padding:8px;border:1px solid #ddd;border-radius:6px}.edit-actions{display:flex;gap:8px}.chat-message.user .message-content{text-align:right}.chat-message.user .message-header{flex-direction:row-reverse}.chat-message.user .message-stats{margin-right:0;margin-left:auto}.chat-message.user .message-actions{justify-content:flex-end}@media (max-width:768px){.chat-message{padding:.75rem;gap:.75rem}.message-avatar{width:32px;height:32px}.message-content{max-width:calc(100% - 50px)}.message-header{flex-wrap:wrap;gap:.5rem}.message-stats{order:3;width:100%;justify-content:flex-start}.chat-message.user .message-stats{justify-content:flex-end}}@media (prefers-color-scheme:dark){.chat-message:hover{background:rgba(255,255,255,.05)}.message-role{color:#d1d5db}.message-time{color:#9ca3af}.message-text{color:#d1d5db}.message-heading{color:#e5e7eb}.list-item{color:#d1d5db}.action-btn,.cost,.token-count{background:#374151;color:#9ca3af}.action-btn:hover{background:#4b5563;color:#d1d5db}.edit-textarea{background:#111827;border-color:#374151;color:#e5e7eb}}