chore: apply prettier formatting and fix lint errors

src/lib/components/ui/Artwork/Artwork.svelte

@@ -19,13 +19,13 @@
 </script>
 
 <section
-	class="relative flex w-full shrink-0 flex-col border-b border-line lg:min-h-0 lg:h-full lg:w-[44%] lg:shrink-0 lg:overflow-y-auto lg:border-r lg:border-b-0"
+	class="relative flex w-full shrink-0 flex-col border-b border-line lg:h-full lg:min-h-0 lg:w-[44%] lg:shrink-0 lg:overflow-y-auto lg:border-r lg:border-b-0"
 >
 	<!--
 		mobile: row · desktop: 꽃 슬롯 높이 고정 → 설명 카드 길이와 무관하게 Y·크기 유지
 	-->
 	<div
-		class="mx-auto flex min-h-0 w-full max-w-100 flex-1 flex-row items-start gap-8 px-6 pt-6 pb-8 lg:flex-col lg:items-center lg:justify-start lg:gap-4 lg:px-6 lg:pb-12 lg:pt-[calc(50%-5rem)]"
+		class="mx-auto flex min-h-0 w-full max-w-100 flex-1 flex-row items-start gap-8 px-6 pt-6 pb-8 lg:flex-col lg:items-center lg:justify-start lg:gap-4 lg:px-6 lg:pt-[calc(50%-5rem)] lg:pb-12"
 	>
 		<div
 			class="flex h-[11rem] shrink-0 items-end justify-center sm:h-[13rem] lg:h-[min(24rem,36vh)] lg:w-full"
@@ -43,7 +43,7 @@
 			{/if}
 		</div>
 
-		<div class="min-w-0 shrink-0 lg:w-full lg:flex lg:justify-center">
+		<div class="min-w-0 shrink-0 lg:flex lg:w-full lg:justify-center">
 			<DescriptionCard {title} {description} mode={cardMode} />
 		</div>
 	</div>

src/lib/components/ui/Artwork/DescriptionCard.svelte

@@ -7,9 +7,14 @@
 	} = $props();
 </script>
 
-<div class="w-64 max-w-full flex-none border border-line-strong bg-white px-4 py-3 shadow-sm lg:px-6 lg:py-5">
+<div
+	class="w-64 max-w-full flex-none border border-line-strong bg-white px-4 py-3 shadow-sm lg:px-6 lg:py-5"
+>
 	<h3
-		class={['text-sm leading-snug font-semibold', mode === 'instruction' ? 'text-muted' : 'text-ink']}
+		class={[
+			'text-sm leading-snug font-semibold',
+			mode === 'instruction' ? 'text-muted' : 'text-ink'
+		]}
 	>
 		{title}
 	</h3>

src/lib/components/ui/landing/LandingHero.svelte

@@ -1,9 +1,7 @@
 <script>
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
-	import FlowContinueBar, {
-		FLOW_CONTINUE_BUTTON
-	} from '$lib/components/ui/FlowContinueBar.svelte';
+	import FlowContinueBar, { FLOW_CONTINUE_BUTTON } from '$lib/components/ui/FlowContinueBar.svelte';
 	import GrowthMetaphorIllustration from '$lib/components/ui/landing/GrowthMetaphorIllustration.svelte';
 
 	function handleStart() {
@@ -15,7 +13,7 @@
 	class="relative flex min-h-dvh flex-col bg-surface px-6 py-8 pb-[3.75rem] font-sans text-ink sm:px-10 sm:py-10 lg:px-14 lg:pb-8"
 	aria-label="Every bouquet starts with a muse — seed to bouquet growth metaphor"
 >
-	<div class="mx-auto flex w-full max-w-6xl min-h-0 flex-1 flex-col justify-center">
+	<div class="mx-auto flex min-h-0 w-full max-w-6xl flex-1 flex-col justify-center">
 		<GrowthMetaphorIllustration />
 
 		<p class="mt-3 text-left text-sm tracking-[0.18em] text-muted sm:mt-4 sm:text-base">

src/lib/components/ui/map/FloristOrderMessage.svelte

@@ -1,8 +1,5 @@
 <script>
-	let {
-		enPlainText = '',
-		koPlainText = ''
-	} = $props();
+	let { enPlainText = '', koPlainText = '' } = $props();
 
 	/** @type {'ko' | 'en'} */
 	let activeLang = $state('ko');
@@ -61,10 +58,14 @@
 			rows={4}
 			value={activeText}
 			oninput={handleInput}
-			aria-label={activeLang === 'ko' ? '꽃집 주문 멘트 (한국어)' : 'Florist order message (English)'}
+			aria-label={activeLang === 'ko'
+				? '꽃집 주문 멘트 (한국어)'
+				: 'Florist order message (English)'}
 		></textarea>
 	{:else}
-		<p class="min-w-0 flex-1 text-sm text-muted">Complete the flow to generate your order message.</p>
+		<p class="min-w-0 flex-1 text-sm text-muted">
+			Complete the flow to generate your order message.
+		</p>
 	{/if}
 
 	<div class="flex shrink-0 flex-col items-stretch gap-2">

src/lib/components/ui/map/KakaoMap.svelte

@@ -1,5 +1,6 @@
 <script>
 	import { onMount } from 'svelte';
+	import { SvelteMap } from 'svelte/reactivity';
 	import { env } from '$env/dynamic/public';
 
 	let {
@@ -23,8 +24,8 @@
 	let mapInstance = $state(null);
 	/** @type {ReturnType<typeof window.kakao.maps.InfoWindow> | null} */
 	let infoWindow = null;
-	/** @type {Map<string, { marker: ReturnType<typeof window.kakao.maps.Marker>; shop: (typeof shops)[number] }>} */
-	let shopMarkerMap = new Map();
+	/** @type {SvelteMap<string, { marker: ReturnType<typeof window.kakao.maps.Marker>; shop: (typeof shops)[number] }>} */
+	let shopMarkerMap = new SvelteMap();
 
 	function relayoutMap() {
 		mapInstance?.relayout?.();
@@ -226,9 +227,7 @@
 			{mapError}
 		</div>
 	{:else if !mapReady}
-		<div
-			class="absolute inset-0 flex items-center justify-center bg-track text-sm text-muted"
-		>
+		<div class="absolute inset-0 flex items-center justify-center bg-track text-sm text-muted">
 			Loading map...
 		</div>
 	{/if}

src/lib/components/ui/map/MapPanel.svelte

@@ -71,10 +71,12 @@
 	{/if}
 
 	<div class="flex min-h-0 flex-1 flex-col gap-6 px-6 pb-8 md:px-10 lg:flex-row lg:px-12 lg:pb-10">
-		<div class="relative flex min-h-64 flex-1 flex-col overflow-hidden border border-line lg:min-h-0">
+		<div
+			class="relative flex min-h-64 flex-1 flex-col overflow-hidden border border-line lg:min-h-0"
+		>
 			<KakaoMap
-				initialLat={initialLat}
-				initialLng={initialLng}
+				{initialLat}
+				{initialLng}
 				{shops}
 				selectedId={selectedShopId}
 				{fitBounds}
@@ -96,7 +98,7 @@
 			{#if loading && shops.length === 0}
 				<p class="text-sm text-muted">Searching for flower shops...</p>
 			{:else}
-				<ShopList shops={shops} bind:selectedId={selectedShopId} onselect={handleShopSelect} />
+				<ShopList {shops} bind:selectedId={selectedShopId} onselect={handleShopSelect} />
 			{/if}
 		</div>
 	</div>

src/lib/components/ui/message/MessageForm.svelte

@@ -8,7 +8,7 @@
 		'Thank you for always being there',
 		'I love you',
 		"I'm proud of you",
-		'Congratulations!',
+		'Congratulations!'
 	];
 
 	const selectedPreset = $derived(presets.find((preset) => preset === message) ?? null);

src/lib/components/ui/result/BouquetFlowerCard.svelte

@@ -1,14 +1,7 @@
 <script>
 	import flowerIconUrl from '$lib/assets/flower.svg';
 
-	let {
-		name,
-		nameKo,
-		wordOfFlower,
-		wordOfFlowerKo,
-		imageSrc,
-		role = 'main'
-	} = $props();
+	let { name, nameKo, wordOfFlower, wordOfFlowerKo, imageSrc, role = 'main' } = $props();
 
 	let flipped = $state(false);
 
@@ -26,7 +19,7 @@
 
 <button
 	type="button"
-	class="flip-card h-[16.25rem] w-40 shrink-0 snap-start cursor-pointer border-none bg-transparent p-0 text-left"
+	class="flip-card h-[16.25rem] w-40 shrink-0 cursor-pointer snap-start border-none bg-transparent p-0 text-left"
 	aria-label={flipped ? `${nameKo} card, show English` : `${name} card, show Korean`}
 	onclick={toggleFlip}
 >
@@ -48,7 +41,7 @@
 				/>
 			</div>
 
-			<div class="shrink-0 px-3 pb-4 pt-2">
+			<div class="shrink-0 px-3 pt-2 pb-4">
 				<h3
 					class="flex min-h-8 items-center justify-center text-center text-sm leading-tight tracking-wide text-ink"
 				>
@@ -79,7 +72,7 @@
 				/>
 			</div>
 
-			<div class="shrink-0 px-3 pb-4 pt-2">
+			<div class="shrink-0 px-3 pt-2 pb-4">
 				<h3
 					class="flex min-h-8 items-center justify-center text-center text-sm leading-tight tracking-wide text-ink"
 				>

src/lib/components/ui/result/BouquetFlowerCarousel.svelte

@@ -12,7 +12,7 @@
 		<p class="mb-4 text-xs tracking-[0.2em] text-muted uppercase">Flowers in your bouquet</p>
 
 		<div
-			class="flex snap-x snap-mandatory gap-4 overflow-x-auto px-0.5 py-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+			class="flex snap-x snap-mandatory [scrollbar-width:none] gap-4 overflow-x-auto px-0.5 py-1 [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
 		>
 			{#each flowers as flower (flower.id)}
 				<BouquetFlowerCard