It's hard to see from the short quick demo videos on the site, but how does it handle rules? My workflow _always_ includes determining things like default margi

It's hard to see from the short quick demo videos on the site, but how does it handle rules? My workflow _always_ includes determining things like default margins, default paddings, default text sizes, and how they relate to each other. So, I will say default `main div` margin will be 2rem. While default padding on those blocks will be 1rem, how will this help me visualise adjusting these? It looks like all I am doing is changing individual elements.