.nfModelOverview {
  position: absolute;
  z-index: 3;
  left: 0.8rem;
  bottom: 3.35rem;
  width: min(30rem, calc(100% - 1.6rem));
  padding: 0.75rem 0.85rem;
  color: #f5eee8;
  background: linear-gradient(145deg, rgba(45, 40, 35, 0.95), rgba(23, 21, 19, 0.94));
  border: 1px solid rgba(226, 176, 141, 0.28);
  border-radius: 0.65rem;
  box-shadow: 0 0.7rem 2rem rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(12px);
}

.nfModelOverview-copy {
  display: flex;
  align-items: baseline;
  gap: 0.65rem;
}

.nfModelOverview-copy h2 {
  margin: 0;
  color: #f4c09a;
  font-size: 1.05rem;
}

.nfModelOverview-brand {
  color: #c77c4d;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nfModelOverview-status {
  margin: 0.35rem 0 0;
  color: #d5cac1;
  font-size: 0.78rem;
  line-height: 1.35;
}

.nfModelOverview-more {
  margin-top: 0.65rem !important;
  min-height: 2rem !important;
}

.nfModelPreview-overviewBack { display: none; }

.nfModelPreview:not(.is-overview) .nfModelPreview-overviewBack { display: inline-flex; }

.nfModelPreview.is-overview .nfModelPreview-contextField,
.nfModelPreview.is-overview .nfModelPreview-animationField,
.nfModelPreview.is-overview .nfModelPreview-status,
.nfModelPreview.is-overview .nfModelPreview-play,
.nfModelPreview.is-overview .nfModelPreview-timeline {
  display: none;
}

.nfModelPreview.is-overview .nfModelPreview-watermark {
  color: rgba(255, 255, 255, 0.82);
  border-color: rgba(199, 124, 77, 0.38);
}

@media (max-width: 800px) {
  .nfModelOverview {
    left: 0.7rem;
    bottom: 3.55rem;
    width: calc(100% - 1.4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nfModelOverview * { transition: none !important; }
}