/* =========================
   Upload UI
========================= */


.upload-box{

    background:var(--bg-card);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    padding:25px;

    margin:30px 0;

}



.upload-title{

    font-size:22px;

    font-weight:bold;

    margin-bottom:20px;

}



.upload-input{

    width:100%;

    padding:12px;

    margin-top:10px;

    border-radius:10px;

    border:1px solid var(--border);

    background:#111;

    color:white;

}



.upload-button{

    margin-top:15px;

    padding:12px 25px;

    border-radius:10px;

    border:none;

    cursor:pointer;

}



.upload-button:hover{

    opacity:.8;

}



.upload-preview{

    display:block;

    min-height:20px;

}



.upload-preview img{

    display:block;

    margin:10px auto;

    max-width:100%;

}



.upload-file-name{

    margin-top:10px;

    color:#aaa;

}


.file-upload{

    display:flex;

    justify-content:center;

    align-items:center;

    height:100px;

    border:2px dashed #555;

    border-radius:16px;

    cursor:pointer;

    margin-bottom:15px;

}


.file-upload input{

    display:none;

}


.file-upload span{

    color:#aaa;

}


@media(max-width:600px){

    .upload-box{

        padding:16px;

    }

}