/* UUID Generator — an options card (the version segment as a stacked row,
   the count field with quick-count chips, then Generate / Options / Copy all
   in the actions tray) over a results card of one row per UUID (layout from
   styles/components/form.css). The count uses a shared unit field; only the quick
   presets and UUID row's index, value and wrapping are the page's own. */

.uu-count__quick { --gap: var(--space-1); }

/* One UUID per row: index, value (click to copy), Copy. */
.uu-row__idx {
  font-size: 11px;
  color: var(--text-quaternary);
  font-family: var(--mono);
  width: 26px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.uu-row__val {
  flex: 1;
  min-width: 0;
  font-family: var(--mono);
  font-size: 13.5px;
  color: var(--text);
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--duration-snap) var(--ease-standard);
}
.uu-row__val:hover { color: var(--accent); }
.uu-row__copy { flex: none; }

/* On narrow screens the monospace UUID no longer fits on one line, so let it
   wrap (breaking at the hyphens) instead of hiding the tail behind an ellipsis. */
@media (max-width: 640px) {
  .uu-row__val {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
  }
}