perf: route ecommerce utility styles on demand

src/features/ecommerce/EcommercePage.tsx

@@ -14,6 +14,7 @@ import {
 } from "@ant-design/icons";
 import { useEffect, useMemo, useRef, useState, type CSSProperties, type ChangeEvent, type DragEvent, type ReactNode } from "react";
 import "../../styles/pages/ecommerce.css";
+import "../../styles/pages/local-theme-parity.css";
 import { ossAssets } from "../../data/ossAssets";
 import { EcommerceProgressBar } from "./EcommerceProgressBar";
 import ImageMentionMenu, { getImageMentionQuery, insertImageMentionValue, type MentionImageOption } from "./ImageMentionMenu";

src/features/ecommerce/EcommerceTemplatesPage.tsx

@@ -10,6 +10,7 @@ import {
 import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties } from "react";
 import "../../styles/pages/image-workbench.css";
 import "../../styles/pages/ecommerce.css";
+import "../../styles/pages/local-theme-parity.css";
 import type { WebProjectSummary } from "../../types";
 import { useDebounce } from "../../hooks/useDebounce";
 import { templateCarouselCases, templateCases, templateCategories, type TemplateCase } from "./ecommerceTemplates";

src/features/size-template/SizeTemplatePage.tsx

@@ -9,7 +9,9 @@ import {
 import { useEffect, useMemo, useRef, useState, type ChangeEvent, type DragEvent } from "react";
 import type { WebViewKey } from "../../types";
 import ImageMentionMenu, { getImageMentionQuery, insertImageMentionValue, type MentionImageOption } from "../ecommerce/ImageMentionMenu";
+import "../../styles/pages/ecommerce.css";
 import "../../styles/pages/size-template.css";
+import "../../styles/pages/local-theme-parity.css";
 
 interface SizeTemplatePageProps {
   isAuthenticated?: boolean;