html,body{min-height:100%}.imageGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.imageChoice{border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;background:#f6f6f7}.imageChoiceSelected{border-color:#005bd3}.imageChoice img,.previewImage{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.beforeAfter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 720px){.beforeAfter{grid-template-columns:1fr}}.uploadArea{position:relative;border:2px dashed #8a8a8a;border-radius:12px;padding:32px 20px;text-align:center;background:#f6f6f7}.uploadArea:hover,.uploadArea:focus-within{border-color:#005bd3;background:#f0f5ff}.uploadArea input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.uploadPreview{display:block;max-width:100%;width:240px;max-height:240px;object-fit:contain;border-radius:8px}.previewImage{object-fit:contain;background:#f6f6f7}