/* Case Converter — gap widgets only (reuses blog.css + tools.css tokens) */
.cc-modes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}
.cc-mode{font-family:inherit;font-weight:600;font-size:.86rem;color:var(--text-soft);
  background:var(--surface);border:1px solid var(--border);border-radius:999px;
  padding:.5rem 1rem;cursor:pointer;transition:.15s;white-space:nowrap}
.cc-mode:hover{border-color:var(--orange);color:var(--text)}
.cc-mode[aria-selected="true"]{background:var(--brand);color:#fff;border-color:transparent;box-shadow:var(--sh-sm)}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:760px){.cc-grid{grid-template-columns:1fr}}
.cc-grid label{display:block;font-weight:600;font-size:.85rem;color:var(--text-soft);margin-bottom:.4rem}
.cc-ta{width:100%;min-height:210px;resize:vertical;font-family:inherit;font-size:1rem;line-height:1.6;
  color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:.9rem 1rem;box-sizing:border-box}
.cc-ta:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,138,76,.15)}
#ccOut{background:var(--surface)}
.cc-stat{font-size:.85rem;color:var(--text-muted);font-weight:600}