Better blueprint preview styling

.wordpress-org/blueprints/demo-content.xml

@@ -70,27 +70,26 @@
 <p class="has-text-align-center has-x-large-font-size">Slide #2</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
-
 <!-- /wp:good-slider/slider -->
 
 <!-- wp:heading -->
 <h2 class="wp-block-heading">Slider with fixed slides</h2>
 <!-- /wp:heading -->
 
-<!-- wp:good-slider/slider {"templateLock":"all"} -->
-<!-- wp:good-slider/slide {"templateLock":false} -->
+<!-- wp:good-slider/slider {"templateLock":"all","align":"wide","style":{"dimensions":{"minHeight":"400px"}}} -->
+<!-- wp:good-slider/slide {"templateLock":false,"backgroundColor":"accent-3"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">1st Slide</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
 
-<!-- wp:good-slider/slide {"templateLock":false} -->
+<!-- wp:good-slider/slide {"templateLock":false,"backgroundColor":"accent"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">2nd Slide</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
 
-<!-- wp:good-slider/slide {"templateLock":false} -->
+<!-- wp:good-slider/slide {"templateLock":false,"backgroundColor":"accent-5"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">3rd Slide</p>
 <!-- /wp:paragraph -->
@@ -101,13 +100,12 @@
 <h2 class="wp-block-heading">Slider with restricted slide contents</h2>
 <!-- /wp:heading -->
 
-<!-- wp:good-slider/slider {"templateLock":"all"} -->
-<!-- wp:good-slider/slide {"templateLock":false,"allowedBlocks":["core/paragraph"]} -->
+<!-- wp:good-slider/slider {"templateLock":"all","align":"wide","style":{"dimensions":{"minHeight":"500px"}}} -->
+<!-- wp:good-slider/slide {"templateLock":false,"allowedBlocks":["core/paragraph"],"backgroundColor":"accent-2"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">1st Slide</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
-
 <!-- /wp:good-slider/slider -->]]></content:encoded>
             <excerpt:encoded><![CDATA[]]></excerpt:encoded>
             <wp:post_id>8</wp:post_id>
@@ -136,4 +134,3 @@
         </item>
     </channel>
 </rss>
-

.wordpress-org/blueprints/example-post.html

@@ -14,27 +14,26 @@ <h2 class="wp-block-heading has-text-align-center" style="font-style:normal;font
 <p class="has-text-align-center has-x-large-font-size">Slide #2</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
-
 <!-- /wp:good-slider/slider -->
 
 <!-- wp:heading -->
 <h2 class="wp-block-heading">Slider with fixed slides</h2>
 <!-- /wp:heading -->
 
-<!-- wp:good-slider/slider {"templateLock":"all"} -->
-<!-- wp:good-slider/slide {"templateLock":false} -->
+<!-- wp:good-slider/slider {"templateLock":"all","align":"wide","style":{"dimensions":{"minHeight":"400px"}}} -->
+<!-- wp:good-slider/slide {"templateLock":false,"backgroundColor":"accent-3"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">1st Slide</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
 
-<!-- wp:good-slider/slide {"templateLock":false} -->
+<!-- wp:good-slider/slide {"templateLock":false,"backgroundColor":"accent"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">2nd Slide</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
 
-<!-- wp:good-slider/slide {"templateLock":false} -->
+<!-- wp:good-slider/slide {"templateLock":false,"backgroundColor":"accent-5"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">3rd Slide</p>
 <!-- /wp:paragraph -->
@@ -45,11 +44,10 @@ <h2 class="wp-block-heading">Slider with fixed slides</h2>
 <h2 class="wp-block-heading">Slider with restricted slide contents</h2>
 <!-- /wp:heading -->
 
-<!-- wp:good-slider/slider {"templateLock":"all"} -->
-<!-- wp:good-slider/slide {"templateLock":false,"allowedBlocks":["core/paragraph"]} -->
+<!-- wp:good-slider/slider {"templateLock":"all","align":"wide","style":{"dimensions":{"minHeight":"500px"}}} -->
+<!-- wp:good-slider/slide {"templateLock":false,"allowedBlocks":["core/paragraph"],"backgroundColor":"accent-2"} -->
 <!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
 <p class="has-text-align-center">1st Slide</p>
 <!-- /wp:paragraph -->
 <!-- /wp:good-slider/slide -->
-
 <!-- /wp:good-slider/slider -->