.case-converter-app{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;margin:24px 0;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.cc-input-wrap{position:relative}.case-converter-app textarea{display:block;width:100%;min-height:230px;resize:vertical;border:1px solid #dfe3e8;border-radius:8px;background:#fff;padding:15px 54px 15px 14px;color:#202938;font:inherit;font-size:15px;line-height:1.65;outline:none;transition:border-color .18s,box-shadow .18s}.case-converter-app textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.12)}.case-converter-app textarea::placeholder{color:#9aa4b2}
.cc-paste{position:absolute;right:10px;top:9px;width:38px;height:38px;border:0;border-radius:6px;background:#159db2;color:#fff;display:grid;place-items:center;cursor:pointer}.cc-paste:hover{background:#11879a}.cc-paste svg{width:20px;height:20px;fill:currentColor}
.cc-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:9px 2px 16px;color:#7b8491;font-size:12px}.cc-text-btn{border:0;background:none;color:#318bd2;font:inherit;cursor:pointer}.cc-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.cc-actions button,.cc-output-head button{border:0;border-radius:5px;background:#398fda;color:#fff;padding:11px 17px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.cc-actions button:hover,.cc-output-head button:hover{background:#247bc4;transform:translateY(-1px)}.cc-actions button:focus-visible,.cc-paste:focus-visible,.cc-text-btn:focus-visible,.cc-output-head button:focus-visible{outline:3px solid rgba(52,152,219,.3);outline-offset:2px}
.cc-output-wrap{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f3}.cc-output-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#253044}.cc-output-head button{padding:8px 14px}.case-converter-app #ccOutput{min-height:150px;padding:13px;background:#f9fafb}.cc-status{display:block;min-height:18px;margin-top:7px;color:#16834a;font-size:12px}.cc-privacy{margin:17px 0 0;text-align:center;color:#9099a6;font-size:12px}.cc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.case-converter-app{padding:14px;margin:18px 0}.case-converter-app textarea{min-height:200px}.cc-actions{display:grid;grid-template-columns:1fr 1fr}.cc-actions button{padding:12px 8px}.cc-meta{font-size:11px}}