/* Gerador de Letras Pequenas — estilos próprios. Estrutura base vem do
   design system compartilhado (_base.css). */

.tool-generator #resultTextoPequeno { min-height: 150px; }

/* Linha dos estilos de conversão */
.tool-generator .lp-styles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
/* Estilo selecionado (toggle ativo): botão preenchido de azul. */
.tool-generator .lp-styles .gen-btn.is-active,
.tool-generator .lp-styles .gen-btn.is-active:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

/* Copiar / limpar */
.tool-generator .lp-actions { justify-content: stretch; gap: 10px; }
.tool-generator .lp-actions .gen-btn { flex: 1; }
.tool-generator #btCopy.copied { background: var(--success); border-color: var(--success); }