마우스 오버 후 1초가 지나면 이미지 미리보기 팝업창 실행

src/renderer/style.css

@@ -269,6 +269,29 @@ body {
 @keyframes spin { to { transform: rotate(360deg); } }
 #loading p { color: var(--text); font-size: 14px; }
 
+/* ── 호버 이미지 팝업 ── */
+.hover-preview {
+  position: fixed;
+  display: none;
+  visibility: hidden;
+  z-index: 8000;
+  pointer-events: none;
+  background: #0d0d1a;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 8px;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.85), 0 0 0 1px rgba(124,106,247,0.15);
+}
+.hover-preview img {
+  display: block;
+  max-width: 840px;
+  max-height: 840px;
+  width: auto;
+  height: auto;
+  border-radius: 6px;
+  object-fit: contain;
+}
+
 /* ── 토스트 ── */
 #toast {
   position: fixed; bottom: 40px; left: 50%;