The right-side controls cluster (timer, integrations, theme, notifications,
account, Share) sat on the transparent top bar and became unreadable when canvas
cards scrolled underneath. It's now wrapped in a --bg-surface pill (border +
subtle shadow), matching the left file-menu pill and staying theme-aware.
Changed
components/TopBar.tsx— right cluster<div>gains padding, rounded border,var(--bg-surface)background, and a soft shadow.