/* Keep the Gradient Studio workflow in reading order: compose first, review second. */
.gradient-workspace{
  grid-template-areas:"editor preview";
  grid-template-columns:minmax(390px,.72fr) minmax(0,1.28fr)!important;
  align-items:start;
}
.gradient-editor{grid-area:editor}
.gradient-canvas-panel{grid-area:preview}

@media(max-width:1120px){
  .gradient-workspace{
    grid-template-areas:"editor" "preview";
    grid-template-columns:minmax(0,1fr)!important;
  }
  .gradient-editor{order:1}
  .gradient-canvas-panel{order:2}
}