Design and build UI for Responsive Panels Layout Options

Now we have the very basic implimentation of Responsive Panels in 7.x-3.x we have to refine this and make it actually work properly and that means having some configuration.

I have come up with an idea of how this can work (by work I mean be reasonable UX). There are lots of ways to make it work, but making it usable is the most important goal, so as to not confuse the hell out of everyone.

At a rough estimate there are 142 layout variations (I will call these "options") for the 13 Gpanel and Panels Layout Plugins. This is a LOT of stuff to manhandle into a UI.

Here is my basic idea, but first open up the attached screenshot in another tab, this will make much more sense:

1) Select the column count of the panel (e.g. two col, three col etc)
2) Select the Device Orientation (e.g. tablet landscape)
3) Select the layout option

You will see that for two column layouts there are only 2 options, however for the 3, 4, 5 and 6 column layouts there are progressively more options - this is very cool and allows us a huge variety of layouts.

In theory this sounds really easy, in practice its still a lot of UI to grasp all at once, so I have utilized evil collapsible fieldsets to hide stuff until you need it.

I have also NOT included any options for the Standard or Smartphone Portrait breakpoints - it just doesn't make sense to because the Standard layout will always take the default layout option and Smartphone Portrait will always display any panel layout in one column (all panes stacked). It doesn't have to be like this, however we have to trade complexity for usability at some point, so not including edge-case-like options means these things are removed from the UI, and we make sensible default decisions instead.

I have attached a screenshot of the first iteration of the this idea, please give feedback and some ideas on this, I think this can work, but if you have a better idea I would love to hear it.