.catalog-image-viewer,.catalog-image-editor { margin:12px 0; padding:12px; border:1px solid #ded4ed; border-radius:16px; background:linear-gradient(145deg,#fff,#f5effc); }
.catalog-image-viewer button,.catalog-image-editor button { min-height:44px; min-width:44px; padding:10px 14px; border:1px solid #bda4df; border-radius:12px; background:#fff; color:#45216d; font:700 1rem/1.4 system-ui,sans-serif; cursor:pointer; word-break:keep-all; overflow-wrap:anywhere; }
.catalog-image-editor button:disabled,.catalog-image-viewer button:disabled { opacity:.6; cursor:default; }
.catalog-image-editor button:focus-visible,.catalog-image-viewer button:focus-visible,.catalog-image-editor input:focus-visible { outline:3px solid #8751c7; outline-offset:3px; }
.catalog-image-editor label { display:block; margin:8px 0; font-weight:750; }
.catalog-image-editor input[type=file] { box-sizing:border-box; width:100%; max-width:100%; min-height:44px; padding:8px; color:#35264c; background:#fff; border:1px solid #cbb8e4; border-radius:10px; }
.catalog-image-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.catalog-image-status,.catalog-image-help { margin:9px 0; line-height:1.55; overflow-wrap:anywhere; }
.catalog-image-help { color:#5b506b; }
.catalog-cover-photo { display:block; width:auto; height:auto; max-width:100%; max-height:360px; margin:10px auto; border-radius:12px; object-fit:contain; }
.catalog-cover-photo[hidden],.catalog-image-editor[hidden],.catalog-image-viewer [hidden] { display:none!important; }
@media(max-width:400px) { .catalog-image-actions button { flex:1 1 125px; } .catalog-image-viewer,.catalog-image-editor { padding:10px; } }