.product-photo {position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:2px;margin:0 10px 0 0;vertical-align:middle;border:1px solid #d4dde2;border-radius:4px;background:#fff;color:#697782;overflow:hidden;cursor:zoom-in;}
.product-photo:disabled {cursor:default;opacity:1;background:#f2f5f6;}
.product-photo span {max-width:38px;font-size:10px;line-height:12px;text-align:center;white-space:normal;}
.product-photo img {position:absolute;inset:2px;width:42px;height:42px;object-fit:contain;opacity:0;}
.product-photo[data-ready="true"] img {opacity:1;}
.product-photo[data-ready="true"] span {visibility:hidden;}
.product-photo:focus-visible {outline:2px solid #247eb0;outline-offset:2px;}
.product-with-photo {display:flex;align-items:center;min-width:0;}
.product-with-photo > :last-child {min-width:0;overflow-wrap:anywhere;}
.product-photo-dialog {box-sizing:border-box;width:900px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;border:1px solid #d4dde2;border-radius:6px;color:#17252d;background:#fff;}
.product-photo-dialog::backdrop {background:rgba(12,21,26,.62);}
.product-photo-heading {display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px;}
.product-photo-heading h2 {font-size:18px;line-height:1.35;margin:0;min-width:0;overflow-wrap:anywhere;}
.product-photo-heading button {flex:0 0 40px;width:40px;height:40px;}
.product-photo-preview {min-height:160px;display:flex;justify-content:center;align-items:center;}
.product-photo-preview img {display:block;max-width:100%;max-height:68dvh;object-fit:contain;}
.product-photo-preview img[hidden] {display:none;}
.product-photo-preview p:empty {display:none;}
@media(max-width:600px){.product-photo{flex-basis:40px;width:40px;height:40px;margin-right:8px;}.product-photo img{width:34px;height:34px;}.product-photo-dialog{padding:14px;}.product-photo-heading h2{font-size:16px;}}