fix: minor ui & audio/video changes

src/lib/components/functional/FancyInput.svelte

@@ -7,6 +7,7 @@
 		extension?: string;
 		prefix?: string;
 		type?: string;
+		min?: number;
 	};
 
 	let {
@@ -17,12 +18,14 @@
 		extension,
 		prefix,
 		type = "text",
+		min = 0,
 	}: Props = $props();
 </script>
 
 <div class="relative flex w-full {className}">
 	<input
 		{type}
+		{min}
 		bind:value
 		{placeholder}
 		{disabled}
@@ -32,14 +35,14 @@
 	/>
 	{#if prefix}
 		<div class="absolute left-0 top-0 bottom-0 flex items-center px-2">
-			<span class="text-sm text-gray-400 px-2 py-1 rounded"
+			<span class="text-sm text-gray-400 px-2 py-1 rounded">{prefix}</span
-				>{prefix}</span
 			>
 		</div>
 	{/if}
 	{#if extension}
 		<div class="absolute right-0 top-0 bottom-0 flex items-center px-4">
-			<span class="text-sm bg-button text-black dynadark:text-white px-2 py-1 rounded"
+			<span
+				class="text-sm bg-button text-black dynadark:text-white px-2 py-1 rounded"
 				>{extension}</span
 			>
 		</div>

src/lib/converters/ffmpeg.svelte.ts

@@ -203,7 +203,7 @@ export class FFmpegConverter extends Converter {
 					"-f",
 					"lavfi",
 					"-i",
-					"color=c=black:s=640x480:rate=1",
+					"color=c=black:s=512x512:rate=1",
 					"-i",
 					"input",
 					"-shortest",