/* UUID v4 crypto and formatting remain unchanged. */
.uuid-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 12px; }
.uuid-page .format-options { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.uuid-page .format-btn { font-size: 14px; padding-inline: 8px; }
.uuid-page .format-btn:last-child { grid-column: 1 / -1; }
.uuid-page .doc-hint { font-size: 14px; line-height: 1.5; color: var(--up-muted); }
.uuid-result-heading { display: flex; gap: 12px; align-items: baseline; justify-content: space-between; }
.uuid-result-heading p { font-size: 13px; flex-shrink: 0; }
.uuid-list { max-height: 380px; overflow-y: auto; padding-right: 4px; }
.uuid-item { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding-block: 12px; border-bottom: 1px solid #6a9081; }
.uuid-item:first-child { padding-top: 0; }
.uuid-text { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; min-width: 0; }
.uuid-item:first-child .uuid-text { font-size: 22px; font-weight: 600; }
.uuid-copy-btn { flex-shrink: 0; font-size: 14px; padding-inline: 12px; }
.uuid-empty { padding-block: 16px; font-size: 16px; }
.uuid-example { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .uuid-list { max-height: 320px; }
  .uuid-item { gap: 8px; }
  .uuid-item:first-child { flex-direction: column; align-items: stretch; padding-bottom: 16px; }
  .uuid-item:first-child .uuid-text { font-size: 23px; }
  .uuid-item:first-child .uuid-copy-btn { width: 100%; }
  .uuid-text { font-size: 14px; }
  .uuid-result-heading { align-items: start; }
}