/* ============================================================================
   ToolBench — case-converter.css
   Case Converter: the multi-convention result grid + batch output. Loaded
   alongside tools.css/calc.css/json.css, which already supply
   .field/.inp/.panel/.prow/.seg/.fieldgrid/.split/.pane/.code/.edit — none
   of that is redeclared here.
   ============================================================================ */

.cc-grid{display:grid;gap:8px;grid-template-columns:1fr;margin:14px 0 0}
@media (min-width:576px){.cc-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.cc-grid{grid-template-columns:repeat(3,1fr)}}
.cc-cell{padding:10px 12px;background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius)}
.cc-cellhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}
.cc-cellname{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blueprint)}
.cc-cellval{display:block;overflow-wrap:anywhere;font:400 14.5px/1.4 var(--mono);color:var(--ink)}
.cc-batchout{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}