Elements are often affected by multiple CSS rules at the same time. The editor now lets you choose exactly which one you're editing.
The Design tab opens with All styles selected, showing the final appearance of the selected element regardless of where each property comes from. A rule picker at the top lists every matching and inherited CSS rule. Selecting one switches the panel to that rule only.
The selected rule also determines where changes are written. If you choose .card and change the border radius, the edit is written to the .card rule, updating every element that uses it. When a single rule is selected, properties it doesn't define are dimmed, making it easy to see which values belong to that rule and which come from elsewhere.
Property values also preserve their original units. A width defined as 16ch remains 16ch in the editor instead of being converted to its computed pixel value.
The CSS tab follows the same model. Styles are shown as editable CSS rules that can be modified directly and applied with Cmd+Enter. Removing a declaration from an existing rule removes it from the stylesheet instead of silently ignoring the change.
Open a page from your project, select something, and pick a rule.