feat(ai-character): 오디오 콘텐츠 폼 입력 UX 정렬

src/features/audio-contents/components/audio-content-form-helpers.ts

@@ -3,10 +3,10 @@ import type { AudioContentDetail } from "@/features/audio-contents/model/types";
 import type { AudioContentCreateRequest, AudioContentUpdateRequest } from "@/features/audio-contents/schemas/audio-content-schema";
 import { validateAudioCoverFile } from "@/features/audio-contents/validation/audio-cover-policy";
 import { validateAudioFile } from "@/shared/validation/audio-file-policy";
-import { formatCanPriceInput, parseCanPriceInput } from "@/shared/validation/can-price";
+import { parseCanPriceInput } from "@/shared/validation/can-price";
 
 export function createInitialPrice(price: number | undefined): string {
-  return price === undefined ? "" : `${price.toLocaleString("ko-KR")}캔`;
+  return String(price ?? 0);
 }
 
 export function parsePrice(value: string): number | null {
@@ -14,9 +14,15 @@ export function parsePrice(value: string): number | null {
 }
 
 export function formatPrice(value: string): string {
-  return formatCanPriceInput(value);
+  if (value.startsWith("-")) {
+    return "0";
+  }
+
+  return value.replace(/\D/g, "");
 }
 
+export const selectionCardClassName = "flex min-h-11 cursor-pointer items-center gap-3 rounded-md border border-border bg-card px-3 py-2 text-sm font-semibold text-foreground hover:bg-accent hover:text-accent-foreground focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 has-[:checked]:border-input has-[:checked]:bg-accent has-[:checked]:text-accent-foreground";
+
 const localDateTimePattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/;
 
 function toUtcMilliseconds(value: string, offsetHours: number): number {