/**
 * Case Converter Tool Specific Styling
 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:transparent;color:#0f172a}
.cc-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:32px;max-width:720px;margin:0 auto}
.cc-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#0f172a}
.cc-textarea{width:100%;min-height:200px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:15px;line-height:1.6;color:#0f172a;background:#fff;transition:border-color .2s ease;resize:vertical}
.cc-textarea:focus{outline:none;border-color:#4f46e5}
.cc-textarea::placeholder{color:#94a3b8}
.cc-results{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.cc-row{display:flex;align-items:center;gap:10px;background:#f8fafc;border-radius:8px;padding:10px 14px}
.cc-row-label{font-size:12px;font-weight:600;color:#64748b;min-width:120px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}
.cc-row-value{flex:1;font-size:14px;font-family:'Inter',monospace;color:#0f172a;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cc-row-value:empty::before{content:'--';color:#cbd5e1}
.cc-copy{flex-shrink:0;width:32px;height:32px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#64748b;font-size:14px}
.cc-copy:hover{border-color:#4f46e5;color:#4f46e5}
.cc-copy.copied{border-color:#22c55e;color:#22c55e}
[data-theme="dark"] .cc-card{background:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.3)}
[data-theme="dark"] .cc-label,[data-theme="dark"] .cc-textarea{color:#e2e8f0}
[data-theme="dark"] .cc-textarea{background:#0f172a;border-color:#334155}
[data-theme="dark"] .cc-textarea::placeholder{color:#64748b}
[data-theme="dark"] .cc-textarea:focus{border-color:#818cf8}
[data-theme="dark"] .cc-row{background:#0f172a}
[data-theme="dark"] .cc-row-label{color:#94a3b8}
[data-theme="dark"] .cc-row-value{color:#e2e8f0}
[data-theme="dark"] .cc-copy{background:#1e293b;border-color:#334155;color:#94a3b8}
[data-theme="dark"] .cc-copy:hover{border-color:#818cf8;color:#818cf8}
@media(max-width:600px){.cc-card{padding:20px}.cc-row{flex-wrap:wrap}.cc-row-label{min-width:100px}}