.mediaUploadForm{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0}
.mediaUploadForm label{flex:1;min-width:220px}
.mediaUploadForm input{display:block;margin-top:8px;max-width:100%}
.mediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:20px 0}
.mediaItem{min-width:0;padding:14px;border:1px solid #d6dce5;border-radius:12px;display:flex;flex-direction:column;gap:10px}
.mediaItem img{width:100%;height:160px;object-fit:contain;background:#f1f3f6;border-radius:6px}
.mediaItem p{overflow-wrap:anywhere;margin:0}
.mediaItem button{align-self:start;margin-top:auto}

.mediaPicker .mediaItem{width:100%;text-align:left;overflow-wrap:anywhere}
.valueImageMapping{padding:12px;border:1px solid #d6dce5;border-radius:8px;margin:12px 0}
.valueImageMapping>label>input{display:block;margin-top:6px}
.valueImageSelection{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.valueImageSelection>span:first-child{flex-basis:100%;font-weight:600}
.valueImagePreview{width:100px;height:70px;object-fit:contain}