.product-photos{border:1px solid #d3dedb;border-radius:10px;padding:12px;margin:16px 0;background:#f8faf9;min-width:0}
.photo-heading,.photo-tools,.photo-kind,.photo-card figcaption{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.photo-heading{justify-content:space-between}.photo-heading h3{margin:0}.photo-tools button{min-height:36px;padding:6px 12px}
.photo-kind{margin-top:10px;font-size:13px}.photo-kind select{width:auto;max-width:100%;min-height:36px;padding:4px 8px}
.photo-status{font-size:13px;margin:8px 0}.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.photo-item-name{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin:10px 0 4px}
.photo-card{margin:0;min-width:0;border:1px solid #dce5e2;border-radius:8px;overflow:hidden;background:white}
.photo-enlarge{display:block;width:100%;padding:0;border:0;border-radius:0;background:#edf2f0}
.photo-enlarge img{display:block;width:100%;height:120px;object-fit:contain}.photo-card figcaption{justify-content:space-between;padding:5px 7px;font-size:12px}
.photo-card figcaption button{font-size:12px;min-height:30px;padding:2px 6px}.photo-expanded{grid-column:1/-1}.photo-expanded img{height:auto;max-height:75vh}
.photo-retry{display:flex;gap:8px;flex-wrap:wrap}.photo-retry[hidden]{display:none}.product-photos input[hidden]{display:none}
@media(max-width:480px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photos{padding:10px}.photo-enlarge img{height:110px}.photo-heading{align-items:flex-start}.photo-tools{gap:5px}.photo-tools button{padding:6px 9px}}

.product-photos{padding:8px 10px;margin:8px 0}.photo-item-name{margin:4px 0;font-size:12px}.photo-status{margin:4px 0;font-size:11px}.photo-kind{margin-top:5px}.photo-gallery{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:3px}.photo-card{flex:0 0 112px}.photo-enlarge img{height:94px;width:100%;object-fit:contain}.photo-card figcaption{padding:3px;font-size:10px}.photo-card figcaption button{min-height:28px;font-size:10px;padding:1px 4px}.photo-tools{flex-wrap:nowrap}.photo-tools button{padding:5px 8px;white-space:nowrap}
.product-photo-viewer{width:96vw;max-width:1400px;height:92dvh;max-height:96dvh;padding:0;border:1px solid #9caaa3;border-radius:10px;overflow:hidden}.product-photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.product-photo-viewer>header{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#f0f5f2}.product-photo-viewer>header strong{margin-right:auto}.product-photo-viewer>header button{padding:5px 10px;min-height:34px;font-size:12px}.photo-viewer-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;touch-action:pan-x pan-y pinch-zoom;background:#e6ece8}.photo-viewer-scroll img{display:block;width:auto;height:auto;max-width:100%;max-height:none;margin:auto}.photo-native-size .photo-viewer-scroll img{max-width:none;margin:0}
@media(max-width:480px){.photo-enlarge img{height:94px}.product-photos{padding:7px}.photo-heading h3{font-size:14px}.photo-tools{gap:4px}.photo-tools button{font-size:12px}.product-photo-viewer{width:98vw;height:94dvh}.photo-card{flex-basis:106px}}