Compact create image panel

src/components/Map/MapView.jsx

@@ -1711,7 +1711,7 @@ export default function MapView({
                           ) : null}
                         </div>
                         {draftMediaUrls.length > 1 && (
-                          <div className="create-gallery-items">
+                          <div className="create-gallery-items create-gallery-overlay">
                             {draftMediaUrls.slice(1).map((url, idx) => (
                               <figure key={`${url}-${idx}`} className="create-gallery-item">
                                 <img src={url} alt={`Selected image ${idx + 2}`} />

src/styles/map.css

@@ -811,6 +811,39 @@
   justify-content:center;
   cursor:pointer;
 }
+.create-link-preview{
+  position:relative;
+  overflow:hidden;
+  border-radius:18px;
+  background:rgba(15,23,42,0.8);
+  box-shadow:0 20px 40px rgba(2,6,23,0.45);
+}
+.create-link-preview-tight img{
+  width:100%;
+  height:200px;
+  object-fit:cover;
+  display:block;
+  border-bottom:1px solid rgba(255,255,255,0.1);
+}
+.create-gallery-overlay{
+  position:absolute;
+  top:12px;
+  right:12px;
+  padding-bottom:0;
+  background:rgba(15,23,42,0.35);
+  border-radius:999px;
+}
+.create-gallery-overlay .create-gallery-item{
+  width:40px;
+  height:40px;
+}
+.create-gallery-overlay .create-gallery-remove{
+  top:-4px;
+  right:-4px;
+  width:18px;
+  height:18px;
+  font-size:10px;
+}
 .create-image-url-row{
   display:flex;
   gap:.4rem;