/* Mocking text generator — extends tool-page.css shell.
   Preserves JS hooks: #inputText, #outputText, .mocking-button, .copied */

#outputText {
  min-height: 180px;
  padding: var(--space-4);
  background: var(--butter-soft);
  border: 1.5px solid var(--butter);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
  overflow: auto;
}
#outputText:empty::before {
  content: attr(data-placeholder);
  color: var(--ink-soft);
  font-style: italic;
}

.mocking-button-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}
@media (min-width: 480px) {
  .mocking-button-group { grid-template-columns: 1fr 1fr; }
}

.us-tool-btn.copied,
.btn-copy.copied {
  background: var(--mint-soft) !important;
  border-color: var(--mint-deep) !important;
  color: var(--mint-deep) !important;
}