#tool-body .upload-wrapper { display: flex; gap: 20px; margin-bottom: 20px; align-items: stretch; }
#tool-body .upload-area { flex: 1; border-width: 2px; padding: 30px; text-align: center; cursor: pointer; background: #fbfdfb; border-radius: 8px;display: flex;flex-direction: column;justify-content: center; }
#tool-body .upload-area i { font-size: 40px; color: #009688; }
#tool-body .upload-area:hover { border-color: #009688; }

#tool-body .config-panel { background: #f8f8f8; padding: 15px; border-radius: 8px; border: 1px solid #eee; }
#tool-body .config-panel .layui-form-label { width: 70px; padding: 9px 5px; }
#tool-body .config-panel .layui-input-block { margin-left: 85px; }

#tool-body .img-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 15px; margin-top: 20px; }
#tool-body .img-card { position: relative; border: 1px solid #e5e5e5; padding: 10px; border-radius: 6px; background: #fff; }
#tool-body .img-card img { width: 100%; height: 140px; object-fit: contain; background: #f0f0f0; border-radius: 4px; cursor: pointer; }
#tool-body .img-card .info { font-size: 12px; margin-top: 8px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tool-body .img-card .meta { font-size: 11px; color: #666; margin: 2px 0; }
#tool-body .img-card .res-tag { font-size: 11px; color: #009688; min-height: 18px; font-weight: bold; }
#tool-body .img-card .actions { margin-top: 10px; display: flex; justify-content: space-between; gap: 5px; }
#tool-body .img-card .actions button { flex: 1; padding: 0 5px; }
#tool-body .badge-status { position: absolute; top: 15px; left: 15px; color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 10px; pointer-events: none; }

#tool-body .cropper-wrapper { height: 400px; background: #222; }

#tool-body #crop-modal .layui-btn+.layui-btn {margin-left: 5px;} 
#tool-body .progress-bar-container { margin: 20px 0; display: none; }
#tool-body #progress-text{text-align: center; margin-top: 8px; font-size: 12px; color: #666;word-wrap: break-word;}
#tool-body .footer-bar { margin-top: 20px; text-align: center; padding: 10px 0; border-top: 1px solid #eee; position: sticky; bottom: 0; background: #fff; z-index: 100;display: flex;justify-content: center;gap: 5px;flex-wrap: wrap; }

@media screen and (max-width: 768px) {
  #tool-body .upload-wrapper {
    flex-direction: column;
  }
}
#tool-body .layui-slider-input input{
  color: #009688;
  font-weight: bold;
}
html[lang=en] #tool-body .config-panel .layui-form-label{
  width: 85px;
}

html[lang=en] #tool-body .config-panel .layui-input-block{
  margin-left: 95px;
}

.theme-dark-mode #tool-body .upload-area { background-color: #242424; border-color: #333; }
.theme-dark-mode #tool-body .upload-area p { color: #aaa !important; }
.theme-dark-mode #tool-body .upload-area:hover { background-color: #2a2a2a; border-color: #009688; }
.theme-dark-mode #tool-body .upload-area i,
.theme-dark-mode #tool-body .layui-slider-input input{ color: #16baaa; }

.theme-dark-mode #tool-body .config-panel { background-color: #242424; border-color: #333; }
.theme-dark-mode #tool-body .config-panel label { color: #ccc; }

.theme-dark-mode #tool-body .layui-slider { background-color: #444; }
.theme-dark-mode #tool-body .layui-slider-wrap-hint { background-color: #333; color: #fff; border: 1px solid #555; }

.theme-dark-mode #tool-body .img-card { background-color: #242424; border-color: #333; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
.theme-dark-mode #tool-body .img-card img { background-color: #1a1a1a; }
.theme-dark-mode #tool-body .img-card .info { color: #e2e2e2; }
.theme-dark-mode #tool-body .img-card .meta { color: #888; }
.theme-dark-mode #tool-body .img-card .res-tag { color: #05d4c0; }

.theme-dark-mode #tool-body .footer-bar { background-color: #1a1a1a; border-color: #333; }

.theme-dark-mode #tool-body #progress-text { color: #888; }

.theme-dark-mode #crop-modal { background-color: #1a1a1a; color: #eee; }
.theme-dark-mode #tool-body .cropper-wrapper { background-color: #000; outline: 1px solid #333; }