body{
margin:0;
font-family:'Poppins',sans-serif;
background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
color:white;
}

.container{
max-width:700px;
margin:auto;
padding:20px;
}

h1{
text-align:center;
font-size:36px;
background:linear-gradient(90deg,#ff00cc,#00f2fe);
-webkit-background-clip:text;
color:transparent;
margin-bottom:20px;
}

textarea{
width:100%;
height:200px;
padding:15px;
border-radius:15px;
border:none;
font-size:16px;
margin-bottom:20px;
resize:none;
}

.controls{
display:grid;
gap:10px;
margin-bottom:20px;
}

.controls input,
.controls select,
.controls button{
padding:10px;
border-radius:12px;
border:none;
font-size:16px;
}

.controls button{
background:linear-gradient(90deg,#ff00cc,#00f2fe);
color:white;
font-weight:bold;
cursor:pointer;
transition:0.3s;
}
.controls button:hover{
transform:scale(1.05);
}

.previewBlock{
width:100%;
min-height:140px;
background:white;
color:black;
padding:25px;
margin-bottom:20px;
border-radius:25px;
text-align:center;
font-size:24px;
line-height:1.4;
box-shadow:0 0 35px rgba(0,0,0,0.5);
word-break:break-word;
transition:0.3s ease;
}

@media(max-width:600px){
textarea{
height:150px;
font-size:14px;
}
.previewBlock{
font-size:20px;
padding:20px;
}
.controls input,
.controls select,
.controls button{
font-size:14px;
padding:8px;
}
}