In Focus mode, a floating property bar appears over the selected element. It shows just the relevant controls as pills, with a “+” to add any CSS property and an overflow menu for advanced ones.
Where: Canvas → select an element (in Focus mode) — The bar floats above the selection
Key ideas
- Starter pills: Layout, Text, Fill, Border, Effects, Visibility, Transform, Media — each opens a popover mirroring the full section. Only relevant pills show.
- Add property (+): Fuzzy-search any CSS property to add; or “Ask AI” to describe the change.
- Reorder / hide / lock: Move the element among siblings and toggle visibility/lock right from the bar.
Steps
- Switch to Focus mode.
- Select an element — the property bar floats above it.
- Click a pill to edit that group, or “+” to add a property.
- Use the ⋯ overflow for advanced/uncatalogued properties.