/* Fotor Photo Editor 1.0.185 — desktop tool panels polish pass 2. */
@media (min-width: 769px) {
  /* Shared panel language: flatter, less glass, clearer section hierarchy. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel-body {
    background: #0b0f14 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel-body button,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel-body input,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel-body select,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel-body textarea {
    font-family: inherit !important;
  }

  /* ===== AI by description / Agent ===== */
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-page,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__page {
    padding: 14px !important;
    gap: 0 !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__header,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-head {
    margin: 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__section,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__block,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-block {
    margin: 0 !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__section:first-of-type,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__block:first-of-type,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-block:first-of-type {
    padding-top: 8px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__sectionTitle,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-label,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__subtitle,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-sub {
    color: rgba(205,212,222,.78) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__select,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__textarea,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-textarea {
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 11px !important;
    background: #080c11 !important;
    box-shadow: none !important;
    color: #eef2f7 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__textarea:focus,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-textarea:focus,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__select:focus {
    border-color: rgba(64,145,255,.62) !important;
    box-shadow: 0 0 0 2px rgba(47,125,246,.10) !important;
    outline: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__seg,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__qualityGrid,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-quality,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-modes {
    gap: 7px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__segBtn,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__mode,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-quality-btn,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-mode {
    min-height: 44px !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 11px !important;
    background: #12161c !important;
    box-shadow: none !important;
    color: rgba(224,229,236,.82) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__segBtn.is-active,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__segBtn[aria-pressed="true"],
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-quality-btn.is-active,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-mode.is-active {
    border-color: rgba(65,151,255,.58) !important;
    background: rgba(47,125,246,.13) !important;
    color: #f4f8ff !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__run,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent-run {
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 14px !important;
    border: 1px solid rgba(75,145,238,.48) !important;
    border-radius: 11px !important;
    background: #2f7df6 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 820 !important;
  }

  /* ===== Desktop Face Swap ===== */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-page,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-scroll,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-top {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-top {
    position: relative !important;
    padding: 14px 14px 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-scroll {
    padding: 12px 14px 86px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap [role="button"],
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-agent__card,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-agent__section,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-agent__block {
    border-color: rgba(255,255,255,.075) !important;
    background: #10141a !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-placeholder-icon {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    margin: auto !important;
    border: 1px solid rgba(73,150,255,.18) !important;
    border-radius: 16px !important;
    background: rgba(47,125,246,.07) !important;
    color: #78adff !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .sg-face-placeholder-icon svg {
    width: 26px !important; height: 26px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-agent__modes {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-footer {
    padding: 10px 14px 14px !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    background: #0b0f14 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  /* Consent is readable instead of a dense legal card. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap label:has(input[type="checkbox"]) {
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    padding: 10px 11px !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.018) !important;
    font-size: 10.5px !important;
    line-height: 1.38 !important;
    color: rgba(197,204,214,.78) !important;
  }

  /* ===== Remove BG desktop ===== */
  #fotor-root .editor-shell:not(.is-mobile) .tool-remove-bg,
  #fotor-root .editor-shell:not(.is-mobile) .tool-upscale {
    max-width: none !important;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 15px !important;
    background: #10141a !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .tool-header {
    margin: 0 0 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.065) !important;
    text-align: left !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .tool-header h4 {
    margin: 0 0 5px !important;
    color: #f2f5f9 !important;
    font-size: 15px !important;
    font-weight: 820 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .tool-description {
    color: rgba(164,173,185,.75) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .remove-bg-btn,
  #fotor-root .editor-shell:not(.is-mobile) .upscale-btn {
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 14px !important;
    border: 1px solid rgba(75,145,238,.46) !important;
    border-radius: 11px !important;
    background: #2f7df6 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 12px !important;
    font-weight: 820 !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .upscale-row,
  #fotor-root .editor-shell:not(.is-mobile) .tool-controls {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .upscale-select {
    width: 100% !important;
    min-height: 40px !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 10px !important;
    background: #090d12 !important;
    box-shadow: none !important;
  }

  /* ===== Correction ===== */
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-page {
    padding: 12px 14px 18px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-toolbar {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-presets {
    height: 38px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 10px !important;
    background: #090d12 !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-reset,
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-mini {
    min-width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 9px !important;
    background: #12161b !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-row,
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-multi,
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-group {
    margin: 0 0 7px !important;
    padding: 10px 11px !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 10px !important;
    background: #101419 !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-row.active {
    border-color: rgba(64,145,255,.44) !important;
    background: rgba(47,125,246,.075) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-name,
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-multi-name {
    color: rgba(231,235,241,.90) !important;
    font-size: 11.5px !important;
    font-weight: 720 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-val,
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-multi-val {
    color: rgba(163,172,184,.75) !important;
    font-size: 10.5px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-adjust-slider {
    accent-color: #438fff !important;
  }

  /* ===== Design ===== */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-design .left-panel-body {
    padding: 10px 14px 18px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .design-panel {
    gap: 12px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .design-panel__section-title {
    margin: 2px 0 6px !important;
    color: rgba(166,176,189,.70) !important;
    font-size: 10px !important;
    font-weight: 820 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .design-motion-demo {
    min-height: 54px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(64,145,255,.22) !important;
    border-radius: 11px !important;
    background: rgba(47,125,246,.075) !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .design-panel button:not(.lp-back):not(.lp-close),
  #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-design button:not(.lp-back):not(.lp-close) {
    border-color: rgba(255,255,255,.07) !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .design-panel__hint,
  #fotor-root .editor-shell:not(.is-mobile) .design-empty {
    border: 0 !important;
    border-left: 2px solid rgba(64,145,255,.45) !important;
    border-radius: 0 8px 8px 0 !important;
    background: rgba(47,125,246,.045) !important;
    padding: 8px 10px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .design-layer__delete {
    border: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.32) !important;
  }

  /* Shared tool footer: same density across AI panels. */
  #fotor-root .editor-shell:not(.is-mobile) .ai-hair-footer,
  #fotor-root .editor-shell:not(.is-mobile) .ai-correction-footer,
  #fotor-root .editor-shell:not(.is-mobile) .mobile-tool-footer,
  #fotor-root .editor-shell:not(.is-mobile) .sg-product-footer {
    min-height: 58px !important;
    padding: 9px 12px !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    background: #0b0f14 !important;
    box-shadow: none !important;
  }
}