<!-- Main Input -->
<input id="chat-input" type="text" placeholder="Type a message..." style="flex-grow: 1; background: #f1f1f1; border-radius: 20px; padding: 8px 15px; color: #333; border: none; outline: none;" />

<!-- Text Bubble Input (acts like send button) -->
<input id="bubble-input" type="text" value="Send a bubble..." style="margin-left: 10px; background: linear-gradient(135deg, #3498db, #2980b9); color: white; border-radius: 18px; padding: 8px 12px; border: none; outline: none; font-size: 13px; width: 130px;" />