- Both shells share the `.bv-modal` overlay and tokenized primitives - (`.card`, `.btn`, `.btn-ghost`, `.badge`, `.grid-stack`, - `.focus-ring`). Compatibility hooks like `modal-content` remain on - the panels so legacy CSS selectors keep working alongside the new - primitives. + Both shells share the `.bv-modal` overlay, `.bv-modal__panel` + surface, and tokenized primitives (`.card`, `.btn`, `.btn-ghost`, + `.badge`, `.grid-stack`, `.focus-ring`). The templates below match + the production markup so controller behaviour and documentation + stay aligned.
- Layout reflects `components/edit-video-modal.html`. The - `.bv-modal__panel.modal-content` pairing keeps backwards - selectors alive while new primitives manage spacing and - typography. + Layout reflects `components/edit-video-modal.html` with the + `.bv-modal__panel` shell controlling spacing and typography. Use + the modal primitives directly when composing new flows.