/* Desktop image workbench: keep adjacent settings blocks on one 12px rhythm.
   Component padding, option heights, uploads, prompts, and mobile layouts stay intact. */
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode:not([data-active-feature^="video"])
  #task-panel
  #dynamic-settings {
  --image-workbench-block-gap: 12px;
  row-gap: var(--image-workbench-block-gap) !important;
}

html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode:not([data-active-feature^="video"])
  #task-panel
  #dynamic-settings
  :is(
    .material-picker,
    .flat-lay-settings-panel,
    .print-extract-settings-panel,
    .clothes-on-model-panel,
    .try-on-model-panel,
    .outfit-recommend-panel,
    .poster-design-panel,
    .text-edit-panel,
    .view-change-panel,
    .pose-change-panel,
    .fashion-buyer-show-person-settings,
    .buyer-tryon-settings,
    .set-generate-settings,
    .set-product-type-block
  ) {
  row-gap: var(--image-workbench-block-gap) !important;
}

/* Some legacy feature blocks combined a grid gap with their own top margin. */
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode:not([data-active-feature^="video"])
  #task-panel
  #dynamic-settings
  .clothes-on-model-panel > .buyer-filter-block + .buyer-filter-block,
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode:not([data-active-feature^="video"])
  #task-panel
  #dynamic-settings > .fashion-buyer-show-person-settings,
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode:not([data-active-feature^="video"])
  #task-panel
  #dynamic-settings > .background-official-material-button,
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode:not([data-active-feature^="video"])
  #task-panel
  #dynamic-settings
  .material-picker > :is(.background-preset-divider, .model-bg-grid) {
  margin-top: 0 !important;
}