.item-photo-grid{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.item-photo-card{width:160px;border:1px solid #dce3ed;border-radius:12px;padding:10px;background:#fff}.item-photo-card img{width:100%;height:140px;object-fit:contain;border-radius:8px}.item-photo-card label{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:13px}.item-photo-card input{width:auto!important}.item-photo-card small{display:block;overflow-wrap:anywhere}.item-photos>input{display:block;margin:10px 0;max-width:100%}.item-photo-card:has(input[type=checkbox]:checked) img{opacity:.35}.item-photo-thumbnails{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.item-photo-thumbnails button{background:white;border:1px solid #cbd5e1;border-radius:6px;padding:3px;cursor:pointer}.item-photo-thumbnails img{width:44px;height:44px;object-fit:contain}.item-photo-thumbnails button[aria-pressed=true]{outline:2px solid #0c8190}
.item-photo-card>.btn{display:block;margin-top:7px;width:100%}.photo-enhancer{width:min(900px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:24px;color:#172b41;background:#fff;box-shadow:0 24px 90px #0004}.photo-enhancer::backdrop{background:#102238aa}.photo-enhancer h2{margin-top:0}.photo-enhancer-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-enhancer figure{margin:0;min-width:0}.photo-enhancer figcaption{font-weight:700;margin-bottom:8px}.photo-enhancer canvas{display:block;width:100%;height:270px;object-fit:contain;background:#f3f5f8;border-radius:10px}.photo-enhancer-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.photo-enhancer-controls label{display:block;font-weight:600}.photo-enhancer-controls output{float:right;font-weight:400}.photo-enhancer-controls input{display:block;width:100%;margin-top:12px;padding:0}.photo-enhancer-note{font-size:13px;color:#5d6d7e}.photo-enhancer-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:600px){.photo-enhancer{padding:16px}.photo-enhancer canvas{height:180px}.photo-enhancer-controls{grid-template-columns:1fr;gap:12px}.photo-enhancer-actions .btn{flex:1}}
.photo-enhancer{margin:auto}