/* Case Converter — tool-specific styles */
.cv-input { width: 100%; min-height: 30vh; resize: vertical; background: var(--bg-soft); color: var(--text);
  border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 16px; font-size: 1rem; line-height: 1.7; font-family: inherit; }
.cv-input:focus { outline: none; border-color: var(--accent); }
.cv-cases { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cv-case { background: var(--bg-soft); border: 1px solid var(--line); color: var(--text); border-radius: 999px;
  padding: 9px 15px; font-size: .85rem; font-weight: 600; font-family: inherit; cursor: pointer; transition: all .15s; }
.cv-case:hover { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--card-2)); }
.cv-case:active { transform: scale(.96); }
.cv-bar { display: flex; align-items: center; gap: 12px; margin-top: 14px; flex-wrap: wrap; }
.cv-bar .spacer { flex: 1; }
.cv-stats-line { color: var(--muted-2); font-size: .85rem; font-variant-numeric: tabular-nums; }