diff --git a/src/features/ecommerce/EcommercePage.tsx b/src/features/ecommerce/EcommercePage.tsx
index 8ccaa68..ab4a3bc 100644
--- a/src/features/ecommerce/EcommercePage.tsx
+++ b/src/features/ecommerce/EcommercePage.tsx
@@ -2137,10 +2137,19 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
 
   const openHotVideoPage = () => {
     clearSmartCutoutTransition();
-    setActiveQuickTool("hot-video");
-    setComposerMenu(null);
-    setIsCloneSettingsCollapsed(true);
-    setIsCommandHistoryCollapsed(true);
+    clearQuickPageTransition();
+    runQuickPageTransition(
+      { title: "正在进入广告视频", subtitle: "AI智能策划 · 一键生成电商短视频" },
+      () => {
+        setActiveQuickTool("hot-video");
+        setComposerMenu(null);
+        setIsCloneSettingsCollapsed(true);
+        setIsCommandHistoryCollapsed(true);
+        setPreviewZoom(1);
+        setRatio("9:16");
+        resetQuickSetSelectState();
+      },
+    );
   };
 
   const closeHotVideoPage = () => {
@@ -4949,16 +4958,13 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
         className="ecom-command-hidden-file"
         onChange={handleImageWorkbenchUpload}
       />
-      <nav className="ecom-image-workbench-nav" aria-label="图片修改导航">
-        <button type="button" onClick={closeImageWorkbenchPage}>首页</button>
-        <button type="button" onClick={closeImageWorkbenchPage}>上一页</button>
-      </nav>
       <aside className="ecom-image-workbench-side">
-        <div className="ecom-image-workbench-heading">
-          <span>图片修改</span>
-          <strong>图片修改</strong>
-          <p>涂抹需要修改的区域，输入提示词后让 AI 替换局部内容。</p>
-        </div>
+        <header className="ecom-quick-set-panel-head ecom-image-workbench-panel-head">
+          <strong className="ecom-quick-set-page-title">图片修改</strong>
+          <button type="button" className="ecom-quick-set-back" onClick={closeImageWorkbenchPage}>首页</button>
+          <button type="button" className="ecom-quick-set-back" onClick={closeImageWorkbenchPage}>上一页</button>
+        </header>
+        <p className="ecom-image-workbench-intro">涂抹需要修改的区域，输入提示词后让 AI 替换局部内容。</p>
 
         <section className="ecom-image-workbench-panel">
           <header>
@@ -5157,16 +5163,13 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
         className="ecom-command-hidden-file"
         onChange={handleWatermarkUpload}
       />
-      <nav className="ecom-watermark-nav" aria-label="去水印导航">
-        <button type="button" onClick={closeWatermarkRemovalPage}>首页</button>
-        <button type="button" onClick={closeWatermarkRemovalPage}>上一页</button>
-      </nav>
       <aside className="ecom-watermark-side">
-        <div className="ecom-watermark-heading">
-          <span>AI 电商工具</span>
-          <strong>增/去水印</strong>
-          <p>上传商品素材，快速清理画面中的水印、文字和瑕疵。</p>
-        </div>
+        <header className="ecom-quick-set-panel-head ecom-watermark-panel-head">
+          <strong className="ecom-quick-set-page-title">增/去水印</strong>
+          <button type="button" className="ecom-quick-set-back" onClick={closeWatermarkRemovalPage}>首页</button>
+          <button type="button" className="ecom-quick-set-back" onClick={closeWatermarkRemovalPage}>上一页</button>
+        </header>
+        <p className="ecom-watermark-intro">上传商品素材，快速清理画面中的水印、文字和瑕疵。</p>
         <section className="ecom-watermark-panel">
           <header>
             <strong>上传素材</strong>
@@ -5347,46 +5350,35 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   );
 
   const hotVideoPreview = (
-    <main className="ecom-hot-video-page" aria-label="广告视频">
-      <nav className="ecom-hot-video-nav">
-        <button type="button" className="ecom-hot-video-back" onClick={closeHotVideoPage}>
-          ‹ 返回首页
-        </button>
-        <div className="ecom-hot-video-nav-title">
-          <h1>广告视频</h1>
-          <span>AI智能策划 · 一键生成电商短视频</span>
-        </div>
-        <div className="ecom-hot-video-nav-meta">
-          <span>{platform} / {formatRatioDisplayValue(ratio)} / {cloneVideoDuration}秒 / {cloneVideoQuality === "standard" ? "720P" : "1080P"}</span>
-        </div>
-      </nav>
-      <div className="ecom-hot-video-body">
-        <aside className="ecom-hot-video-settings" aria-label="视频设置">
-          <section className="ecom-hot-video-section">
-            <strong>上传商品图</strong>
+    <main className="ecom-quick-set-page ecom-hot-video-page" aria-label="广告视频">
+      <div className="ecom-quick-set-body">
+        <aside className="ecom-quick-set-panel" aria-label="广告视频设置">
+          <header className="ecom-quick-set-panel-head">
+            <strong className="ecom-quick-set-page-title">广告视频</strong>
+            <button type="button" className="ecom-quick-set-back" onClick={closeHotVideoPage}>首页</button>
+            <button type="button" className="ecom-quick-set-back" onClick={closeHotVideoPage}>上一页</button>
+          </header>
+          <section>
+            <strong><CloudUploadOutlined /> 上传商品图</strong>
             <div
               role="button"
               tabIndex={0}
-              className={`ecom-hot-video-upload${productImages.length ? " has-images" : ""}${isProductUploadDragging ? " is-dragging" : ""}`}
+              className={`ecom-quick-set-upload${productImages.length ? " has-images" : ""}`}
               onClick={() => quickProductInputRef.current?.click()}
               onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") quickProductInputRef.current?.click(); }}
               onDragOver={(event) => { event.preventDefault(); setIsProductUploadDragging(true); }}
               onDragLeave={(event) => { event.preventDefault(); setIsProductUploadDragging(false); }}
               onDrop={handleProductDrop}
             >
-              <CloudUploadOutlined />
-              <span>拖拽或点击上传商品图片</span>
-              <em>支持 JPG / PNG / WebP，建议清晰白底图</em>
+              <FileImageOutlined />
+              <span>拖拽或点击上传</span>
+              <em>支持 JPG / PNG / WebP</em>
+              <b>+ 上传图片</b>
               {productImages.length > 0 ? (
-                <div className="ecom-hot-video-upload-thumbs">
+                <div className="ecom-quick-upload-thumbs">
                   {productImages.map((img) => (
-                    <figure key={img.id}>
+                    <figure key={img.id} className="ecom-command-asset-thumb ecom-quick-upload-thumb">
                       <img src={img.src} alt={img.name} />
-                      <button
-                        type="button"
-                        aria-label="删除"
-                        onClick={(event) => { event.stopPropagation(); removeProductImage(img.id); }}
-                      >×</button>
                     </figure>
                   ))}
                 </div>
@@ -5401,8 +5393,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
               onChange={handleProductUpload}
             />
           </section>
-
-          <section className="ecom-hot-video-section">
+          <section>
             <strong>商品描述</strong>
             <textarea
               className="ecom-hot-video-textarea"
@@ -5413,41 +5404,16 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
               maxLength={500}
             />
           </section>
-
-          <section className="ecom-hot-video-section">
-            <strong>电商平台</strong>
-            <div className="ecom-hot-video-options">
-              {platformOptions.map((option) => (
-                <button
-                  key={option}
-                  type="button"
-                  className={platform === option ? "is-active" : ""}
-                  onClick={() => setPlatform(option)}
-                >
-                  {renderPlatformLogo(option)}
-                  <span>{option}</span>
-                </button>
-              ))}
+          <section className="ecom-quick-set-basic-section">
+            <span className="ecom-quick-set-label">基础设置</span>
+            <div className="ecom-quick-set-select-anchor">
+              <div className="ecom-quick-set-selects">
+                <button type="button"><span>平台</span><strong>{platform}</strong></button>
+                <button type="button"><span>比例</span><strong>{ratio}</strong></button>
+              </div>
             </div>
           </section>
-
-          <section className="ecom-hot-video-section">
-            <strong>视频比例</strong>
-            <div className="ecom-hot-video-options ecom-hot-video-options--ratio">
-              {cloneRatioOptions.map((option) => (
-                <button
-                  key={option}
-                  type="button"
-                  className={ratio === option ? "is-active" : ""}
-                  onClick={() => setRatio(option)}
-                >
-                  {formatRatioDisplayValue(option)}
-                </button>
-              ))}
-            </div>
-          </section>
-
-          <section className="ecom-hot-video-section">
+          <section>
             <strong>视频质量</strong>
             <div className="ecom-hot-video-options">
               {cloneVideoQualityOptions.map((option) => (
@@ -5463,8 +5429,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
               ))}
             </div>
           </section>
-
-          <section className="ecom-hot-video-section">
+          <section>
             <strong>视频时长 · {cloneVideoDuration}秒</strong>
             <input
               type="range"
@@ -5481,24 +5446,23 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
               <span>{cloneVideoDurationMax}秒</span>
             </div>
           </section>
-
           <button
             type="button"
-            className="ecom-hot-video-start"
+            className="ecom-quick-set-primary"
             disabled={!productImages.length && !requirement.trim()}
             onClick={() => setVideoPlanTrigger((prev) => prev + 1)}
           >
-            一键策划
+            ✦ 一键策划
           </button>
         </aside>
-        <section className="ecom-hot-video-workspace">
+        <section className="ecom-quick-set-stage">
           <EcommerceVideoWorkspace
             isAuthenticated={isAuthenticated}
             productImageDataUrls={ecommerceVideoImageDataUrls}
             productImageFiles={ecommerceVideoImageFiles}
             requirement={requirement}
             platform={platform}
-            aspectRatio={ratio.includes("9：16") || ratio.includes("9:16") ? "9:16" : ratio.includes("16：9") || ratio.includes("16:9") ? "16:9" : ratio.includes("3：4") || ratio.includes("3:4") ? "3:4" : "9:16"}
+            aspectRatio={ratio.includes("9:16") ? "9:16" : ratio.includes("16:9") ? "16:9" : ratio.includes("3:4") ? "3:4" : "9:16"}
             durationSeconds={cloneVideoDuration}
             resolution={cloneVideoQuality === "standard" ? "720P" : "1080P"}
             onRequestLogin={() => (isAuthenticated ? undefined : requestLogin())}
@@ -5606,8 +5570,11 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
             </div>
           </section>
           <button type="button" className="ecom-quick-set-primary" onClick={handleGenerate} disabled={!canGenerate}>
-            ✦ 开始生成
+            {status === "generating" ? <LoadingOutlined /> : "✦"} {status === "generating" ? "正在生成..." : "开始生成"}
           </button>
+          {status === "generating" ? (
+            <button type="button" className="ecom-quick-set-primary ecom-quick-set-primary--cancel" onClick={handleCancelGenerate}>取消生成</button>
+          ) : null}
         </aside>
         <section className="ecom-quick-set-stage">
           <header className="ecom-quick-set-preview-head">
@@ -5777,6 +5744,9 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
           <button type="button" className="ecom-quick-set-primary" onClick={handleDetailGenerate} disabled={!canGenerateDetail}>
             {detailStatus === "generating" ? <LoadingOutlined /> : "✦"} 开始生成
           </button>
+          {detailStatus === "generating" ? (
+            <button type="button" className="ecom-quick-set-primary ecom-quick-set-primary--cancel" onClick={handleCancelGenerate}>取消生成</button>
+          ) : null}
         </aside>
         <section className="ecom-quick-set-stage">
           <header className="ecom-quick-set-preview-head">
@@ -5958,12 +5928,13 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
               ? imageWorkbenchPreview
               : isSmartCutoutTool
                 ? smartCutoutPreview
-                : isQuickSetTool
-                  ? quickProductSetPreview
-                  : isQuickDetailTool
-                    ? quickDetailPreview
-                    : isHotVideoTool
-                      ? hotVideoPreview
+                : isQuickSetTool || isQuickDetailTool || isHotVideoTool
+                  ? (
+                    <div className="ecom-quick-page-wrap">
+                      {quickPageSidebar}
+                      {isQuickSetTool ? quickProductSetPreview : isQuickDetailTool ? quickDetailPreview : hotVideoPreview}
+                    </div>
+                  )
                       : cloneOutput === "video-outfit" && results.length > 0 && results[0].type === "video"
                       ? (
                         <main className="product-clone-preview product-clone-preview--video-outfit" style={{ display: "flex", alignItems: "center", justifyContent: "center" }}>
@@ -6032,6 +6003,14 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
             />
           </main>
         ) : activePreview}
+
+        {quickPageTransition ? (
+          <div className="ecom-quick-page-transition" role="status" aria-live="polite">
+            <span aria-hidden="true" />
+            <strong>{quickPageTransition.title}</strong>
+            <em>{quickPageTransition.subtitle}</em>
+          </div>
+        ) : null}
       </div>
 
       <aside className="ecom-command-history" aria-label="生成历史">
diff --git a/src/styles/ecommerce-standalone.css b/src/styles/ecommerce-standalone.css
index a396246..4795658 100644
--- a/src/styles/ecommerce-standalone.css
+++ b/src/styles/ecommerce-standalone.css
@@ -3408,9 +3408,16 @@
   row-gap: 4px !important;
   min-height: 118px !important;
   max-height: 126px !important;
-  padding: 8px 16px 10px !important;
+  padding: 10px 18px 10px !important;
   overflow: visible !important;
   border-radius: 22px !important;
+  border: 1px solid rgba(30, 189, 219, 0.14) !important;
+  background: rgba(254, 255, 255, 0.94) !important;
+  box-shadow:
+    0 8px 32px rgba(16, 115, 204, 0.07),
+    0 2px 8px rgba(16, 115, 204, 0.04) !important;
+  backdrop-filter: blur(16px) !important;
+  -webkit-backdrop-filter: blur(16px) !important;
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-popover,
@@ -3464,16 +3471,16 @@
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview[data-status="done"]:has(.ecom-command-composer-wrap:not(.is-compact)) {
-  padding-top: 330px !important;
+  padding-top: 320px !important;
 }
 
 /* Generated composer top alignment: compensate preview padding so the box is flush with the canvas top. */
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview[data-status="done"] .ecom-command-composer-wrap.has-generated {
-  top: -138px !important;
+  top: -152px !important;
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview[data-status="done"]:has(.ecom-command-composer-wrap:not(.is-compact)) .ecom-command-composer-wrap.has-generated {
-  top: -330px !important;
+  top: -320px !important;
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-history {
@@ -4071,14 +4078,17 @@
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"].is-watermark-page {
   display: block !important;
+  height: 100% !important;
+  min-height: calc(100vh - 58px) !important;
   overflow: hidden !important;
-  background: #ffffff !important;
+  background: #f8f9fa !important;
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"].is-watermark-page .product-clone-shell {
   display: block !important;
   width: 100% !important;
   height: 100% !important;
+  min-height: calc(100vh - 58px) !important;
   padding: 0 !important;
 }
 
@@ -4091,14 +4101,17 @@
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"].is-image-workbench-page {
   display: block !important;
+  height: 100% !important;
+  min-height: calc(100vh - 58px) !important;
   overflow: hidden !important;
-  background: #ffffff !important;
+  background: #f8f9fa !important;
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"].is-image-workbench-page .product-clone-shell {
   display: block !important;
   width: 100% !important;
   height: 100% !important;
+  min-height: calc(100vh - 58px) !important;
   padding: 0 !important;
 }
 
@@ -4273,84 +4286,133 @@
 }
 
 .ecommerce-standalone .ecom-hot-video-page {
+  background: #f3f5f8 !important;
+  color: #172636 !important;
+}
+
+/* ── Hot Video light theme overrides ── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-workspace {
+  background: #eef2f5 !important;
+  color: #172636 !important;
+}
+
+/* Hot Video empty state — match detail page style */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-empty {
   display: grid !important;
-  grid-template-rows: auto minmax(0, 1fr) !important;
-  width: 100% !important;
-  height: 100% !important;
-  min-height: 0 !important;
-  background: transparent !important;
-  color: var(--ecm-text, #eef4f0) !important;
-  font-family: var(--font-sans, "PingFang SC", "Microsoft YaHei", sans-serif) !important;
+  place-items: center !important;
+  place-content: center !important;
+  gap: 12px !important;
+  width: min(480px, 76%) !important;
+  min-height: 200px !important;
+  margin: auto !important;
+  padding: 28px !important;
+  border: 1px solid rgba(16, 115, 204, 0.1) !important;
+  border-radius: 18px !important;
+  color: #738392 !important;
+  background: #ffffff !important;
+  box-shadow: 0 18px 48px rgba(16, 115, 204, 0.06) !important;
+  text-align: center !important;
+  font-size: 14px !important;
 }
 
-/* ── Hot Video Nav — matches the homepage topbar ── */
-.ecom-hot-video-nav {
-  display: flex !important;
-  align-items: center !important;
-  gap: 24px !important;
-  padding: 10px clamp(16px, 3vw, 32px) !important;
-  min-height: 64px !important;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
-  background: rgba(5, 8, 13, 0.82) !important;
-  backdrop-filter: blur(18px) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-empty span {
+  display: none !important;
 }
 
-.ecom-hot-video-back {
-  display: inline-flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  gap: 8px !important;
-  min-height: 36px !important;
-  padding: 0 13px !important;
-  border: 1px solid rgba(255, 255, 255, 0.14) !important;
-  border-radius: 8px !important;
-  background: rgba(255, 255, 255, 0.08) !important;
-  color: #f7faf8 !important;
-  font-size: 13px !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-empty::before {
+  content: "" !important;
+  display: inline-grid !important;
+  place-items: center !important;
+  width: 58px !important;
+  height: 58px !important;
+  border-radius: 50% !important;
+  color: #1073cc !important;
+  background: #edf8ff !important;
+  font-size: 26px !important;
+  /* Image icon placeholder */
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231073cc'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z'/%3E%3C/svg%3E") !important;
+  background-size: 26px 26px !important;
+  background-position: center !important;
+  background-repeat: no-repeat !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-empty::after {
+  content: "等待生成\A 上传商品图并点击一键策划，AI 将在这里展示视频策划方案。" !important;
+  display: block !important;
+  white-space: pre !important;
+  font-size: 14px !important;
   font-weight: 500 !important;
-  cursor: pointer !important;
-  transition: border-color 180ms ease, background 180ms ease !important;
-  white-space: nowrap !important;
+  color: #738392 !important;
+  line-height: 1.6 !important;
+  text-align: center !important;
 }
 
-.ecom-hot-video-back:hover {
-  border-color: rgba(59, 232, 139, 0.58) !important;
-  background: rgba(59, 232, 139, 0.14) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-workspace * {
+  scrollbar-color: rgba(16, 115, 204, 0.4) #eef2f5 !important;
 }
 
-.ecom-hot-video-nav-title {
-  display: flex !important;
-  flex-direction: column !important;
-  gap: 1px !important;
-  min-width: 0 !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar {
+  background: #ffffff !important;
+  border-color: rgba(30, 189, 219, 0.12) !important;
+  color: #172636 !important;
+  box-shadow: 0 2px 12px rgba(16, 115, 204, 0.05) !important;
 }
 
-.ecom-hot-video-nav-title h1 {
-  margin: 0 !important;
-  font-size: 16px !important;
-  font-weight: 800 !important;
-  color: #f7faf8 !important;
-  letter-spacing: 0.01em !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__title {
+  color: #10202c !important;
 }
 
-.ecom-hot-video-nav-title span {
-  font-size: 13px !important;
-  color: rgba(247, 250, 248, 0.66) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__action {
+  background: rgba(16, 115, 204, 0.06) !important;
+  color: #1073cc !important;
+  border-color: rgba(16, 115, 204, 0.14) !important;
 }
 
-.ecom-hot-video-nav-meta {
-  margin-left: auto !important;
-  display: flex !important;
-  align-items: center !important;
-  gap: 8px !important;
-  padding: 6px 14px !important;
-  border-radius: 8px !important;
-  background: rgba(255, 255, 255, 0.06) !important;
-  font-size: 13px !important;
-  color: rgba(247, 250, 248, 0.66) !important;
-  white-space: nowrap !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__action:hover {
+  background: #1073cc !important;
+  color: #ffffff !important;
 }
 
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas {
+  background: #eef2f5 !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas * {
+  color: #172636 !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="scene"] {
+  background: #ffffff !important;
+  border-color: rgba(30, 189, 219, 0.12) !important;
+  box-shadow: 0 4px 16px rgba(16, 115, 204, 0.05) !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="placeholder"] {
+  background: #f0f4f7 !important;
+  color: #8fa1af !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="loading"] {
+  color: #1073cc !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="tag"],
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="badge"] {
+  background: rgba(16, 115, 204, 0.08) !important;
+  color: #1073cc !important;
+  border-color: rgba(16, 115, 204, 0.14) !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="text"] {
+  color: #172636 !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-canvas [class*="label"] {
+  color: #657686 !important;
+}
+
+/* ── Hot Video empty state — match detail page style ── */
+
 /* ── Hot Video Body ─────────────────────────────────── */
 .ecom-hot-video-body {
   display: grid !important;
@@ -4644,445 +4706,492 @@
   box-shadow: none !important;
 }
 
-/* ── Hot Video Workspace ────────────────────────────── */
-.ecom-hot-video-workspace {
+/* ── Hot Video workspace (scoped to stage) ─────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-quick-set-stage {
+  display: grid !important;
+  grid-template-rows: minmax(0, 1fr) !important;
+  place-items: stretch !important;
+  padding: 16px 24px 24px !important;
   min-height: 0 !important;
   overflow: hidden !important;
 }
 
 /* ── Video workspace — matches the homepage (transparent bg, topbar flowbar, panel nodes) ── */
 
-.ecom-hot-video-workspace .ecom-video-workspace {
-  background: transparent !important;
-  color: #f7faf8 !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-workspace {
+  background: #f4f6f8 !important;
+  color: #172636 !important;
+  height: 100% !important;
+  min-height: 0 !important;
+  border: 1px solid rgba(16, 115, 204, 0.08) !important;
+  border-radius: 10px !important;
+  overflow: hidden !important;
 }
 
-/* ── Flowbar — matches homepage topbar ─────────── */
-.ecom-hot-video-workspace .ecom-video-flowbar {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
-  background: rgba(5, 8, 13, 0.82) !important;
-  backdrop-filter: blur(18px) !important;
+/* ── Flowbar — light preview header style ─────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar {
+  grid-template-columns: auto minmax(80px, 1fr) auto !important;
+  gap: 10px !important;
+  min-height: 38px !important;
+  padding: 4px 12px !important;
+  border-bottom: 1px solid rgba(16, 115, 204, 0.08) !important;
+  background: #ffffff !important;
+  backdrop-filter: none !important;
+  box-shadow: 0 2px 12px rgba(16, 115, 204, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__pulse {
-  background: rgba(247, 250, 248, 0.25) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__title {
+  gap: 8px !important;
+  font-size: 12px !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__pulse.is-active {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__actions {
+  gap: 6px !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__wave {
+  width: 18px !important;
+  height: 14px !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__wave i:nth-child(2) {
+  height: 12px !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__wave i:nth-child(3) {
+  height: 9px !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__pulse {
+  background: #b0bec5 !important;
+}
+
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__pulse.is-active {
   background: #1ebddb !important;
   box-shadow: 0 0 8px rgba(30, 189, 219, 0.45) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__wave i {
-  background: rgba(247, 250, 248, 0.3) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__wave i {
+  background: #78909c !important;
 }
 
-/* ── Flowbar zoom ──────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flowbar__zoom button {
-  border-color: rgba(255, 255, 255, 0.14) !important;
-  background: rgba(255, 255, 255, 0.08) !important;
-  color: rgba(247, 250, 248, 0.66) !important;
+/* ── Flowbar zoom — light style ────────────────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__zoom button {
+  width: 24px !important;
+  height: 24px !important;
+  border: 0 !important;
+  border-radius: 7px !important;
+  background: #edf8ff !important;
+  color: #1073cc !important;
+  font-weight: 950 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__zoom button:hover:not(:disabled) {
-  border-color: rgba(59, 232, 139, 0.58) !important;
-  background: rgba(59, 232, 139, 0.14) !important;
-  color: #f7faf8 !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__zoom button:hover:not(:disabled) {
+  background: #d4edff !important;
+  color: #0a5fa8 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__zoom span {
-  color: rgba(247, 250, 248, 0.66) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__zoom span {
+  min-width: 34px !important;
+  color: #657686 !important;
+  font-weight: 750 !important;
 }
 
-/* ── Step dots ──────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-step-dot {
-  background: rgba(247, 250, 248, 0.22) !important;
+/* ── Step dots — light theme ──────────────────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-step-dot {
+  background: #cfd8dc !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-step-dot.is-done {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-step-dot.is-done {
   background: #1ebddb !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-step-dot.is-active {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-step-dot.is-active {
   background: #1ebddb !important;
   box-shadow: 0 0 8px rgba(30, 189, 219, 0.5) !important;
   animation: ecom-video-node-breathe-local 1.2s ease-in-out infinite !important;
 }
 
-/* ── Flow actions (buttons) — match topbar buttons ── */
-.ecom-hot-video-workspace .ecom-video-flow-action {
-  border-color: rgba(255, 255, 255, 0.14) !important;
-  background: rgba(255, 255, 255, 0.08) !important;
-  color: #f7faf8 !important;
+/* ── Flow actions (buttons) — light theme ──────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action {
+  width: 32px !important;
+  height: 32px !important;
+  border-color: rgba(16, 115, 204, 0.14) !important;
+  background: rgba(16, 115, 204, 0.06) !important;
+  color: #1073cc !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-action:hover:not(:disabled) {
-  border-color: rgba(59, 232, 139, 0.58) !important;
-  background: rgba(59, 232, 139, 0.14) !important;
-  transform: translateY(-1px) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action:hover:not(:disabled) {
+  border-color: #1073cc !important;
+  background: #1073cc !important;
+  color: #ffffff !important;
+  transform: none !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-action--ghost {
-  border-color: rgba(255, 255, 255, 0.14) !important;
-  background: rgba(255, 255, 255, 0.08) !important;
-  color: rgba(247, 250, 248, 0.66) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action--ghost {
+  border-color: rgba(16, 115, 204, 0.14) !important;
+  background: rgba(16, 115, 204, 0.06) !important;
+  color: #657686 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-action--ghost:hover:not(:disabled) {
-  border-color: rgba(59, 232, 139, 0.58) !important;
-  background: rgba(59, 232, 139, 0.14) !important;
-  color: #f7faf8 !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action--ghost:hover:not(:disabled) {
+  border-color: #1073cc !important;
+  background: rgba(16, 115, 204, 0.12) !important;
+  color: #1073cc !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-action--danger {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action--danger {
   border-color: rgba(239, 68, 68, 0.2) !important;
   background: rgba(239, 68, 68, 0.08) !important;
   color: #ef4444 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-action--danger:hover:not(:disabled) {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action--danger:hover:not(:disabled) {
   border-color: rgba(239, 68, 68, 0.4) !important;
   background: rgba(239, 68, 68, 0.16) !important;
-  color: #f87171 !important;
+  color: #dc2626 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-action:disabled {
-  border-color: rgba(255, 255, 255, 0.08) !important;
-  background: rgba(255, 255, 255, 0.04) !important;
-  color: rgba(247, 250, 248, 0.3) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-action:disabled {
+  border-color: rgba(16, 115, 204, 0.06) !important;
+  background: rgba(16, 115, 204, 0.03) !important;
+  color: #b0bec5 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__stage-label {
-  color: #1ebddb !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__stage-label {
+  color: #1073cc !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flowbar__error {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flowbar__error {
   color: #ef4444 !important;
 }
 
-/* ── Flow canvas — transparent, blends with page ─── */
-.ecom-hot-video-workspace .ecom-video-flow-canvas {
-  background: transparent !important;
+/* ── Flow canvas — light background ──────────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-canvas {
+  background: #eef2f5 !important;
+  padding: 42px 36px 24px !important;
+  scroll-padding-top: 42px !important;
 }
 
-/* ── Flow nodes — page panel style ──────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node {
-  border-color: rgba(255, 255, 255, 0.08) !important;
-  background: rgba(255, 255, 255, 0.03) !important;
+/* ── Flow nodes — light panel style ─────────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node {
+  border-color: rgba(16, 115, 204, 0.1) !important;
+  background: #ffffff !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node.is-ready,
-.ecom-hot-video-workspace .ecom-video-flow-node.is-completed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-ready,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-completed {
   border-color: rgba(30, 189, 219, 0.25) !important;
   background: rgba(30, 189, 219, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node.is-running,
-.ecom-hot-video-workspace .ecom-video-flow-node.is-pending {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-running,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-pending {
   border-color: rgba(30, 189, 219, 0.3) !important;
   animation: ecom-tree-breathe-local 1.6s ease-in-out infinite !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node.is-failed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-failed {
   border-color: rgba(239, 68, 68, 0.25) !important;
   background: rgba(239, 68, 68, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--final {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--final {
   border-color: rgba(30, 189, 219, 0.15) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--final.is-completed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--final.is-completed {
   border-color: rgba(30, 189, 219, 0.3) !important;
   background: rgba(30, 189, 219, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--text {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--text {
   border-color: rgba(30, 189, 219, 0.12) !important;
   background: rgba(30, 189, 219, 0.03) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--text.is-completed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--text.is-completed {
   border-color: rgba(30, 189, 219, 0.25) !important;
   background: rgba(30, 189, 219, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--text.is-pulsing {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--text.is-pulsing {
   border-color: rgba(30, 189, 219, 0.4) !important;
   animation: ecom-tree-breathe-local 1.2s ease-in-out infinite !important;
 }
 
 /* ── Node status orb ────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__status-orb {
-  background: rgba(247, 250, 248, 0.35) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__status-orb {
+  background: #cfd8dc !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node.is-ready .ecom-video-flow-node__status-orb,
-.ecom-hot-video-workspace .ecom-video-flow-node.is-completed .ecom-video-flow-node__status-orb {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-ready .ecom-video-flow-node__status-orb,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-completed .ecom-video-flow-node__status-orb {
   background: #1ebddb !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node.is-running .ecom-video-flow-node__status-orb,
-.ecom-hot-video-workspace .ecom-video-flow-node.is-pending .ecom-video-flow-node__status-orb {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-running .ecom-video-flow-node__status-orb,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-pending .ecom-video-flow-node__status-orb {
   background: #1ebddb !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node.is-failed .ecom-video-flow-node__status-orb {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node.is-failed .ecom-video-flow-node__status-orb {
   background: #ef4444 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--final.is-completed .ecom-video-flow-node__status-orb {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--final.is-completed .ecom-video-flow-node__status-orb {
   background: #f59e0b !important;
 }
 
 /* ── Text icon ──────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__text-icon {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__text-icon {
   background: rgba(30, 189, 219, 0.15) !important;
   color: #1ebddb !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--text.is-pulsing .ecom-video-flow-node__text-icon {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--text.is-pulsing .ecom-video-flow-node__text-icon {
   background: rgba(30, 189, 219, 0.22) !important;
   color: #1ebddb !important;
 }
 
 /* ── Node labels ────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__label {
-  color: rgba(247, 250, 248, 0.66) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__label {
+  color: #657686 !important;
 }
 
 /* ── Node progress ──────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__progress {
-  background: rgba(255, 255, 255, 0.06) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__progress {
+  background: rgba(16, 115, 204, 0.08) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node__progress i {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__progress i {
   background: #1ebddb !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--image .ecom-video-flow-node__progress,
-.ecom-hot-video-workspace .ecom-video-flow-node--video .ecom-video-flow-node__progress {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--image .ecom-video-flow-node__progress,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--video .ecom-video-flow-node__progress {
   color: #1ebddb !important;
 }
 
 /* ── Node placeholder ───────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__placeholder {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__placeholder {
   background: rgba(30, 189, 219, 0.04) !important;
   color: rgba(30, 189, 219, 0.35) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node--image .ecom-video-flow-node__placeholder,
-.ecom-hot-video-workspace .ecom-video-flow-node--video .ecom-video-flow-node__placeholder {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--image .ecom-video-flow-node__placeholder,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node--video .ecom-video-flow-node__placeholder {
   background: rgba(30, 189, 219, 0.04) !important;
   color: rgba(30, 189, 219, 0.35) !important;
 }
 
 /* ── Error label ────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__error {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__error {
   color: #ef4444 !important;
 }
 
 /* ── Retry button ───────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-node__retry {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__retry {
   border-color: rgba(239, 68, 68, 0.25) !important;
   background: rgba(239, 68, 68, 0.08) !important;
   color: #ef4444 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-node__retry:hover {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-node__retry:hover {
   border-color: rgba(239, 68, 68, 0.4) !important;
   background: rgba(239, 68, 68, 0.16) !important;
 }
 
-/* ── Connectors & links ─────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-connector,
-.ecom-hot-video-workspace .ecom-video-scene-link {
-  background: rgba(255, 255, 255, 0.08) !important;
+/* ── Connectors & links ──────────────────────────── */
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-connector,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-scene-link {
+  background: rgba(16, 115, 204, 0.1) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-connector i,
-.ecom-hot-video-workspace .ecom-video-scene-link i {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-connector i,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-scene-link i {
   background: #1ebddb !important;
 }
 
 /* ── Flow lines ─────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-lines path {
-  stroke: rgba(255, 255, 255, 0.12) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-lines path {
+  stroke: rgba(16, 115, 204, 0.15) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-lines path.is-active {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-lines path.is-active {
   stroke: #1ebddb !important;
 }
 
 /* ── Dock — matches topbar style ────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-dock {
-  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
-  background: rgba(8, 12, 10, 0.78) !important;
-  backdrop-filter: blur(18px) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-dock {
+  border-top: 1px solid rgba(16, 115, 204, 0.08) !important;
+  background: #ffffff !important;
+  backdrop-filter: none !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-dock button {
-  border-color: rgba(255, 255, 255, 0.14) !important;
-  background: rgba(255, 255, 255, 0.08) !important;
-  color: #f7faf8 !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-dock button {
+  border-color: rgba(16, 115, 204, 0.14) !important;
+  background: rgba(16, 115, 204, 0.06) !important;
+  color: #1073cc !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-flow-dock button:hover {
-  border-color: rgba(59, 232, 139, 0.58) !important;
-  background: rgba(59, 232, 139, 0.14) !important;
-  box-shadow: 0 2px 12px rgba(59, 232, 139, 0.15) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-dock button:hover {
+  border-color: #1073cc !important;
+  background: #1073cc !important;
+  color: #ffffff !important;
+  box-shadow: 0 2px 12px rgba(16, 115, 204, 0.15) !important;
 }
 
 /* ── Dock notice ────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-flow-notice {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-flow-notice {
   border-color: rgba(30, 189, 219, 0.2) !important;
   background: rgba(30, 189, 219, 0.08) !important;
-  color: #7dd8e8 !important;
+  color: #1073cc !important;
 }
 
 /* ── Empty state ────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-empty {
-  color: rgba(247, 250, 248, 0.36) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-empty {
+  color: #657686 !important;
 }
 
 /* ═══════════ TREE LAYOUT ═══════════════════════════ */
 
 /* ── Tree node base — page panel style ──────────── */
-.ecom-hot-video-workspace .ecom-video-tree-node {
-  border-color: rgba(255, 255, 255, 0.08) !important;
-  background: rgba(255, 255, 255, 0.03) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node {
+  border-color: rgba(16, 115, 204, 0.1) !important;
+  background: #ffffff !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--source {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--source {
   border-color: rgba(30, 189, 219, 0.25) !important;
   background: rgba(30, 189, 219, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--text {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--text {
   border-color: rgba(30, 189, 219, 0.12) !important;
   background: rgba(30, 189, 219, 0.03) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--text.is-completed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--text.is-completed {
   border-color: rgba(30, 189, 219, 0.25) !important;
   background: rgba(30, 189, 219, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--text.is-active {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--text.is-active {
   border-color: rgba(30, 189, 219, 0.4) !important;
   animation: ecom-tree-breathe-local 1.8s ease-in-out infinite !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--image.is-completed,
-.ecom-hot-video-workspace .ecom-video-tree-node--video.is-completed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--image.is-completed,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--video.is-completed {
   border-color: rgba(30, 189, 219, 0.25) !important;
   background: rgba(30, 189, 219, 0.05) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--image.is-active,
-.ecom-hot-video-workspace .ecom-video-tree-node--video.is-active {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--image.is-active,
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--video.is-active {
   border-color: rgba(30, 189, 219, 0.4) !important;
   animation: ecom-tree-breathe-local 1.8s ease-in-out infinite !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node.is-active {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node.is-active {
   border-color: rgba(30, 189, 219, 0.4) !important;
   box-shadow: 0 0 16px rgba(30, 189, 219, 0.08) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node.is-completed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node.is-completed {
   border-color: rgba(30, 189, 219, 0.25) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node--video.is-failed {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node--video.is-failed {
   border-color: rgba(239, 68, 68, 0.25) !important;
   background: rgba(239, 68, 68, 0.05) !important;
 }
 
 /* ── Tree node inner text ───────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree-node__title {
-  color: #f7faf8 !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__title {
+  color: #172636 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node__desc {
-  color: rgba(247, 250, 248, 0.52) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__desc {
+  color: #657686 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node__label {
-  color: rgba(247, 250, 248, 0.66) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__label {
+  color: #657686 !important;
 }
 
 /* ── Tree node placeholder ──────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree-node__placeholder {
-  background: rgba(255, 255, 255, 0.03) !important;
-  color: rgba(247, 250, 248, 0.3) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__placeholder {
+  background: rgba(16, 115, 204, 0.04) !important;
+  color: #657686 !important;
 }
 
 /* ── Tree node tag ──────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree-node__tag {
-  border-color: rgba(255, 255, 255, 0.12) !important;
-  background: rgba(8, 12, 10, 0.85) !important;
-  color: rgba(247, 250, 248, 0.8) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__tag {
+  border-color: rgba(16, 115, 204, 0.12) !important;
+  background: #ffffff !important;
+  color: #172636 !important;
 }
 
 /* ── Tree node progress ─────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree-node__progress {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__progress {
   color: #1ebddb !important;
 }
 
 /* ── Tree retry ─────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree-node__retry {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__retry {
   border-color: rgba(239, 68, 68, 0.25) !important;
   background: rgba(239, 68, 68, 0.08) !important;
   color: #ef4444 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree-node__retry:hover {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree-node__retry:hover {
   border-color: rgba(239, 68, 68, 0.4) !important;
   background: rgba(239, 68, 68, 0.16) !important;
 }
 
 /* ── Tree trunk & branch lines ──────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree__trunk-line {
-  background: rgba(255, 255, 255, 0.08) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__trunk-line {
+  background: rgba(16, 115, 204, 0.1) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree__trunk-line::after {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__trunk-line::after {
   background: linear-gradient(90deg, transparent, #1ebddb, transparent) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree__branches-line::before {
-  background: rgba(255, 255, 255, 0.08) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__branches-line::before {
+  background: rgba(16, 115, 204, 0.1) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree__branch-tap::before {
-  background: rgba(255, 255, 255, 0.08) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__branch-tap::before {
+  background: rgba(16, 115, 204, 0.1) !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree__branch-tap::after {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__branch-tap::after {
   background: linear-gradient(90deg, transparent, #1ebddb, transparent) !important;
 }
 
 /* ── Tree arrow ─────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree__arrow {
-  color: rgba(247, 250, 248, 0.28) !important;
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__arrow {
+  color: #b0bec5 !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-tree__row:hover .ecom-video-tree__arrow {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__row:hover .ecom-video-tree__arrow {
   color: #1ebddb !important;
 }
 
 /* ── Tree row empty ─────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-tree__row--empty.is-planning .ecom-video-tree-node {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-tree__row--empty.is-planning .ecom-video-tree-node {
   border-color: rgba(30, 189, 219, 0.15) !important;
 }
 
 /* ── Scrollbar ──────────────────────────────────── */
-.ecom-hot-video-workspace .ecom-video-scene-strip {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-scene-strip {
   scrollbar-color: rgba(255, 255, 255, 0.12) transparent !important;
 }
 
-.ecom-hot-video-workspace .ecom-video-scene-strip--text::-webkit-scrollbar-thumb {
+.ecommerce-standalone .ecom-hot-video-page .ecom-video-scene-strip--text::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.12) !important;
 }
 
@@ -5108,24 +5217,23 @@
   position: relative !important;
   display: grid !important;
   grid-template-columns: 350px minmax(0, 1fr) !important;
-  gap: 0 !important;
+  gap: 18px !important;
+  align-items: stretch !important;
   width: 100% !important;
   height: 100% !important;
-  min-height: 720px !important;
-  padding: 58px 0 0 !important;
+  min-height: calc(100vh - 58px) !important;
+  box-sizing: border-box !important;
+  padding: 18px !important;
   color: #172636 !important;
-  background: #ffffff !important;
+  background:
+    radial-gradient(circle at 54% 48%, rgba(30, 189, 219, 0.07), transparent 28rem),
+    #f8f9fa !important;
   font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
   animation: ecom-smart-page-enter 440ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
 }
 
 .ecommerce-standalone .ecom-image-workbench-nav {
-  position: absolute !important;
-  top: 14px !important;
-  left: 18px !important;
-  z-index: 8 !important;
-  display: inline-flex !important;
-  gap: 10px !important;
+  display: none !important;
 }
 
 .ecommerce-standalone .ecom-image-workbench-nav button,
@@ -5162,10 +5270,29 @@
   display: flex !important;
   flex-direction: column !important;
   gap: 12px !important;
+  height: 100% !important;
   min-height: 0 !important;
-  padding: 18px 16px 72px !important;
-  border-right: 1px solid rgba(15, 23, 42, 0.06) !important;
-  background: #ffffff !important;
+  padding: 18px 16px !important;
+  overflow: auto !important;
+  border: 1px solid rgba(16, 115, 204, 0.14) !important;
+  border-radius: 14px !important;
+  background:
+    linear-gradient(180deg, rgba(16, 115, 204, 0.055), transparent 180px),
+    #ffffff !important;
+  box-shadow: 0 14px 34px rgba(16, 115, 204, 0.08) !important;
+}
+
+.ecommerce-standalone .ecom-image-workbench-panel-head {
+  flex: 0 0 auto !important;
+  margin-bottom: 4px !important;
+}
+
+.ecommerce-standalone .ecom-image-workbench-intro {
+  margin: -2px 2px 2px !important;
+  color: #66798a !important;
+  font-size: 12px !important;
+  font-weight: 750 !important;
+  line-height: 1.65 !important;
 }
 
 .ecommerce-standalone .ecom-image-workbench-heading {
@@ -5203,10 +5330,12 @@
   display: grid !important;
   gap: 12px !important;
   padding: 14px !important;
-  border: 1px solid rgba(16, 115, 204, 0.1) !important;
+  border: 1px solid rgba(16, 115, 204, 0.14) !important;
   border-radius: 12px !important;
-  background: #ffffff !important;
-  box-shadow: 0 10px 28px rgba(16, 115, 204, 0.035) !important;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent),
+    #ffffff !important;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 10px 28px rgba(16, 115, 204, 0.035) !important;
 }
 
 .ecommerce-standalone .ecom-image-workbench-panel header {
@@ -5424,6 +5553,7 @@
   justify-content: center !important;
   gap: 9px !important;
   min-height: 48px !important;
+  width: 100% !important;
   margin-top: 2px !important;
   border: 0 !important;
   border-radius: 13px !important;
@@ -5444,8 +5574,13 @@
   display: grid !important;
   min-width: 0 !important;
   min-height: 0 !important;
-  padding: 18px 18px 18px 20px !important;
+  height: 100% !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  border: 1px solid rgba(16, 115, 204, 0.14) !important;
+  border-radius: 14px !important;
   background: #ffffff !important;
+  box-shadow: 0 14px 34px rgba(16, 115, 204, 0.08) !important;
 }
 
 .ecommerce-standalone .ecom-image-workbench-canvas {
@@ -5454,10 +5589,10 @@
   place-items: center !important;
   width: 100% !important;
   height: 100% !important;
-  min-height: 520px !important;
+  min-height: 0 !important;
   overflow: hidden !important;
-  border: 1px solid rgba(16, 115, 204, 0.1) !important;
-  border-radius: 16px !important;
+  border: 1px dashed rgba(30, 189, 219, 0.42) !important;
+  border-radius: 0 !important;
   background:
     radial-gradient(circle, rgba(30, 189, 219, 0.18) 1px, transparent 1px),
     linear-gradient(90deg, rgba(30, 189, 219, 0.04), rgba(16, 115, 204, 0.02)) !important;
@@ -5582,24 +5717,23 @@
   position: relative !important;
   display: grid !important;
   grid-template-columns: 350px minmax(0, 1fr) !important;
-  gap: 0 !important;
+  gap: 18px !important;
+  align-items: stretch !important;
   width: 100% !important;
   height: 100% !important;
-  min-height: 720px !important;
-  padding: 58px 0 0 !important;
+  min-height: calc(100vh - 58px) !important;
+  box-sizing: border-box !important;
+  padding: 18px !important;
   color: #172636 !important;
-  background: #ffffff !important;
+  background:
+    radial-gradient(circle at 54% 48%, rgba(30, 189, 219, 0.07), transparent 28rem),
+    #f8f9fa !important;
   font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
   animation: ecom-smart-page-enter 440ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
 }
 
 .ecommerce-standalone .ecom-watermark-nav {
-  position: absolute !important;
-  top: 14px !important;
-  left: 18px !important;
-  z-index: 8 !important;
-  display: inline-flex !important;
-  gap: 10px !important;
+  display: none !important;
 }
 
 .ecommerce-standalone .ecom-watermark-nav button,
@@ -5638,10 +5772,29 @@
   display: flex !important;
   flex-direction: column !important;
   gap: 12px !important;
+  height: 100% !important;
   min-height: 0 !important;
-  padding: 18px 16px 72px !important;
-  border-right: 1px solid rgba(15, 23, 42, 0.06) !important;
-  background: #ffffff !important;
+  padding: 18px 16px !important;
+  overflow: auto !important;
+  border: 1px solid rgba(16, 115, 204, 0.14) !important;
+  border-radius: 14px !important;
+  background:
+    linear-gradient(180deg, rgba(16, 115, 204, 0.055), transparent 180px),
+    #ffffff !important;
+  box-shadow: 0 14px 34px rgba(16, 115, 204, 0.08) !important;
+}
+
+.ecommerce-standalone .ecom-watermark-panel-head {
+  flex: 0 0 auto !important;
+  margin-bottom: 4px !important;
+}
+
+.ecommerce-standalone .ecom-watermark-intro {
+  margin: -2px 2px 2px !important;
+  color: #66798a !important;
+  font-size: 12px !important;
+  font-weight: 750 !important;
+  line-height: 1.65 !important;
 }
 
 .ecommerce-standalone .ecom-watermark-heading {
@@ -5680,10 +5833,12 @@
   display: grid !important;
   gap: 12px !important;
   padding: 14px !important;
-  border: 1px solid rgba(16, 115, 204, 0.1) !important;
+  border: 1px solid rgba(16, 115, 204, 0.14) !important;
   border-radius: 12px !important;
-  background: #ffffff !important;
-  box-shadow: 0 10px 28px rgba(16, 115, 204, 0.035) !important;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent),
+    #ffffff !important;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 10px 28px rgba(16, 115, 204, 0.035) !important;
 }
 
 .ecommerce-standalone .ecom-watermark-panel header {
@@ -5837,6 +5992,7 @@
   justify-content: center !important;
   gap: 9px !important;
   min-height: 48px !important;
+  width: 100% !important;
   margin-top: 2px !important;
   border: 0 !important;
   border-radius: 13px !important;
@@ -5858,8 +6014,13 @@
   place-items: stretch !important;
   min-width: 0 !important;
   min-height: 0 !important;
-  padding: 18px 18px 18px 20px !important;
+  height: 100% !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  border: 1px solid rgba(16, 115, 204, 0.14) !important;
+  border-radius: 14px !important;
   background: #ffffff !important;
+  box-shadow: 0 14px 34px rgba(16, 115, 204, 0.08) !important;
 }
 
 .ecommerce-standalone .ecom-watermark-dropzone {
@@ -5869,9 +6030,9 @@
   gap: 12px !important;
   width: 100% !important;
   height: 100% !important;
-  min-height: 420px !important;
+  min-height: 0 !important;
   border: 1px dashed rgba(30, 189, 219, 0.42) !important;
-  border-radius: 16px !important;
+  border-radius: 0 !important;
   color: #657686 !important;
   background: #fbfdff !important;
   text-align: center !important;
@@ -5919,9 +6080,9 @@
   height: 100% !important;
   overflow: hidden !important;
   border: 1px solid rgba(16, 115, 204, 0.1) !important;
-  border-radius: 16px !important;
+  border-radius: 0 !important;
   background: #ffffff !important;
-  box-shadow: 0 14px 38px rgba(16, 115, 204, 0.045) !important;
+  box-shadow: none !important;
 }
 
 .ecommerce-standalone .ecom-watermark-preview-card {
@@ -8746,6 +8907,8 @@
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview {
   background: #f8f9fa !important;
+  transition: padding-top 520ms cubic-bezier(0.16, 1, 0.3, 1),
+              background 640ms ease !important;
 }
 
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview[data-status="generating"],
@@ -9493,6 +9656,191 @@
   font-size: 14px !important;
 }
 
+/* ── Quick Page Responsive ── */
+@media (max-width: 1280px) {
+  .ecommerce-standalone .ecom-quick-set-body {
+    grid-template-columns: minmax(340px, 380px) minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar {
+    flex: 0 0 68px !important;
+    width: 68px !important;
+    padding: 14px 6px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button {
+    min-height: 54px !important;
+    gap: 3px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button .anticon {
+    font-size: 18px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button span:last-child {
+    font-size: 9px !important;
+  }
+}
+
+@media (max-width: 960px) {
+  .ecommerce-standalone .ecom-quick-set-body {
+    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar {
+    flex: 0 0 56px !important;
+    width: 56px !important;
+    padding: 10px 4px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button {
+    min-height: 48px !important;
+    padding: 6px 3px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button .anticon {
+    font-size: 16px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button span:last-child {
+    font-size: 8px !important;
+  }
+}
+
+@media (max-width: 720px) {
+  .ecommerce-standalone .ecom-quick-set-body {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-set-stage {
+    display: none !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar {
+    flex: 0 0 48px !important;
+    width: 48px !important;
+    padding: 8px 3px !important;
+    gap: 2px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button {
+    min-height: 42px !important;
+    padding: 4px 2px !important;
+    border-radius: 8px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button .anticon {
+    font-size: 14px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button span:last-child {
+    font-size: 7px !important;
+  }
+
+  .ecommerce-standalone .ecom-quick-page-sidebar button.is-active::before {
+    left: -1px !important;
+    width: 2px !important;
+    top: 8px !important;
+    bottom: 8px !important;
+  }
+}
+
+/* ── Hot Video Page Responsive ── */
+@media (max-width: 960px) {
+  .ecommerce-standalone .ecom-hot-video-body {
+    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-hot-video-nav {
+    padding: 6px 14px !important;
+    min-height: 44px !important;
+  }
+}
+
+@media (max-width: 720px) {
+  .ecommerce-standalone .ecom-hot-video-body {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-hot-video-settings {
+    max-height: 50vh !important;
+  }
+}
+
+/* ── Watermark / Image Workbench Page Responsive ── */
+@media (max-width: 960px) {
+  .ecommerce-standalone .ecom-watermark-grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+    gap: 14px !important;
+    padding: 16px !important;
+  }
+
+  .ecommerce-standalone .ecom-image-workbench-page .ecom-image-workbench-body {
+    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important;
+  }
+}
+
+@media (max-width: 720px) {
+  .ecommerce-standalone .ecom-watermark-page .ecom-quick-set-body {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-watermark-grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+    padding: 10px !important;
+    gap: 10px !important;
+  }
+
+  .ecommerce-standalone .ecom-watermark-preview-card {
+    padding: 12px !important;
+  }
+
+  .ecommerce-standalone .ecom-watermark-page .ecom-quick-set-stage {
+    display: none !important;
+  }
+
+  .ecommerce-standalone .ecom-image-workbench-page .ecom-image-workbench-body {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-image-workbench-page .ecom-image-workbench-stage {
+    display: none !important;
+  }
+}
+
+/* ── Smart Cutout Page Responsive ── */
+@media (max-width: 1280px) {
+  .ecommerce-standalone .ecom-smart-cutout-page .ecom-smart-editor {
+    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;
+  }
+}
+
+@media (max-width: 960px) {
+  .ecommerce-standalone .ecom-smart-cutout-page .ecom-smart-editor {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .ecommerce-standalone .ecom-smart-cutout-page .ecom-smart-editor__side {
+    order: 2 !important;
+    max-height: 40vh !important;
+  }
+
+  .ecommerce-standalone .ecom-smart-cutout-page .ecom-smart-editor__canvas {
+    order: 1 !important;
+  }
+
+  .ecommerce-standalone .ecom-smart-cutout-nav {
+    flex-wrap: wrap !important;
+    gap: 6px !important;
+  }
+}
+
+@media (max-width: 720px) {
+  .ecommerce-standalone .ecom-smart-editor__scenes {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+}
+
 @media (hover: none) {
   .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-thumb > button {
     opacity: 1 !important;
diff --git a/src/styles/pages/image-workbench.css b/src/styles/pages/image-workbench.css
index c5cb71a..3bc6670 100644
--- a/src/styles/pages/image-workbench.css
+++ b/src/styles/pages/image-workbench.css
@@ -579,6 +579,44 @@ textarea.image-workbench-prompt {
   background: rgba(var(--accent-rgb), 0.18) !important;
 }
 
+.image-workbench-page--image-tool .image-workbench-panel--left,
+.watermark-removal-page .image-workbench-panel--left {
+  margin: 12px 0 12px 12px;
+  border: 1px solid rgba(var(--accent-rgb), 0.14);
+  border-radius: 12px;
+  background:
+    linear-gradient(180deg, rgba(var(--accent-rgb), 0.06), transparent 180px),
+    var(--bg-elevated);
+  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
+}
+
+.image-workbench-page--image-tool .image-workbench-panel--left .image-workbench-control-card,
+.watermark-removal-page .image-workbench-panel--left .image-workbench-control-card {
+  border-color: rgba(var(--accent-rgb), 0.14);
+  border-radius: 10px;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
+    var(--bg-elevated);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+.image-workbench-page--image-tool .image-workbench-panel--left .image-workbench-upload,
+.watermark-removal-page .image-workbench-panel--left .image-workbench-upload,
+.image-workbench-page--image-tool .image-workbench-panel--left :where(input, textarea, select),
+.watermark-removal-page .image-workbench-panel--left :where(input, textarea, select) {
+  border-color: rgba(var(--accent-rgb), 0.18);
+  background:
+    linear-gradient(180deg, rgba(var(--accent-rgb), 0.035), transparent),
+    var(--bg-inset);
+}
+
+.image-workbench-page--image-tool .image-workbench-panel--left .image-workbench-actions,
+.watermark-removal-page .image-workbench-panel--left .image-workbench-actions {
+  margin-top: 2px;
+  padding-top: 12px;
+  border-top: 1px solid rgba(var(--accent-rgb), 0.12);
+}
+
 .image-workbench-canvas {
   display: flex;
   align-items: center;