.code-case-converter{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.code-case-converter .io{gap:var(--s3);grid-template-columns:1fr;display:grid}.code-case-converter textarea{min-height:170px;font-family:var(--font-mono);white-space:pre;overflow-wrap:normal;font-size:.85rem;line-height:1.7}.code-case-converter #ccc-output{background-color:var(--surface-inset);color:var(--text)}.code-case-converter .output-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.code-case-converter .output-head button{min-height:34px;padding:0 var(--s3);font-size:.82rem}.code-case-converter .output-head button:disabled{opacity:.5;cursor:not-allowed}.code-case-converter .controls{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.code-case-converter .split{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.code-case-converter .split li{align-items:center;gap:var(--s1);padding:4px var(--s3);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.85rem;display:flex}.code-case-converter .split li.acronym{border-color:var(--accent)}.code-case-converter .split .tag{font-family:var(--font-sans,inherit);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:650}.code-case-converter .tk-stats .v{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85rem}.code-case-converter code{background-color:var(--surface-inset);border-radius:3px;padding:1px 4px;font-size:.85em}@media (min-width:820px){.code-case-converter .io{grid-template-columns:1fr 1fr}}