/** ProwessApps - String Case Converter */
.pa-case-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .65rem;color:var(--pa-tool-accent-dark);background:color-mix(in srgb,var(--pa-tool-accent) 10%,#fff);border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap}.pa-case-input-panel{overflow:hidden;background:#fff;border:1px solid var(--pa-border);border-radius:.85rem}.pa-case-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .8rem;background:#f4f7f9;border-bottom:1px solid var(--pa-border)}.pa-case-panel-head h3{margin:0;color:var(--pa-navy);font-size:.95rem}.pa-case-panel-head span{display:block;margin-top:.15rem;color:var(--pa-muted);font-size:.68rem}.pa-case-head-actions{display:flex;gap:.4rem}.pa-case-head-actions button,.pa-case-result-head button{display:inline-flex;align-items:center;gap:.3rem;padding:.36rem .5rem;color:var(--pa-tool-accent-dark);background:#fff;border:1px solid var(--pa-border);border-radius:.5rem;font-size:.7rem;font-weight:700}.pa-case-head-actions button:hover,.pa-case-result-head button:hover:not(:disabled){border-color:var(--pa-tool-accent)}.pa-case-input-panel>textarea{display:block;width:100%;min-height:12rem;padding:1rem;color:#173247;background:#fbfdfe;border:0;outline:0;resize:vertical;font:500 .92rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.pa-case-input-panel>textarea:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pa-tool-accent) 48%,transparent)}.pa-case-options{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.pa-case-switch{display:flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:.45rem .65rem;color:var(--pa-navy);background:#f7fafb;border:1px solid var(--pa-border);border-radius:.65rem;font-size:.74rem;font-weight:700;cursor:pointer}.pa-case-switch input{width:1rem;height:1rem;accent-color:var(--pa-tool-accent)}.pa-case-status{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;margin-top:1rem;color:#536b7c;background:#f3f7f9;border-left:4px solid #7b8f9d;border-radius:.7rem}.pa-case-status>i{margin-top:.2rem}.pa-case-status strong{display:block}.pa-case-status p{margin:.15rem 0 0;font-size:.82rem}.pa-case-status[data-state=success]{color:#116149;background:#edf9f4;border-left-color:#16845b}.pa-case-status[data-state=error]{color:#9f2146;background:#fff0f4;border-left-color:#d93663}.pa-case-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.3rem 0 .75rem}.pa-case-toolbar h3{margin:.2rem 0 0;color:var(--pa-navy);font-size:1.05rem}.pa-case-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.pa-case-result{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--pa-border);border-radius:.8rem}.pa-case-result.has-result{border-color:color-mix(in srgb,var(--pa-tool-accent) 28%,var(--pa-border))}.pa-case-result-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .7rem;background:#f5f8fa;border-bottom:1px solid var(--pa-border)}.pa-case-result-head h4{margin:0;color:var(--pa-navy);font:800 .82rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.pa-case-result-head span{display:block;margin-top:.15rem;color:var(--pa-muted);font-size:.62rem}.pa-case-result-head button:disabled{cursor:not-allowed;opacity:.45}.pa-case-result textarea{display:block;width:100%;min-height:5.5rem;padding:.75rem;color:#293f52;background:#fbfdfe;border:0;outline:0;resize:vertical;font:600 .8rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.pa-case-result textarea:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pa-tool-accent) 30%,transparent)}@media(max-width:767.98px){.pa-case-results{grid-template-columns:1fr}.pa-case-toolbar{align-items:stretch;flex-direction:column}.pa-case-toolbar .btn{justify-content:center}}@media(max-width:575.98px){.pa-case-panel-head{align-items:flex-start;flex-direction:column}.pa-case-head-actions{width:100%}.pa-case-head-actions button{flex:1;justify-content:center}.pa-case-options{display:grid}.pa-case-result-head{align-items:flex-start}.pa-case-result-head button{flex:0 0 auto}}
