.app-image-wrapper{ max-width:1200px; margin:auto; font-family:Inter,system-ui; }
.image-title{ color:#fff; margin-bottom:20px; }
.dropzone{ border:2px dashed #38bdf8; padding:40px; text-align:center; border-radius:16px; margin-bottom:20px; cursor:pointer; background:#020617; color:#e5e7eb; position:relative; }
.dropzone.dragover{ background:#0f172a; }
.main{ background:#38bdf8; color:#020617; padding:10px 20px; border:none; border-radius:12px; font-weight:700; cursor:pointer; display:inline-block; margin-top:10px; }
.image-input-group{ margin-bottom:10px; }
#app_image_preview_img{ display:block; margin:10px auto 5px; }
.preview-filename{ text-align:center; font-size:14px; color:#e5e7eb; }
.progress-container{ width:100%; background:#0f172a; border-radius:12px; margin-top:10px; height:15px; overflow:hidden; }
.progress-bar{ width:0%; height:100%; background:#38bdf8; transition:width 0.2s; }
.filelist{ margin-top:20px; display:flex; flex-direction:column; gap:10px; }
.file-item{ display:flex; align-items:center; justify-content:space-between; background:#0f172a; padding:8px; border-radius:10px; color:#e5e7eb; flex-wrap:wrap; }
.file-item img{ display:block; margin-right:10px; }
.file-info{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.download-btn{ font-size:12px; padding:5px 10px; }
.app-select{ width:100%; padding:12px 16px; border-radius:12px; border:2px solid #38bdf8; background:#020617; color:#e5e7eb; font-weight:700; margin-bottom:10px; cursor:pointer; }
.app-select option{ background:#020617; color:#e5e7eb; }

@media(max-width:600px){
    .file-item{ flex-direction:column; align-items:flex-start; }
    .file-info{ flex-direction:row; width:100%; justify-content:space-between; }
}