/* 1.0.317 — compact desktop flows that use a second/reference photo. */
@media (min-width: 769px) {
  /* Add person: reference is a compact setup row, not a nested card. */
  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page > .ai-hair-top {
    padding: 10px 14px 11px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page .sg-add-person-reference {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page .sg-add-person-reference .ai-refs-row {
    min-height: 34px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page .sg-add-person-reference .ai-refs-title {
    font-size: 11.5px !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page .sg-add-person-reference .ai-refs-btn {
    min-height: 32px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(77,145,236,.30) !important;
    border-radius: 9px !important;
    background: rgba(35,80,143,.18) !important;
    color: #bdd8ff !important;
    font-size: 10.5px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page .sg-add-person-reference .ai-refs-thumb {
    width: 52px !important;
    height: 52px !important;
    margin: 8px 0 0 !important;
    border-radius: 10px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page .sg-add-person-reference__hint {
    margin: 6px 0 0 !important;
    color: rgba(181,190,202,.66) !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-page > .ai-hair-scroll {
    padding-top: 10px !important;
  }

  /* The description editor is part of the tool surface, not another modal card. */
  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor {
    margin: 0 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt {
    position: relative !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__header {
    min-height: 48px !important;
    padding: 8px 14px !important;
    border-bottom-color: rgba(255,255,255,.06) !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__scroll {
    padding: 11px 14px 92px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__group + .sg-add-person-prompt__group {
    margin-top: 12px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__group-title,
  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__custom > span {
    margin-bottom: 6px !important;
    color: rgba(190,199,212,.68) !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__preset {
    min-height: 42px !important;
    padding: 5px 7px !important;
    border-color: rgba(255,255,255,.08) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.025) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__preset-icon {
    width: 27px !important;
    height: 27px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__custom {
    margin-top: 12px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__custom textarea {
    min-height: 92px !important;
    border-radius: 10px !important;
    background: #0b0f15 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .sg-add-person-desktop-editor .sg-add-person-prompt__footer {
    position: absolute !important;
    right: 14px !important;
    bottom: 12px !important;
    left: 14px !important;
    padding: 5px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 11px !important;
    background: rgba(9,12,17,.94) !important;
  }

  /* Face swap: compact upload target and one clear linear flow. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-top {
    padding: 11px 14px 10px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-top > div:first-child {
    margin-bottom: 9px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-upload-card {
    margin: 0 !important;
    padding: 0 0 9px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-upload-card > div:first-child {
    margin-bottom: 5px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-upload-card > div:nth-child(2) {
    width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-upload-card > div:nth-child(2) > div {
    width: 100% !important;
    max-width: 100% !important;
    height: 104px !important;
    border-style: dashed !important;
    border-radius: 11px !important;
    background: rgba(0,0,0,.16) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-upload-card > div:nth-child(2) > img {
    max-height: 104px !important;
    border-radius: 11px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-upload-card > div:last-child {
    margin-top: 5px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-quality {
    min-height: 34px !important;
    margin-top: 0 !important;
    padding: 7px 2px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-swap-consent {
    margin-top: 0 !important;
    padding: 8px 2px !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(185,194,207,.72) !important;
    font-size: 10px !important;
    line-height: 1.34 !important;
  }
}