/* UUID Generator — tool-specific styles */
.uu-single { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--bg-soft);
  border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 14px 16px; }
.uu-one { flex: 1; min-width: 220px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 1.15rem;
  color: var(--accent-2); letter-spacing: .02em; word-break: break-all; }
.uu-controls { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
.uu-ctrl { font-size: .85rem; font-weight: 600; color: var(--muted); display: flex; align-items: center; gap: 8px; }
.uu-ctrl input { width: 90px; background: var(--bg-soft); border: 1px solid var(--line); color: var(--text);
  padding: 9px 11px; border-radius: var(--radius-sm); font-family: inherit; }
.uu-chk { font-size: .85rem; color: var(--muted); display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.uu-chk input { accent-color: var(--accent); }
.uu-controls .spacer, .uu-bulkhead .spacer { flex: 1; }
.uu-bulkhead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; color: var(--muted); font-size: .85rem; }
.uu-bulkhead .btn { padding: 7px 13px; font-size: .82rem; }
.uu-out { width: 100%; min-height: 240px; margin-top: 10px; resize: vertical; background: var(--bg-soft); color: var(--text);
  border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 14px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .9rem; line-height: 1.7; }
.uu-out:focus { outline: none; border-color: var(--accent); }