*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#000;
    color:#fff;
    font-family:Arial,sans-serif;
    min-height:100vh;
}

.main{
    width:100%;
    max-width:500px;
    margin:auto;
    padding:20px;
}

.title{

    text-align:center;

    font-size:38px;

    font-weight:bold;

    margin-top:20px;
    margin-bottom:25px;

    background:linear-gradient(45deg,#ff0055,#ff6600);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.box{

    background:#111;

    border:2px dashed #333;

    border-radius:25px;

    padding:20px;

}

input[type=file]{

    width:100%;

    background:#fff;

    color:#000;

    border-radius:12px;

    padding:12px;

}

canvas{

    width:100%;

    margin-top:20px;

    border-radius:20px;

    display:none;

    background:#000;

}

.btn-main{

    width:100%;

    padding:15px;

    border:none;

    border-radius:15px;

    margin-top:20px;

    background:linear-gradient(45deg,#ff0055,#ff6600);

    color:white;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

}

.loading{

    display:none;

    text-align:center;

    margin-top:20px;

    font-size:18px;

}

.download-btn{

    display:none;

    width:100%;

    text-align:center;

    margin-top:20px;

    padding:15px;

    border-radius:15px;

    background:#00aa55;

    color:white;

    text-decoration:none;

    font-size:18px;

    font-weight:bold;

}

.note{

    text-align:center;

    margin-top:20px;

    color:#888;

    font-size:14px;

}