.text-transformer{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto}.controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.transform-select{padding:.75rem;font-size:1rem;border:1px solid #e1e4e8;border-radius:6px;background-color:white;min-width:200px}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-column,.output-column{display:flex;flex-direction:column;gap:.5rem}.text-transformer h3{margin:0;font-size:1rem;color:#586069}.text-transformer textarea{width:100%;height:300px;padding:1rem;border:1px solid #e1e4e8;border-radius:6px;font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical}.output-column textarea{background-color:#f6f8fa}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.clear-button,.copy-button,.transform-button{padding:.75rem 1.25rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.transform-button{background-color:#2ea44f;color:white}.transform-button:hover{background-color:#2c974b}.clear-button{background-color:#6e7781;color:white}.clear-button:hover{background-color:#57606a}.copy-button{background-color:#0969da;color:white}.copy-button:hover{background-color:#0860c1}@media (max-width:768px){.side-by-side{grid-template-columns:1fr}.text-transformer textarea{height:200px}}