.ico-container { max-width:1200px; margin:20px auto; padding0:0 15px; }
.upload-area {
  border:2px dashed #e6e6e6; border-radius:6px; padding:40px 20px; text-align:center;
  cursor:pointer; transition:all .18s;
}
.upload-area.dragover { border-color:#1E9FFF!important; box-shadow:0 6px 20px rgba(30,159,255,0.06); }
.upload-icon { font-size:46px; color:#1E9FFF; margin-bottom:15px; }
.preview-list { display:flex; flex-wrap:wrap; gap:18px; margin:18px 0; }
.preview-item { text-align:center; width:120px; }
.preview-box { width:100px; height:100px; border:1px solid #eee; border-radius:6px;
  margin:0 auto 8px; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.preview-img { max-width:100%; max-height:100%; object-fit:contain; display:block; cursor:pointer; }
.hidden { display:none !important; }
#original-preview { width:200px; height:200px; margin:0 auto; border:1px solid #eee; border-radius:6px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
@media (max-width:600px) {
  .preview-list { gap:10px; }
  .preview-item { width:80px; }
  .preview-box { width:72px; height:72px; }
}
.theme-dark-mode .upload-area,
.theme-dark-mode #original-preview,
.theme-dark-mode .preview-box{border-color: #5f5f5f;}