[data-case-converter] .case-modes{margin:24px 0 0;padding:0;border:0}
[data-case-converter] .case-modes legend{display:block;margin:0 0 6px;font-size:.82rem;font-weight:600}
[data-case-converter] .case-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
[data-case-converter] .case-mode{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start;min-height:72px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);cursor:pointer}
[data-case-converter] .case-mode input{margin:4px 0 0}
[data-case-converter] .case-mode span{font-weight:700}
[data-case-converter] .case-mode small{grid-column:2;color:var(--muted);font-size:.75rem;line-height:1.45}
[data-case-converter] .case-status{min-height:1.25rem}
[data-case-converter] .case-modes+.tool-note{margin-top:16px}
@media(max-width:767px){[data-case-converter] .case-mode-grid{grid-template-columns:1fr}}