/* Fotor Photo Editor 1.0.288 — stage 4.3: flatter desktop sections. */

@media (min-width: 769px) {
  /* A section is separated by rhythm or a hairline, not another card. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .product-creative-top,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .product-creative-compact-panel,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .tool-remove-bg,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .tool-upscale,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-correction-intro,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-top > .ai-refs,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-top > .sg-face-swap-upload-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Product settings: keep borders on inputs/selects, remove both wrapper frames. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .product-creative-top {
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel .product-creative-compact-panel {
    margin-top: 12px !important;
    padding: 0 !important;
    gap: 10px !important;
  }

  /* Remove background / upscale: content belongs directly to the tool panel. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .tool-remove-bg,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .tool-upscale {
    padding: 2px 0 0 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel .tool-header {
    margin-bottom: 12px !important;
    padding: 0 0 12px !important;
  }

  /* Correction intro is a short section heading instead of a blue card. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-correction-intro {
    align-items: flex-start !important;
    margin: 10px 14px 12px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-correction-intro__icon {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: rgba(47, 125, 246, .13) !important;
    font-size: 17px !important;
  }

  /* Reference blocks use one divider. Their upload buttons/thumbnails stay explicit. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-top > .ai-refs,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-top > .sg-face-swap-upload-card {
    margin: 2px 0 0 !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
  }

  /* Background helpers are text/options, not nested cards. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-bg-toggle {
    margin-top: 8px !important;
    padding: 7px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-bg-help {
    margin-top: 8px !important;
    padding: 8px 0 0 10px !important;
    border: 0 !important;
    border-left: 2px solid rgba(83, 147, 236, .34) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  /* Face swap: only the actual upload target keeps a boundary. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-quality,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-consent {
    margin-top: 8px !important;
    padding: 8px 2px !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .055) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}