FOLLOW-UP: Move chat-specific styles out of shared utility file (from PR #54)

[adnaan]

Context

This follow-up task was identified during the review of PR #54.

Source PR: #54
PR Title: feat: add shared utility classes to livetemplate.css
Suggested by: @claude[bot]
Comment type: PR comment

Task Description

.messages, .message, and .message.mine are application-domain styles for a chat UI, not general-purpose utilities. They also have a fixed height: 400px which isn't responsive. These should live in the chat example's own stylesheet rather than being published as part of the library CSS.

Options to consider:

• Move to a chat.css file in the chat example
• If reuse across examples is needed, provide as an optional add-on stylesheet (e.g., livetemplate-chat.css)
• Make the height responsive or configurable via CSS custom property

Original Comment

.messages, .message, and .message.mine are application-domain styles for a chat UI, not general-purpose utilities. They also have a fixed height: 400px which isn't responsive. These should live in the example app's own stylesheet rather than being published as part of the library.

View original comment

---

This issue was automatically created by prmonitor from PR review comments.