/* Studio 3.6.0 — the regular Studio preview follows the page, not an inner
   scrolling card. Everything is scoped to this Studio; no header changes. */
@media (min-width: 861px) {
  html body.ggw-theme .gg32-studio-page :is(.vv438-studio-content,.builder-wrapper,.builder-container,.gg316-studio-workbench,.gg317-studio-surface,#gg42PhaseCreate,#gg42PhaseFinish,#mainWorkspace) {
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
  html body.ggw-theme .gg32-studio-page .gg36-preview-slot {display:none!important;}
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate > .gg36-preview-slot.gg36-preview-slot-active {
    display:block!important;
    grid-column:2!important;grid-row:1!important;
    width:100%!important;min-width:0!important;
    visibility:hidden!important;pointer-events:none!important;
  }
  html body.ggw-theme .gg32-studio-page #mainWorkspace > .gg36-preview-slot.gg36-preview-slot-active {
    display:block!important;
    grid-column:2!important;grid-row:1!important;
    width:100%!important;min-width:0!important;
    visibility:hidden!important;pointer-events:none!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate > .gg35-guide-preview.gg36-preview-floating,
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish #mainWorkspace > .preview-pane.gg36-preview-floating {
    position:fixed!important;
    top:var(--gg36-preview-y)!important;
    left:var(--gg36-preview-x)!important;
    width:var(--gg36-preview-w)!important;
    max-width:var(--gg36-preview-w)!important;
    margin:0!important;
    z-index:15!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:860px){
  html body.ggw-theme .gg32-studio-page .gg36-preview-slot {display:none!important;}
  html body.ggw-theme .gg32-studio-page .gg35-guide-preview,
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .preview-pane {
    position:static!important;
    top:auto!important;left:auto!important;width:100%!important;
    max-width:100%!important;
  }
}
/* Preserve matching column proportions across the real editor, not only step 1. */
@media(min-width:861px) and (max-width:1199px){
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish:not([hidden]) #mainWorkspace {
    grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;
  }
}
@media(max-width:860px){
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish:not([hidden]) #mainWorkspace {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish #mainWorkspace > :is(.editor-pane,.preview-pane,.gg37-studio-inspiration) {
    grid-column:1!important;grid-row:auto!important;
    min-width:0!important;width:100%!important;max-width:100%!important;
  }
}