v1.9.1 — Styling editor, lazy loading, UX improvements

What's new in v1.9.1

Styling editor

• Styling tab is now organized in collapsible sections per component: Card, Preview bar, Thumbnails, Filter buttons, Today / Date / Live
• Border radius configurable per section via sliders
• New CSS variables exposed: --cgc-tbar-txt, --cgc-ctrl-txt, --cgc-ctrl-chevron, --cgc-ctrl-radius, --cgc-live-active-bg, --cgc-tsbar-txt, --cgc-pill-bg, --cgc-thumb-radius, --cgc-obj-btn-radius
• Default border radius unified to 10px throughout
• Editor background is now lighter (uses --card-background-color)
• Removed duplicate panel headers from all editor tabs
• Live card host background set to transparent

Bug fixes

• Filter button icon color and active icon color now work correctly (inline style was overriding CSS variables)
• Thumbnail bar border radius removed — parent overflow: hidden handles clipping correctly
• Active Today/Live button border radius now follows --cgc-ctrl-radius

Lazy loading thumbnails

• Intersection Observer implemented for thumbnails
• Thumbnails render as placeholders and only load their image when scrolled into view (200px pre-load margin)
• Automatically resets when switching day or filter
• Poster queue continues to pre-fetch in the background

Card picker preview

• Card now shows a live camera preview in the HA card picker
• Automatically picks the first available camera from your setup
• Card auto-starts in live mode when a camera is configured but no media entities are set