.reference-photos{border:1px dashed #d8ccf5;border-radius:16px;padding:16px;background:#fcfaff;margin-bottom:16px;min-width:0}
.reference-photos header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reference-photos header small{color:#81788f}.reference-photos p{font-size:13px;line-height:1.5;color:#81788f;margin:8px 0 12px}
.reference-photo-grid{display:flex;flex-wrap:wrap;gap:10px}.reference-photo-tile{position:relative;margin:0;width:96px;min-width:0}.reference-photo-tile img{display:block;width:96px;height:96px;object-fit:contain;background:#f1ecfb;border:1px solid #e2d9f5;border-radius:12px}.reference-photo-tile figcaption{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;max-width:96px}.reference-photo-tile button{position:absolute;top:4px;right:4px;width:27px;height:27px;border:1px solid #d8ccf5;border-radius:50%;background:#fff;color:#30283e;cursor:pointer}.reference-photo-add{width:96px;min-height:96px;border:1px dashed #a98aec;border-radius:12px;background:#f5efff;color:#7650bd;cursor:pointer;font:inherit;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.reference-photo-add span{font-size:25px}.reference-photo-add:disabled{opacity:.5;cursor:default}
@media(max-width:480px){.reference-photos{padding:12px}.reference-photo-grid{gap:8px}}