.sky-season-seven .sky-avatar-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.sky-season-seven .sky-avatar-stage { min-height: 600px; }
.sky-season-seven .sky-avatar-stage h2 { font-size: 24px; line-height: 1.5; min-height: 72px; overflow-wrap: anywhere; }
.sky-season-seven .sky-avatar-stage [data-sky-avatar-desc] { min-height: 32px; font-size: 14px; }
.sky-season-seven .sky-avatar-preview { height: 310px; margin: 12px 36px; align-items: center; }
.sky-season-seven .sky-avatar-preview img { width: 100%; height: 280px; max-width: 100%; max-height: 300px; object-fit: contain; }
.sky-season-seven .sky-avatar-nav { top: 285px; display: grid; place-items: center; width: 34px; height: 42px; padding: 0; border: 1px solid var(--line); background: #18130e; }
.sky-season-seven .sky-avatar-prev { left: 14px; }
.sky-season-seven .sky-avatar-next { right: 14px; }
.sky-season-seven .sky-avatar-nav svg { width: 20px; height: 20px; }
.sky-season-seven .sky-avatar-stage .sky-seven-count { min-height: 0; margin: 0 0 20px; text-align: center; color: var(--muted); font-size: 13px; }
.sky-season-seven .sky-avatar-tone { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sky-season-seven .sky-avatar-tone button { font-size: 20px; }
.sky-season-seven [data-sky-seven] button:focus-visible { outline: 2px solid #f0d48c; outline-offset: 4px; }
@media (max-width: 1100px) { .sky-season-seven .sky-avatar-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  .sky-season-seven .sky-avatar-stage { padding: 22px 14px; min-height: 570px; }
  .sky-season-seven .sky-avatar-stage h2 { font-size: 20px; min-height: 60px; }
  .sky-season-seven .sky-avatar-preview { margin-inline: 24px; }
  .sky-season-seven .sky-avatar-nav { width: 28px; }
  .sky-season-seven .sky-avatar-prev { left: 7px; }
  .sky-season-seven .sky-avatar-next { right: 7px; }
}