Add selected file thumbnails

src/public/upload.css

@@ -223,29 +223,65 @@ h1 {
   margin: 0;
   padding: 0;
   list-style: none;
+  max-height: 265px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding-right: 4px;
 }
 
 .file-list li {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 12px;
+  grid-template-columns: minmax(0, 1fr) 64px;
+  min-height: 68px;
+  gap: 14px;
   align-items: center;
+  padding: 6px 0;
   color: #4f4f4f;
   font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
   font-size: 13px;
 }
 
-.file-list span:first-child {
+.file-list__meta {
+  min-width: 0;
+}
+
+.file-list__meta span {
+  display: block;
+}
+
+.file-list__meta span:first-child {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.file-list span:last-child {
+.file-list__meta span:last-child {
+  margin-top: 5px;
   color: #87928f;
   font-size: 12px;
 }
 
+.file-list__preview {
+  display: grid;
+  place-items: center;
+  width: 64px;
+  aspect-ratio: 1;
+  overflow: hidden;
+  border-radius: 6px;
+  background: #f7f8f6;
+  color: #8aa69f;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+}
+
+.file-list__preview img,
+.file-list__preview video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 .upload-status {
   min-height: 22px;
   margin: 12px 0 0;