body[data-shopao-ai-operation="creative_scene"] .creative-uploader.shopao-creative-reference-host {
  position: relative;
  isolation: isolate;
}

body[data-shopao-ai-operation="creative_scene"] .shopao-creative-reference-preview {
  z-index: 1000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body[data-shopao-ai-operation="creative_scene"] .shopao-creative-reference-preview img {
  pointer-events: none;
}

body[data-shopao-ai-operation="creative_scene"] .shopao-creative-reference-clear {
  top: 4px !important;
  right: 4px !important;
  z-index: 3 !important;
}

body[data-shopao-ai-operation="creative_scene"] .shopao-generation-board .shopao-generation-card:has(> img),
body[data-shopao-ai-operation="creative_scene"] .shopao-generation-board .shopao-generation-reference {
  aspect-ratio: auto;
  height: auto;
  min-height: 0;
  max-height: none;
}

body[data-shopao-ai-operation="creative_scene"] .shopao-generation-board .shopao-generation-card > img,
body[data-shopao-ai-operation="creative_scene"] .shopao-generation-board .shopao-generation-reference > img {
  height: auto;
  object-fit: contain;
}

@media (max-width: 760px) {
  body[data-shopao-ai-operation="creative_scene"].shopao-generation-board-active .shopao-generation-board {
    left: 160px !important;
    padding: 16px 8px !important;
  }

  body[data-shopao-ai-operation="creative_scene"] .shopao-generation-board .shopao-result-panel-shell {
    padding: 8px;
  }

  body[data-shopao-ai-operation="creative_scene"] .shopao-generation-board .shopao-generation-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}