.media-editor{display:grid;gap:14px;padding:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;min-width:0}
.media-heading,.media-toolbar,.media-item-footer,.media-item-footer>div{display:flex;align-items:center;gap:10px}
.media-heading,.media-item-footer{justify-content:space-between}.media-heading span{font-size:13px;color:#777}.media-toolbar{flex-wrap:wrap}
.media-toolbar button{display:inline-flex;align-items:center;gap:8px}.media-editor svg{width:19px;height:19px;flex:none}
.media-editor input[hidden],.media-editor [hidden]{display:none!important}.media-status{font-size:13px;overflow-wrap:anywhere;color:#247050}.media-status.error{color:#b42318}
.media-editor progress{width:100%;height:8px;accent-color:#e9232a}.media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;min-width:0}
.media-item{border:1px solid #e5e5e8;border-radius:6px;overflow:hidden;min-width:0}.media-item>img,.media-item>video{display:block;width:100%;height:160px;object-fit:contain;background:#f5f5f7}
.media-item-footer{padding:10px;font-size:13px}.media-item-footer>div{gap:4px}.media-item-footer button{width:32px;height:32px;display:grid;place-items:center;border-radius:4px;background:#f3f3f5;color:#454550}.media-item-footer button:disabled{cursor:default;opacity:.3}
.product-media-details{display:grid;gap:12px;margin-top:22px;min-width:0}.product-media-details img{display:block;width:100%;height:auto;object-fit:contain}.product-media-details video{display:block;width:100%;max-height:65dvh;background:#111;aspect-ratio:16/9;object-fit:contain}
@media(max-width:400px){.media-list{grid-template-columns:minmax(0,1fr)}.media-toolbar button{padding:10px}}