*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;height:100vh}.container{display:flex;height:100vh}.sidebar{width:260px;background:#f7f7f8;color:#333;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #e5e5e5}.sidebar-logo{padding:20px;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.logo-icon{font-size:24px}.new-chat-btn{margin:0 15px 15px;padding:12px 16px;background:#4f6ef7;border:none;color:white;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.new-chat-btn:hover{background:#3d5bd9}.btn-icon{font-size:14px}.sidebar-section{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.section-title{padding:10px 20px;font-size:12px;color:#999;display:flex;align-items:center;gap:6px}.chat-list{flex:1 1;overflow-y:auto;padding:0 10px}.chat-item{padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:2px;display:flex;align-items:center;gap:10px;font-size:14px;color:#333;transition:background .15s}.chat-item:hover{background:#eaeaea}.chat-item.active{background:#e3e8ff;color:#4f6ef7}.chat-item-icon{font-size:16px;flex-shrink:0}.chat-item-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-delete{opacity:0;background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;transition:opacity .15s}.chat-item:hover .chat-item-delete{opacity:1}.chat-item-delete:hover{color:#ff6b6b}.main{min-width:0;background:#fff}.main,.welcome-container{flex:1 1;display:flex;flex-direction:column}.welcome-container{align-items:center;justify-content:center;padding:40px 20px}.welcome-content{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center}.welcome-title{font-size:32px;font-weight:500;color:#1a1a1a;margin-bottom:40px}.welcome-input-area{width:100%;margin-bottom:30px}.welcome-input-wrapper{background:#f7f7f8;border:1px solid #e5e5e5;border-radius:16px;padding:16px 20px;display:flex;align-items:flex-end;gap:12px;transition:border-color .2s,box-shadow .2s}.welcome-input-wrapper:focus-within{border-color:#4f6ef7;box-shadow:0 0 0 3px rgba(79,110,247,.1)}.welcome-input-wrapper textarea{flex:1 1;border:none;background:transparent;resize:none;font-size:16px;font-family:inherit;line-height:1.5;min-height:24px;max-height:120px;outline:none}.welcome-input-wrapper textarea::placeholder{color:#999}.input-actions{gap:8px}.input-actions,.send-btn{display:flex;align-items:center}.send-btn{width:40px;height:40px;border-radius:50%;background:#4f6ef7;color:white;border:none;cursor:pointer;font-size:18px;justify-content:center;transition:background .2s,transform .1s}.send-btn:hover:not(:disabled){background:#3d5bd9;transform:scale(1.05)}.send-btn:disabled{background:#ccc;cursor:not-allowed}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quick-action-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;cursor:pointer;font-size:14px;color:#333;transition:all .2s}.quick-action-btn:hover{background:#f7f7f8;border-color:#4f6ef7;color:#4f6ef7}.action-icon{font-size:16px}.chat-container{flex:1 1;overflow-y:auto;padding:20px;background:#fafafa}.chat-messages{max-width:800px;margin:0 auto}.message{margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message.user .message-avatar{background:#e3e8ff}.message.assistant .message-avatar{background:#f0f0f0}.message-bubble{max-width:70%}.message-content{padding:12px 16px;border-radius:16px;line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:15px}.message.user .message-content{background:#4f6ef7;color:white;border-radius:16px 16px 4px 16px}.message.assistant .message-content{background:white;border:1px solid #e5e5e5;border-radius:16px 16px 16px 4px}.message-content.typing{color:#999}.chat-input-area{background:white;border-top:1px solid #e5e5e5;padding:20px}.chat-input-wrapper{max-width:800px;margin:0 auto;display:flex;gap:12px;align-items:flex-end;background:#f7f7f8;border:1px solid #e5e5e5;border-radius:16px;padding:12px 16px}.chat-input-wrapper:focus-within{border-color:#4f6ef7}.chat-input-wrapper textarea{flex:1 1;border:none;background:transparent;resize:none;font-size:15px;font-family:inherit;line-height:1.5;min-height:24px;max-height:120px;outline:none}.chat-input-wrapper .send-btn{width:36px;height:36px;font-size:16px}.error-msg{max-width:800px;margin:0 auto 10px;padding:10px 15px;background:#ffebee;color:#c62828;border-radius:8px;font-size:14px}.image-container{margin:8px 0}.message-image{max-width:100%;max-height:400px;border-radius:12px;display:block;cursor:pointer;transition:transform .2s,opacity .3s}.message-image:hover{transform:scale(1.02)}.image-error{display:block;padding:20px;background:#fff3cd;color:#856404;border-radius:8px;font-size:14px}@media (max-width:768px){.sidebar{display:none}.welcome-title{font-size:24px}.quick-actions{gap:8px}.quick-action-btn{padding:8px 14px;font-size:13px}}