.director-skill-upload-card { width: 100%; min-height: 132px; }

.director-skill-image-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  overflow: visible;
}

.director-skill-image-list .video-replica-product-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.director-skill-result-content { padding: 14px 16px 18px; }

.director-skill-result-content > img {
  display: block;
  width: 100%;
  max-height: 470px;
  margin-bottom: 14px;
  border: 1px solid #e3e4ec;
  border-radius: 15px;
  object-fit: contain;
  background: #f4f5f7;
}

.director-skill-result-content > pre {
  min-height: 340px;
  max-height: 590px;
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: #343642;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.75;
}

.director-skill-result-content > img:not(.hidden) + pre { min-height: 80px; }

#directorSkillHistoryList {
  display: grid;
  gap: 1px;
  max-height: 180px;
  overflow-y: auto;
  padding: 0 8px 8px;
}

@media (max-width: 760px) {
  .director-skill-image-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .director-skill-result-content > img { max-height: 330px; }
}

@media (prefers-reduced-motion: reduce) {
  .director-skill-view * { scroll-behavior: auto !important; }
}