Improve landscape breakpoint experience

(orientation:landscape) is imperative in the final generated CSS with any landscape breakpoint @media query because merely giving max-width to determine if a breakpoint should be landscape is quite ineffective. Because without it, landscape breakpoints are essentially just another portrait breakpoint in disguise, and a malfunctioning one.

Just one example to prove it is, say mobile-landscape hits at 600px, and due to the limited screen height, I safely give a small element min-height: 100vh;.

But, I happen to have a tablet that has a innerWidth of 536px. So, the max-width styles assigned at mobile-landscape result in those little elements stretching all the down on the tablet in portrait as well.

I think this should give an idea of what I mean. This issue causes problems regardless of building desktop-first or mobile-first.

Secondly, landscape breakpoints should have an option to set the height in builder as well for making life a bit easier and to actually preview how it should look in builder. Maybe add an aspect-ratio option to go with the explicit max-width?