Wishlist Button and Page

Create a wishlist system for my Shopify theme consisting of two parts: a wishlist toggle button snippet and a wishlist page section. The wishlist button should be a heart icon that can be placed on product cards and the product detail page. When clicked, it toggles the product in or out of the wishlist stored in the browser localStorage under the key [STORAGE_KEY]. The heart should be outlined when not wishlisted and filled with color [ACTIVE_COLOR] when wishlisted. Include a subtle scale animation on toggle. The wishlist page section should be assigned to a page template and display all wishlisted products in a grid of [GRID_COLUMNS] columns on desktop and [MOBILE_COLUMNS] columns on mobile. Each product card should show the product image, title, price, an Add to Cart button, and a Remove from Wishlist button. The section should fetch product data using the Shopify storefront /products/[handle].json endpoint for each saved handle. Include a wishlist count badge that can be rendered in the header next to a heart icon, updating dynamically when items are added or removed. Add settings for empty wishlist message [EMPTY_MESSAGE], button background color [BUTTON_BG_COLOR], card border color [CARD_BORDER_COLOR], and grid gap [GRID_GAP] pixels. If the wishlist is empty, display the [EMPTY_MESSAGE] and optionally a Continue Shopping link to [CONTINUE_URL]. Provide complete Liquid for both the button snippet and page section, plus CSS and JavaScript.