perf: defer image tool workspace styles

src/features/character-mix/CharacterMixPage.tsx

@@ -17,6 +17,7 @@ import {
   VideoCameraOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useRef, useState } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import StudioToolLayout from "../../components/StudioToolLayout";
 import type { WebImageWorkbenchTool, WebViewKey } from "../../types";

src/features/digital-human/DigitalHumanPage.tsx

@@ -18,6 +18,7 @@ import {
   UserOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useRef, useState } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import { aiGenerationClient } from "../../api/aiGenerationClient";
 import { uploadAssetWithProgress } from "../../api/uploadWithProgress";

src/features/ecommerce/EcommerceTemplatesPage.tsx

@@ -8,6 +8,7 @@ import {
   TagsOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import "../../styles/pages/ecommerce.css";
 import "../../styles/pages/local-theme-parity.css";

src/features/image-workbench/ImageWorkbenchPage.tsx

@@ -24,6 +24,7 @@ import {
   ThunderboltOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useRef, useState } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import type { WebImageWorkbenchTool, WebViewKey } from "../../types";
 import { aiGenerationClient } from "../../api/aiGenerationClient";

src/features/resolution-upscale/ResolutionUpscalePage.tsx

@@ -16,6 +16,7 @@ import {
   VideoCameraOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useRef, useState } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import { aiGenerationClient } from "../../api/aiGenerationClient";
 import { waitForTask } from "../../api/taskSubscription";

src/features/script-tokens/TokenUsagePage.tsx

@@ -11,6 +11,7 @@ import {
   WarningOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useMemo, useState } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/script-tokens-v5.css";
 import "../../styles/pages/script-tokens.css";
 import type {

src/features/subtitle-removal/SubtitleRemovalPage.tsx

@@ -13,6 +13,7 @@ import {
   VideoCameraOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useRef, useState, type CSSProperties } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import "../../styles/pages/subtitle-removal.css";
 import { aiGenerationClient } from "../../api/aiGenerationClient";

src/features/watermark-removal/WatermarkRemovalPage.tsx

@@ -13,6 +13,7 @@ import {
   SwapOutlined,
 } from "@ant-design/icons";
 import { useCallback, useEffect, useRef, useState } from "react";
+import "../../styles/pages/more-tools.css";
 import "../../styles/pages/image-workbench.css";
 import { aiGenerationClient } from "../../api/aiGenerationClient";
 import { waitForTask } from "../../api/taskSubscription";

src/styles/index.css

@@ -3,7 +3,6 @@
 @import "./shell/app-shell.css";
 @import "./components/primitives.css";
 @import "./components/legacy-components.css";
-@import "./pages/more-tools.css";
 @import "./components/recharge-modal.css";
 @import "./components/toast.css";
 @import "./components/page-transition.css";