#text-transform-app{font-family:Arial,sans-serif;max-width:700px;margin:30px auto;padding:25px;border-radius:12px;background:linear-gradient(90deg,#020024 0,#d1d573 0,#00d4ff 100%);box-shadow:0 4px 15px rgb(0 0 0 / .2);text-align:center;color:#333}textarea{width:100%;height:100px;margin:10px 0;padding:10px;border-radius:8px;border:1px solid #ddd;font-size:16px;resize:none;outline:0}.output-item{display:flex;align-items:center;justify-content:space-between;background:rgb(255 255 255 / .6);border-radius:8px;padding:10px;margin:5px 0}.output-text{flex:1;font-size:16px;overflow-wrap:anywhere}.copy-button{padding:5px 10px;border:none;border-radius:5px;background:#2a9d8f;color:#ff0;cursor:pointer;margin-left:10px;transition:.3s}.copy-button:hover{background:#21867a}