Compare and preview

With Debug on, pick two elements to see how their styles differ, or try a change on one element in the page before any code changes.

How to use it

Turn on Debug in the side panel’s Settings: picking on a page needs it.
Pick exactly two elements and choose Compare: the differences are listed, size and spacing first, then colour and type.
Make one match the other from the comparison: it becomes a task with the exact changes.
On one element, choose Preview a change… to adjust padding, size, colour, type or its text and see it on the page. Reset puts it back.
Apply to code sends the exact change list to your agent on a local page; on another site, Copy CSS.