.case-mode-bar{min-width:0;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-4);border:0;border-bottom:1px solid var(--line);background:var(--elevated);margin:0;display:flex}.case-mode-bar legend{color:var(--muted);padding:0;font-size:12px;font-weight:600}.case-mode-options{gap:var(--space-2);flex:1;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.case-mode-option{border:1px solid var(--line);background:var(--base);min-width:0;height:36px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;display:flex;position:relative}.case-mode-option input{opacity:0;width:1px;height:1px;position:absolute}.case-mode-option:has(input:checked){border-color:var(--brand);background:color-mix(in oklch, var(--brand), var(--base) 92%);color:var(--ink-strong);box-shadow:inset 3px 0 0 var(--brand)}.case-mode-option:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.case-converter .editor-pane textarea{min-height:300px}.case-converter .output-pane textarea{background:var(--recessed)}.case-converter.has-stale-result .output-pane textarea{opacity:.68}@media (width<=840px){.case-mode-bar{align-items:stretch;gap:var(--space-2);flex-direction:column}.case-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.case-mode-option,.case-converter .text-button{height:44px}.case-converter .editor-pane textarea{min-height:180px}}