body{
margin:0;
font-family:Arial;
background:#0b1220;
color:#fff;
}

.app{
display:flex;
gap:20px;
padding:20px;
}

.left,.right{
flex:1;
background:#111827;
padding:20px;
border-radius:16px;
}

h1{
font-size:26px;
}

.sub{
color:#9ca3af;
}

.uploadBox{
border:2px dashed #ff0000;
padding:20px;
text-align:center;
border-radius:12px;
margin-top:10px;
}

canvas{
width:100%;
max-width:200px;
background:#1f2937;
border-radius:10px;
margin-top:10px;
}

.actions button{
width:100%;
margin-top:10px;
padding:12px;
border:none;
border-radius:10px;
background:#ff0000;
color:#fff;
cursor:pointer;
}

textarea{
width:100%;
height:100px;
margin-top:10px;
background:#0f172a;
color:#fff;
border:none;
border-radius:10px;
padding:10px;
}

.grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.card{
background:#0f172a;
padding:10px;
border-radius:12px;
text-align:center;
}

.card canvas{
width:100%;
max-width:120px;
}

.card button{
margin-top:5px;
padding:6px;
background:#2563eb;
border:none;
color:#fff;
border-radius:6px;
cursor:pointer;
}

.content{
margin:20px;
padding:20px;
background:#111827;
border-radius:16px;
}

.footer{
text-align:center;
padding:20px;
color:#6b7280;
}

@media(max-width:900px){
.app{flex-direction:column;}
}