.prod-image-editor{grid-column:1/-1;border:1px solid #e1ebe8;border-radius:9px;padding:18px;background:#fbfdfd}.prod-image-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.prod-image-heading h3{font-size:15px;color:#344f64}.prod-image-heading p{font-size:11px;color:#8395a5;line-height:1.8;margin-top:6px;max-width:340px}.prod-image-upload-actions{display:flex;gap:8px;flex-shrink:0}.prod-image-file{position:relative;overflow:hidden;cursor:pointer}.prod-image-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.prod-image-file:focus-within{outline:3px solid #ffb545;outline-offset:2px}.prod-image-file:has(input:disabled){opacity:.55;cursor:default}.prod-image-message{color:#468678;font-size:12px;line-height:1.8;margin:12px 0}.prod-image-message:empty{display:none}.prod-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.prod-image-grid article{position:relative;border:1px solid #e2e9ef;border-radius:7px;background:#fff;overflow:hidden;min-width:0}.prod-image-preview{display:block;height:135px;background:#eef4f3;overflow:hidden;border-radius:5px}.prod-image-preview img{display:block;width:100%;height:100%;object-fit:contain}.prod-image-cover{position:absolute;left:8px;top:8px;color:#fff;background:#25977f;font-size:11px;border-radius:4px;padding:4px 8px}.prod-image-actions{display:flex;justify-content:space-between;padding:10px;gap:8px}.prod-image-actions button{font-size:11px;color:#3274bd}.prod-image-actions button:disabled{color:#9ca9b7}.prod-image-empty{padding:30px 12px;margin-top:14px;border:1px dashed #cbded7;border-radius:7px;text-align:center;font-size:12px;color:#89a095;background:#f4f9f7}.prod-cover-thumb{display:block;max-width:80px;width:70px;height:48px;object-fit:contain;background:#f1f5f5;border-radius:4px}.prod-detail .prod-image-grid{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.prod-image-heading{flex-direction:column}.prod-image-grid,.prod-detail .prod-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-image-editor{padding:13px}.prod-image-preview{height:112px}.prod-image-heading p{max-width:none}.prod-image-upload-actions{flex-wrap:wrap}}
