/* Fotor Photo Editor 1.0.277 — flat, single-surface mobile AI prompt popup. */

@media (max-width: 768px) {
  #fotor-root .agent-popup-overlay:not(.text-image-popup-overlay) {
    padding: max(8px, env(safe-area-inset-top, 0px)) 8px max(8px, env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(3, 5, 8, .72) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  /* One popup shell is enough; the AI form must not draw another card inside it. */
  #fotor-root .agent-popup:not(.text-image-popup) {
    width: min(100%, 430px) !important;
    max-height: calc(100dvh - max(16px, env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px))) !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 20px !important;
    background: #0b0f14 !important;
    box-shadow: 0 22px 64px rgba(0, 0, 0, .54) !important;
    overscroll-behavior: contain !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) > .ai-agent {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 14px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__title {
    margin: 0 0 12px !important;
    color: #f4f7fb !important;
    font-size: 20px !important;
    font-weight: 820 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
  }

  /* Sections are separated by rhythm and one quiet line, not nested cards. */
  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__block {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .065) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__label {
    margin: 0 0 6px !important;
    color: rgba(185, 196, 210, .78) !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__hint {
    margin: 0 0 8px !important;
    color: rgba(153, 166, 184, .76) !important;
    font-size: 11px !important;
    line-height: 1.38 !important;
  }

  /* Borders remain only on fields the user can actually interact with. */
  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__select,
  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__textarea {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, .105) !important;
    border-radius: 12px !important;
    background: #080c11 !important;
    color: #eef3f9 !important;
    box-shadow: none !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__select {
    min-height: 42px !important;
    padding: 0 38px 0 12px !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__textarea {
    min-height: 126px !important;
    padding: 12px !important;
    resize: vertical !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__select:focus,
  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__textarea:focus {
    outline: none !important;
    border-color: rgba(82, 157, 255, .68) !important;
    box-shadow: 0 0 0 2px rgba(62, 137, 238, .12) !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__modes {
    margin-top: 0 !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__mode {
    min-height: 48px !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
  }

  /* Consent is an important notice, but not another rounded card. */
  #fotor-root .agent-popup:not(.text-image-popup) .sg-agent-adult-consent {
    order: 5 !important;
    margin: 0 0 12px !important;
    padding: 9px 0 9px 11px !important;
    border: 0 !important;
    border-left: 2px solid rgba(226, 82, 132, .70) !important;
    border-radius: 0 !important;
    background: rgba(105, 28, 56, .10) !important;
    box-shadow: none !important;
  }

  /* Disabled reason belongs immediately above the primary action. */
  #fotor-root .agent-popup:not(.text-image-popup) > .ai-agent > .sg-action-disabled-reason {
    order: 98 !important;
    width: 100% !important;
    margin: 2px 0 7px !important;
    padding: 0 !important;
    color: rgba(189, 201, 216, .82) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__run {
    order: 99 !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 370px) {
  #fotor-root .agent-popup:not(.text-image-popup) > .ai-agent {
    padding-inline: 12px !important;
  }

  #fotor-root .agent-popup:not(.text-image-popup) .ai-agent__title {
    font-size: 19px !important;
  }
}