.dm-generator__heroCard{
  padding: 28px;
  max-width: 1040px;
  margin: 0 auto;
}
.dm-generator__form{display:flex;flex-direction:column;gap:16px}
.dm-generator__controls{display:grid;grid-template-columns:1fr;gap:16px}
.dm-generator__groupLabel{display:block;font-weight:700;margin-bottom:8px;color:#0f172a}
.dm-chipRow{display:flex;flex-wrap:wrap;gap:10px}
.dm-chip{position:relative;display:inline-flex;align-items:center;border:1px solid rgba(37,99,235,.18);background:#fff;border-radius:999px;padding:0;overflow:hidden;cursor:pointer}
.dm-chip input{position:absolute;opacity:0;pointer-events:none}
.dm-chip span{display:inline-flex;align-items:center;padding:10px 14px;font-size:.92rem;font-weight:600;color:#1e293b}
.dm-chip.is-active,.dm-chip:has(input:checked){background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.35);box-shadow:0 0 0 1px rgba(37,99,235,.06) inset}
.dm-generator__actions{display:flex;flex-wrap:wrap;gap:12px}
.dm-generator__examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dm-generator__example{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:.86rem;color:#334155;text-decoration:none}
.dm-generator__layout{align-items:start}
.dm-generator__results{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}
.dm-generatorCard{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.dm-generatorCard__top{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.dm-generatorCard__name{font-size:1.2rem;line-height:1.1;font-weight:800;color:#0f172a}
.dm-generatorCard__tag{font-size:.86rem;color:#64748b;margin-top:4px}
.dm-generatorCard__extensions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dm-extChip{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:.88rem;font-weight:600;color:#334155;text-decoration:none}
.dm-generator__links{display:flex;flex-direction:column;gap:10px}
.dm-generator__links a{color:#2563eb;text-decoration:none;font-weight:600}
@media(min-width:768px){
  .dm-generator__controls{grid-template-columns:1fr 1fr}
  .dm-generator__results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
  .dm-generator__heroCard{padding:18px}
  .dm-generator__actions .btn{width:100%}
  .dm-generatorCard__top{flex-direction:column;align-items:stretch}
  .dm-generatorCard__top .btn{width:100%}
}