/* Fotor Photo Editor 1.0.302 — clear desktop image action hierarchy. */
@media (min-width: 769px) {
  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions {
    align-items: center !important;
  }

  /* Adding belongs to the Images panel; hide the duplicate workspace action. */
  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions > .sg302-workspace-add {
    display: none !important;
  }

  /* Download is the primary workspace action and should not rely on an icon tooltip. */
  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions .sg302-download-action {
    width: auto !important;
    min-width: 92px !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, .42) !important;
    background: #142b49 !important;
    color: #eaf3ff !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions .sg302-download-action::after {
    content: none !important;
    display: none !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions .sg302-download-label {
    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-top-actions .sg302-download-action:disabled {
    opacity: .42 !important;
  }

  /* Destructive clearing is visually and spatially separate from creation/download. */
  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions .sg302-clear-action {
    margin-left: 8px !important;
    position: relative !important;
    color: rgba(223, 228, 236, .70) !important;
    background: #11161d !important;
  }

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

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

}