body{
font-family:Arial, Helvetica, sans-serif;
background:#333;
margin:0;
padding:0;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
}

.container{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
width:520px;
text-align:center;
}

h1{
margin-top:0;
}

input{
margin:20px 0;
}

.preview-container{
margin:20px 0;
}

canvas{
border:1px solid #ddd;
width:128px;
height:128px;
}

button{
padding:10px 18px;
margin:10px;
border:none;
border-radius:6px;
background:#007bff;
color:white;
cursor:pointer;
font-size:14px;
}

button:hover{
background:#0056b3;
}

button:disabled{
background:#999;
cursor:not-allowed;
}

textarea{
width:100%;
height:120px;
margin-top:10px;
font-size:12px;
}