动态缩略图生成

viewer/spine.css

@@ -112,6 +112,16 @@
 		}
 		.thumb-dialog-input.hidden { display: none; }
 		.thumb-dialog-error { color: var(--error); min-height: 18px; }
+		.animated-thumb-card { width: min(520px, 92vw); }
+		.thumb-dialog-note.warning { color: #e6b35c; }
+		.animated-thumb-form { display: grid; gap: 12px; padding: 4px 0; }
+		.animated-thumb-label { color: var(--text-dim); }
+		.animated-thumb-range { display: flex; align-items: center; gap: 8px; }
+		.animated-thumb-range label { display: flex; align-items: center; gap: 6px; }
+		.animated-thumb-range input { width: 88px; }
+		.animated-thumb-quality { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--text-dim); }
+		.animated-thumb-size { display: flex; align-items: center; gap: 7px; color: var(--text); }
+		.animated-thumb-size input { width: 108px; }
 		/* 收窄下拉，避免在窄窗口下把右侧按钮挤到第二行（展开后的选项不受影响）*/
 		#toolbar #suffixSelect { max-width: 140px; }
 		#stage { position: absolute; inset: 0; display: flex; overflow: hidden; }