/* GG 7.2: Gelijke buitenruimte voor studio en alle themageneratoren. */
@media (max-width:1100px) {
  html, body { max-width:100%; overflow-x:clip; }
  .builder-wrapper, .builder-container, .gg37-studio, .gg36-studio-workspace,
  .vv-theme-studio, .theme-studio-wrapper, .studio-theme-container,
  .studio-subnav-bar + .builder-wrapper {
    box-sizing:border-box; min-width:0;
  }
  .builder-wrapper, .vv-theme-studio, .theme-studio-wrapper, .studio-theme-container {
    width:min(1280px, calc(100% - 30px)); max-width:calc(100% - 30px);
    margin-left:auto; margin-right:auto;
  }
  .builder-wrapper .builder-container, .builder-container .builder-grid,
  .builder-grid, .gg37-studio-workspace, .gg37-studio-inspiration,
  .gg67-print-studio, .gg69-all-styles, .gg37-studio,
  .builder-container > *, .builder-grid > *, .gg37-studio > * {
    min-width:0; max-width:100%; box-sizing:border-box;
  }
  .builder-wrapper :where(input,textarea,select,button,canvas,img,video,svg) {max-width:100%;box-sizing:border-box;}
  .builder-wrapper :where(input,textarea,select){min-width:0;}
  .builder-wrapper :where(.gg37-prompt-list, .gg67-style-grid, .gg67-format-grid, .gg37-inspiration-tabs){min-width:0;max-width:100%;}
}
@media (max-width:767px) {
  .builder-wrapper .builder-grid, .builder-wrapper .gg37-studio-workspace,
  .builder-wrapper .gg67-style-grid { grid-template-columns:minmax(0,1fr) !important; }
  .builder-wrapper .gg37-inspiration-tabs {flex-wrap:wrap;}
  .builder-wrapper .gg37-inspiration-tabs > * {min-width:0;flex:1 1 auto;}
  .builder-wrapper .book-preview-card {max-width:100%;}
}