.mcontent{ height: 100%; background: #fff; }

.mheader{ padding-top: 0; }

.mtitle{ padding: 0 0 0 30px; margin-bottom: 20px; }
.mtitle h1{ font-size: 26px; margin: 10px 0; }
.mtitle p{ font-size: 14px; color: #ff0808; }


.upload-area{ border: 2px dashed #ddd; border-radius: 8px; padding: 100px 20px; text-align: center; margin-bottom: 20px; transition: all 0.3s; }
.rmk{ background: #ffe6cf; color: #fff; font-size: 14px; padding: 12px 20px; margin-top: 15px; }
.rmk span{ color: #c4660e; font-weight: bold; font-size: 14px; }
.rmk p{ color: #c4660e; }

.preview-title{ position: relative; }
.preview-title h2{ display: inline-block; font-size: 16px; padding: 0 0 0 10px; }
.preview-title span{ position: absolute; right: 10px; padding: 17px 0 0 0; }

.empty-state{ text-align: center; font-size: 14px; color: #9b9797; }


.upload_edit{ border: 1px solid #ddd; border-radius: 1px; }

.image-list{ height: 440px; overflow-y: scroll; padding: 15px 18px; display: flex; flex-wrap: wrap; gap: 12px; }
.image-item{ width: 128px; height: 180px; border: 1px solid #ddd; display: inline-block; position: relative; } 
.image-item .img{ width: 128px; height: 128px; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center; }
.image-item .img img{ object-fit: contain; }
.image-info{ padding: 5px; font-size: 12px; }
.image-name{ height: 20px; line-height: 20px; overflow: hidden; }
.image-size{ font-size: 12px; color: #9b9797; }
.image-actions{ padding: 0 0 0 5px; } 
.delete-btn{ width: 18px; height: 18px; line-height: 20px; position: absolute; top: -9px; right: -9px; background: #e9e8e8; border: 0; color: rgb(59, 59, 59); border-radius: 10px; text-align: center; }
.uploadbtn{ padding: 12px 20px; }

 
.lrow {  border: 1px solid #eee; background-color: white; border-radius: 0; padding: 0; }


label{ padding: 0 10px 0 0; display: inline-flex; align-items: center; }
label input{ margin: 0; }
label span{ padding: 0 0 0 5px; font-size: 14px; }

dl{ padding: 6px 0; }
dl dt{ width: 150px; line-height: 16px; display: inline-block; font-size: 14px; }
dl dd{ display: inline-block; line-height: 16px;}


.tfoot{ border-top: 1px solid #eee; padding: 10px; position: relative; }
.tfoot select{ padding: 2px 5px; }
.tfoot span{ padding: 2px 0; }



select.select{ padding: 10px 10px; }
#upload_btn{ padding: 8px 20px; border: 1px solid #ddd; font-size: 12px; background: #fff; }
#generateBtn{ padding: 10px 20px; background: #003fee; color: #fff; border: none;  }