.detail-loading-page { min-width: 0; padding-top: 26px; padding-bottom: 70px; }
.detail-loading-caption { margin: 0 0 18px; color: var(--muted, #8d9892); font-size: 14px; }
.detail-loading-hero { display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: center; gap: 28px; padding: 26px; border: 1px solid #9d8e642b; border-radius: 16px; }
.detail-loading-cover { aspect-ratio: 3 / 4; border-radius: 10px; }
.detail-loading-title { display: grid; gap: 18px; max-width: 650px; }
.detail-loading-line { height: 22px; border-radius: 5px; }
.detail-loading-line:first-child { width: 78%; height: 34px; }
.detail-loading-line.short { width: 45%; }
.detail-loading-columns { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; margin-top: 24px; }
.detail-loading-panel { height: 220px; border-radius: 14px; }
.detail-loading-shimmer { background: linear-gradient(110deg, #8b8b8014 25%, #aaa58f26 45%, #8b8b8014 65%); background-size: 220% 100%; animation: detail-loading-sweep 1.8s ease-in-out infinite; }
@keyframes detail-loading-sweep { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (max-width: 650px) {
  .detail-loading-page { padding-top: 18px; }
  .detail-loading-hero { grid-template-columns: 82px minmax(0, 1fr); gap: 16px; padding: 18px; }
  .detail-loading-title { gap: 13px; }
  .detail-loading-line { height: 15px; }
  .detail-loading-line:first-child { height: 25px; width: 90%; }
  .detail-loading-columns { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 18px; }
  .detail-loading-panel { height: 160px; }
}
@media (prefers-reduced-motion: reduce) { .detail-loading-shimmer { animation: none; } }