/* Keep the home quick-create material entry aligned with the full create page. */
.home-material-source-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-material-source-card {
  min-height: 128px;
  border-color: rgba(204, 211, 24, 0.38);
  background: linear-gradient(180deg, #fffef9 0%, #fffdf4 100%);
  box-shadow: 0 10px 24px rgba(173, 180, 31, 0.045);
}

.home-material-source-card:hover {
  border-color: rgba(195, 204, 17, 0.76);
  background: linear-gradient(180deg, #fffffb 0%, #fffbe9 100%);
  box-shadow: 0 14px 28px rgba(173, 180, 31, 0.11);
}

.home-material-source-content svg,
.home-asset-library-source svg {
  color: #d1d817;
}

.home-model-upload-source .ant-upload-drag {
  border: 0 !important;
  background: transparent !important;
}

.home-asset-chip {
  overflow: visible;
}

.home-asset-chip img,
.home-asset-chip video {
  overflow: hidden;
  border-radius: 11px;
}

.home-asset-role {
  position: absolute;
  left: 4px;
  bottom: 4px;
  z-index: 2;
  padding: 2px 5px;
  border-radius: 999px;
  color: #fff;
  background: rgba(105, 116, 8, 0.88);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.35;
  pointer-events: none;
}

.home-asset-role.character {
  background: rgba(164, 151, 14, 0.92);
}

@media (max-width: 980px) and (min-width: 761px) {
  .home-material-source-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .home-material-source-desc {
    font-size: 11px;
  }
}

@media (max-width: 760px) {
  .home-material-source-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}