body{
    margin:0;
    font-family:system-ui, Arial;
    background:
        radial-gradient(circle at 1px 1px, rgba(0,0,0,0.05) 1px, transparent 0)
        0 0 / 24px 24px,
        linear-gradient(135deg,#f6f8ff,#f9fbff);
    color:#222;
}

/* DECOR */
.decor{
    position:fixed;
    z-index:-1;
    opacity:0.2;
    pointer-events:none;
}

.decor.b1{width:180px;top:20px;right:20%;}
.decor.b2{width:260px;bottom:-60px;right:-60px;}
.decor.b3{width:140px;top:40%;left:-60px;}
.decor.b4{width:120px;top:15%;right:-50px;}

/* LAYOUT */
.app{max-width:1100px;margin:auto;padding:20px;}

header h1{margin:0;font-size:34px;}
header p{color:#666;margin-top:5px;}

.controls{display:flex;gap:10px;margin:20px 0;}

button,.filebtn{
    padding:14px 18px;
    border-radius:12px;
    border:none;
    cursor:pointer;
    font-size:16px;
}

.filebtn{background:#e8ecff;color:#3b5bff;}
button{background:#3b5bff;color:#fff;}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:900px){.grid{grid-template-columns:1fr;}}

.panel{
    background:#fff;
    border-radius:18px;
    padding:16px;
    min-height:500px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* FILES */
.file{
    display:flex;
    gap:12px;
    padding:12px;
    background:#f7f8fc;
    border-radius:14px;
    margin-bottom:10px;
    align-items:center;
}

.thumb{
    width:70px;height:70px;
    border-radius:10px;
    object-fit:cover;
    background:#ddd;
}

.info{flex:1;}

.name{font-weight:600;font-size:14px;}

.progress{
    height:8px;
    background:#e5e7eb;
    border-radius:999px;
    overflow:hidden;
    margin-top:6px;
}

.bar{
    height:100%;
    width:0%;
    background:linear-gradient(90deg,#3b5bff,#00d4ff);
}

.status{font-size:12px;color:#666;margin-top:4px;}

.uploading{border-left:4px solid #ffb020;}
.success{border-left:4px solid #2ecc71;}
.error{border-left:4px solid #ff4d4d;}

/* STATS */
.stats{
    margin-top:20px;
    padding:16px;
    background:white;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.log{
    margin-top:10px;
    font-size:13px;
    color:#444;
}