/* Keep the detail actions together between the preview and its text on phones. */
@media (max-width: 767px) {
  [data-no-drag-select] > .z-10:has(> .md\:hidden > button[aria-label="返回图片列表"])
    > .md\:w-1\/2:nth-child(2) {
    order: -1;
  }

  [data-no-drag-select] > .z-10:has(> .md\:hidden > button[aria-label="返回图片列表"])
    > .md\:hidden:first-child {
    position: relative;
    inset: auto;
    height: 56px;
    flex-shrink: 0;
    padding: 0 20px;
    justify-content: flex-start;
  }

  [data-no-drag-select] > .z-10:has(> .md\:hidden > button[aria-label="返回图片列表"])
    > .md\:w-1\/2:nth-child(2)
    > div:has(button[aria-label="下载图片"], button[aria-label="下载全部"]) {
    top: calc(100% + 10px);
    right: 20px;
  }

  [data-no-drag-select] > .z-10:has(> .md\:hidden > button[aria-label="返回图片列表"])
    > .md\:w-1\/2:nth-child(2)
    > div:has(button[aria-label="下载图片"], button[aria-label="下载全部"]) button {
    min-width: 36px;
    min-height: 36px;
    border-radius: 12px;
  }
}