.hero-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.hero-style-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px;background:var(--surface-panel,#202833);border:1px solid #706040;border-radius:10px;text-align:center}
.hero-style-card.selected{border-color:#efb83e;box-shadow:0 0 0 1px #efb83e}
.hero-style-card canvas{width:112px;height:112px;max-width:100%;object-fit:contain}
.hero-style-card small{color:var(--text-muted,#adb7c7)}
@media(max-width:650px){.hero-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}