body { font-family: Arial, sans-serif; background:#f5f5f5; padding:20px; }
h2 { text-align:center; }
#upload-section { text-align:center; margin-bottom:20px; }
#directory { margin-right:10px; }
#list { display:flex; flex-wrap: wrap; gap:15px; justify-content:center; }
.card { background:#fff; padding:10px; border-radius:8px; width:160px; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.card img { max-width:100%; max-height:100px; border-radius:4px; margin-bottom:5px; }
.progress { width:100%; background:#eee; border-radius:4px; overflow:hidden; height:6px; margin-bottom:5px; }
.progress-bar { width:0%; height:100%; background:#4caf50; transition:width 0.3s;}
button { cursor:pointer; padding:4px 8px; border:none; border-radius:4px; background:#f44336; color:#fff; margin-top:5px;}