.reference-section.dragging{background:#edf5f1;border-color:#6c9a88}.reference-add{width:100%;height:42px;border:1px dashed #9eb0a7;border-radius:7px;background:#f8faf9;color:#356b57;font-size:12px;font-weight:700}.reference-add span{font-size:18px;vertical-align:-1px;margin-right:4px}.reference-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.reference-item{position:relative;aspect-ratio:1;border:1px solid #d9e2dd;border-radius:6px;overflow:hidden;background:#eef2ef}.reference-item img{width:100%;height:100%;display:block;object-fit:cover}.reference-remove{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(24,34,29,.78);color:#fff;font-size:16px;line-height:1}.result-media img{object-fit:contain;background:#f7f9f8}@media(max-width:760px){.reference-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}