body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:#121212;color:#f0f0f0;margin:0;padding:0;}
.container{max-width:500px;margin:50px auto;padding:20px;background:#1e1e1e;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,0.5);text-align:center;}
h1{color:#00bfff;}
#drop-area{border:2px dashed #00bfff;border-radius:12px;padding:30px;margin-bottom:20px;cursor:pointer;transition:0.3s;}
#drop-area.highlight{background-color: rgba(0,191,255,0.1);}
input,select,.button{width:80%;padding:10px;margin:10px auto;border-radius:8px;border:none;display:block;}
.button{background:#00bfff;color:#fff;cursor:pointer;text-align:center;transition:0.3s;}
.button:hover{background:#009acd;}
#progress-container{width:80%;height:25px;background:#333;margin:10px auto;border-radius:12px;overflow:hidden;position:relative;}
#progress-bar{width:0%;height:100%;background:#00bfff;transition:0.3s;}
#progress-text{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#fff;line-height:25px;font-weight:bold;}
#result img{margin-top:15px;}