/* Shared admin image workflow. Scope excludes public storefront. */
.media-uploader7{--mu-ink:#102d4a;--mu-blue:#165bb6;--mu-line:#dce5ef;background:#fff;border:1px solid var(--mu-line);border-radius:18px;padding:24px;margin:24px 0;color:var(--mu-ink);scroll-margin-top:20px;min-width:0;font:15px/1.65 Sarabun,sans-serif}
.media-uploader7 *,.mu-dialog *{box-sizing:border-box}
.media-uploader7 :is(h3,h4,p){margin:0}.media-uploader7 h3{font-size:23px!important;line-height:1.5!important;font-weight:700}.media-uploader7 h4{font-size:19px;font-weight:700}
.mu-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.mu-heading>div{min-width:0}.mu-heading p{color:#536579;margin-top:6px}.mu-eyebrow{display:block;color:#476b99;font-size:11px;letter-spacing:.12em;font-weight:700}.mu-count{white-space:nowrap;padding:7px 12px;border-radius:99px;background:#edf4ff;color:#1d5199;font-weight:700}
.mu-steps{display:flex;flex-wrap:wrap;gap:10px 24px;padding:17px 0 20px;font-size:13px;color:#526579}.mu-steps span{background:#f5f8fc;border:1px solid #e5ecf4;border-radius:7px;padding:6px 10px}
.mu-dropzone{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;border:2px dashed #9cb8dd;border-radius:14px;background:linear-gradient(135deg,#f3f8ff,#fafcff);padding:26px 20px}.mu-dropzone.is-dragging{border-color:#165bb6;background:#e2edff}.mu-upload-icon{display:grid;place-items:center;width:42px;height:42px;font-size:27px;line-height:1;background:#dceaff;border-radius:12px;color:#165bb6}.mu-dropzone p{font-size:13px;color:#5b6f86}
.media-uploader7 button,.mu-dialog button{border:1px solid #ccd9e7;border-radius:8px;padding:8px 12px;background:#fff;color:#174875;min-height:38px;cursor:pointer;font:600 13px/1.5 Sarabun,sans-serif;white-space:normal;transition:background .15s}
.media-uploader7 button:hover,.mu-dialog button:hover{background:#eaf2ff}.media-uploader7 button:disabled{opacity:.4;cursor:not-allowed}.media-uploader7 .mu-primary{background:#165bb6;border-color:#165bb6;color:#fff;padding:10px 24px;font-size:15px}.media-uploader7 .mu-primary:hover{background:#104687}.media-uploader7 :is(button,input,select,summary):focus-visible,.mu-dialog button:focus-visible{outline:3px solid #65a0ec;outline-offset:3px}
.media-uploader7 input[hidden]{display:none!important}.media-uploader7 input:not([type=checkbox]):not([type=file]),.media-uploader7 select{width:100%;min-width:0;min-height:44px;border:1px solid #b9cadc;border-radius:8px;padding:9px 12px;font:inherit;background:#fff}.media-uploader7 label{display:grid;gap:7px;min-width:0;font-size:14px}.media-uploader7 .cms-checkbox{display:flex;align-items:center;gap:9px}.media-uploader7 .cms-checkbox input{width:18px;height:18px;accent-color:#165bb6}
.mu-batch{margin-top:18px;padding:18px;border:1px solid #dce5ef;border-radius:12px;background:#f9fbfe}.mu-progress-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mu-progress{height:10px;background:#e0e8f3;border-radius:99px;overflow:hidden;margin:12px 0}.mu-progress>div{height:100%;background:linear-gradient(90deg,#2575cc,#118264);transition:width .2s}.mu-progress>div.has-errors{background:#b97713}.mu-progress-summary{font-size:13px;color:#53677e}
.mu-queue{list-style:none;padding:0;margin:12px 0 0;max-height:320px;overflow:auto}.mu-queue-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e0e8f0}.media-uploader7 .mu-queue-thumb{padding:0;width:54px;height:54px;overflow:hidden;border-radius:8px}.mu-queue-thumb img{width:100%;height:100%;object-fit:contain}.mu-file-placeholder{width:54px;height:54px;display:grid;place-items:center;background:#e9eef5;color:#576b83;font-size:10px;border-radius:8px}.mu-file-copy{min-width:0}.mu-file-copy strong{display:block;overflow-wrap:anywhere;font-size:14px}.mu-file-copy small{display:block;overflow-wrap:anywhere;color:#617084;font-size:12px}
.mu-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}.mu-badge.waiting{background:#edf1f6;color:#546273;border-color:#dce3ec}.mu-badge.uploading{background:#e5efff;color:#1858ae;border-color:#b8d3f9}.mu-badge.success{background:#e4f5ed;color:#146145;border-color:#a9dcc3}.mu-badge.failed,.mu-badge.invalid{background:#ffebed;color:#a12936;border-color:#f3b8c0}.mu-badge.cancelled{background:#fff2d8;color:#88580c;border-color:#e8d09a}.mu-badge.cover{background:#e7effd;color:#164e9c;border-color:#bbcef0}
.mu-batch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mu-message{margin:16px 0!important;border:1px solid #bad9ee;background:#edf6fd;color:#185579;border-radius:9px;padding:12px 14px}.mu-danger{background:#fff0f1;border-color:#efbdc3;color:#982a38}
.mu-more,.mu-slider{border:1px solid var(--mu-line);border-radius:10px;margin:18px 0;padding:14px 16px}.media-uploader7 summary{font-weight:700;cursor:pointer;min-height:30px}.mu-more[open]>summary,.mu-slider[open]>summary{margin-bottom:16px}.mu-url{display:flex;align-items:end;gap:10px;margin-top:12px}.mu-url label{flex:1}.mu-gallery-heading{margin:26px 0 14px}.mu-gallery-heading p{font-size:13px;color:#617288;margin-top:4px}
.mu-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.mu-card{border:1px solid #dbe4ee;border-radius:12px;overflow:hidden;min-width:0;background:#fff;box-shadow:0 3px 10px #0b244508}.mu-card.is-cover{border:2px solid #729bd1}.media-uploader7 .mu-card-preview{display:block;border:0;border-radius:0;width:100%;height:170px;padding:12px;background:linear-gradient(145deg,#f7faff,#edf2f8)}.mu-card-preview img{width:100%;height:100%;object-fit:contain}.mu-card-body{padding:13px}.mu-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:12px}.mu-order,.mu-card-actions{display:flex;gap:7px;justify-content:space-between;margin-top:8px}.mu-order>button{flex:1}.mu-card-actions>button{padding-inline:8px}.media-uploader7 .mu-remove{color:#a32d3a;border-color:#edcad0;background:#fff7f8}.mu-empty{padding:32px 20px;text-align:center;color:#68798c;background:#f7f9fc;border:1px solid var(--mu-line);border-radius:10px}.mu-footnote{font-size:12px;color:#65758a;margin:12px 0!important}.mu-image-error{height:100%;display:grid;place-items:center;background:#fff0f1;color:#992c38;padding:10px;font-size:13px}
.mu-slider .cms-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mu-slider-preview{max-width:500px;margin:18px auto 0;text-align:center}.mu-slider-preview>img{width:100%;height:240px;object-fit:contain;border-radius:10px;background:#f5f8fc}.mu-slider-preview>div{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}
.mu-dialog{width:min(960px,94vw);max-height:92dvh;border:1px solid #bacde3;padding:16px;border-radius:14px;box-shadow:0 24px 80px #061c3d66;color:#102d4a;background:white}.mu-dialog::backdrop{background:#061c3dcc;backdrop-filter:blur(3px)}.mu-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.mu-dialog header strong{overflow-wrap:anywhere;font:600 16px/1.6 Sarabun,sans-serif}.mu-dialog>img{display:block;width:100%;height:auto;max-height:calc(90dvh - 110px);object-fit:contain}.mu-dialog .mu-image-error{min-height:200px}
.cms-media-shortcut{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;margin:12px 0 20px;border:1px solid #cddbed;border-radius:10px;background:#f0f6ff;color:#174875}.cms-media-shortcut a{font-weight:700;text-decoration:underline}.cms-media-shortcut span{font-size:13px}
.cms-manager .cms-save:disabled{opacity:.5;cursor:not-allowed}.cms-manager form>.cms-save{border-radius:9px;margin-top:18px}
@media(max-width:700px){.media-uploader7{padding:16px}.mu-heading{flex-direction:column;gap:10px}.mu-steps{gap:7px}.mu-steps span{flex:1;min-width:110px}.mu-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mu-card-preview{height:140px!important}.mu-card-body{padding:10px}.mu-card-title,.mu-card-actions{flex-wrap:wrap}.mu-order{flex-direction:column}.mu-card-actions button{flex:1}.mu-slider .cms-two{grid-template-columns:1fr}.mu-queue-row{grid-template-columns:44px minmax(0,1fr)}.mu-queue-row>.mu-badge{grid-column:2;justify-self:start}.media-uploader7 .mu-queue-thumb,.mu-file-placeholder{width:44px;height:44px}.mu-url{flex-direction:column;align-items:stretch}.mu-batch{padding:12px}.mu-count{font-size:13px}}
@media(max-width:400px){.mu-gallery{grid-template-columns:minmax(0,1fr)}.mu-order{flex-direction:row}.mu-dropzone{padding:20px 12px}}
@media(prefers-reduced-motion:reduce){.mu-progress>div,.media-uploader7 button{transition:none}}

.hero-carousel-controls{flex-wrap:wrap;max-width:calc(100% - 32px)}