/* Name Storm — scoped under .name-storm-page.
   Keep the result column packed to the top so the Copy all button keeps its
   natural size when the idea list is short (the control-first bench gotcha). */
.name-storm-page .canvas-bench {
  align-content: start;
}

.name-storm-page .canvas-bench .tool-actions {
  align-items: center;
}

/* Generated names render as a wrap of tap-to-copy chips. */
.name-storm-page .name-results {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: var(--space-2);
  min-height: 3rem;
}

.name-storm-page .name-chip {
  padding: .5rem .9rem;
  border: var(--control-border-width) solid var(--control-border);
  border-radius: 999px;
  background: var(--inset-surface);
  box-shadow: var(--inset-control-shadow);
  color: var(--text-body);
  font-family: var(--font-plain);
  font-size: var(--step--1);
  font-weight: var(--control-weight);
  cursor: pointer;
  transition:
    border-color var(--speed-fast) var(--ease-calm),
    transform var(--speed-fast) var(--ease-calm);
}

.name-storm-page .name-chip:hover {
  border-color: var(--input-focus);
}

.name-storm-page .name-chip:active {
  transform: translateY(1px);
}