/* 1.0.313 — image actions using only native React nodes. */
@media (min-width: 769px) {
  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions {
    align-items: center !important;
    gap: 7px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-download-wrap {
    position: relative !important;
    width: auto !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-action[data-tour="download"] {
    width: auto !important;
    min-width: 92px !important;
    height: 38px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-color: rgba(70,140,234,.44) !important;
    border-radius: 10px !important;
    background: #142b49 !important;
    color: #eaf3ff !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-action[data-tour="download"]::after {
    content: attr(data-label) !important;
    display: inline !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-action[data-tour="download"] .ws-action__icon {
    width: 17px !important;
    height: 17px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 16px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-action[data-tour="download"]:disabled {
    opacity: .42 !important;
  }

  /* Adding is already available in the Images panel. Hide only the native
     duplicate immediately following the download wrapper. */
  #fotor-root .editor-shell:not(.is-mobile) .ws-download-wrap + .ws-action:not(.danger):not(.ws-action--lite) {
    display: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions > .ws-action--lite {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background: #11161d !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions > .ws-action.danger {
    position: relative !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin-left: 8px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background: #11161d !important;
    color: rgba(223,228,236,.70) !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions > .ws-action.danger::before {
    content: "" !important;
    position: absolute !important;
    top: 7px !important;
    bottom: 7px !important;
    left: -8px !important;
    width: 1px !important;
    background: rgba(255,255,255,.10) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions > .ws-action.danger:hover:not(:disabled) {
    border-color: rgba(239,104,117,.34) !important;
    background: rgba(78,27,35,.72) !important;
    color: #ffd7dc !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-item {
    position: relative !important;
    overflow: visible !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-item > .rg-del {
    position: absolute !important;
    z-index: 4 !important;
    top: -5px !important;
    right: -5px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 8px !important;
    background: rgba(16,20,27,.96) !important;
    color: rgba(241,244,248,.86) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.34) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-item > .rg-del:hover {
    border-color: rgba(239,104,117,.42) !important;
    background: #57242c !important;
    color: #fff !important;
  }
}