.stylizer-tool {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.style-card {
  background: rgba(15, 17, 23, 0.6);
  border: 1px solid var(--color-border, #2a2d3a);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
  transition: all 0.15s ease;
}

.style-card:hover {
  border-color: rgba(79, 142, 247, 0.4);
  background: rgba(26, 29, 39, 0.7);
}

.style-output {
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--color-snow, #f0f2f8);
  word-break: break-word;
  white-space: pre-wrap;
}