From 96d335db8a0b563a8f0764d91cb2a6648685e513 Mon Sep 17 00:00:00 2001
From: ludan <251918489@qq.com>
Date: Mon, 15 Jun 2026 13:40:14 +0800
Subject: [PATCH] feat: add generation record detail workspace with AI
 conversation panel and canvas reset

- EcommercePage.tsx: Add isCloneConversationCollapsed state for toggling conversation sidebar; introduce isMainCloneWorkspace / isRecordDetailWorkspace derived flags to scope record-detail features to main clone tool only; compute currentResultCount, activeHistoryRecord, and currentResultThumbs for display; add canvas reset button (zoom=1, offset=0) in preview toolbar when viewing a history record; build AI conversation panel (clone-ai-conversation-panel) as left sidebar with:
  - Header showing record title, model/platform/language metadata, and collapse button
  - User message bubble with requirement text and uploaded asset thumbnails (up to 4 + overflow count)
  - Assistant message bubble with status-aware response text (done/generating/failed/idle), EcommerceProgressBar during generation, and clickable result thumbnails that open product set preview
  - Collapse/expand toggle button with MenuFoldOutlined / MenuUnfoldOutlined icons
- ecommerce-standalone.css (+1204 lines): Define record detail workspace layout (CSS grid: 352px chat column + fluid canvas); grid-pattern background with radial gradient accent; conversation panel styling with chat bubble cards, asset thumbnail grids, result thumbnail buttons, scrollable body; collapsed state (grid-template-columns: 0 1fr); toggle button positioning; responsive breakpoints for tablets and mobile with adjusted chat width and stacked layout
---
 src/features/ecommerce/EcommercePage.tsx |   85 +-
 src/styles/ecommerce-standalone.css      | 1201 ++++++++++++++++++++++
 2 files changed, 1285 insertions(+), 1 deletion(-)

diff --git a/src/features/ecommerce/EcommercePage.tsx b/src/features/ecommerce/EcommercePage.tsx
index 575f197..3098177 100644
--- a/src/features/ecommerce/EcommercePage.tsx
+++ b/src/features/ecommerce/EcommercePage.tsx
@@ -1474,6 +1474,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   const [cloneVideoDuration, setCloneVideoDuration] = useState(10);
   const [cloneVideoSmart, setCloneVideoSmart] = useState(true);
   const [isCloneSettingsCollapsed, setIsCloneSettingsCollapsed] = useState(false);
+  const [isCloneConversationCollapsed, setIsCloneConversationCollapsed] = useState(false);
   const [previewZoom, setPreviewZoom] = useState(1);
   const quickSetSelectTimerRef = useRef<number | null>(null);
   const openQuickSetSelectRef = useRef<CloneBasicSelectKey | null>(null);
@@ -4950,6 +4951,9 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
           <button type="button" onClick={() => setPreviewZoom((z) => Math.max(0.25, z - 0.1))} disabled={previewZoom <= 0.25} aria-label="缩小">-</button>
           <span>{Math.round(previewZoom * 100)}%</span>
           <button type="button" onClick={() => setPreviewZoom((z) => Math.min(2, z + 0.1))} disabled={previewZoom >= 2} aria-label="放大">+</button>
+          {activeHistoryRecordId ? (
+            <button type="button" onClick={() => { setPreviewZoom(1); setPreviewOffset({ x: 0, y: 0 }); }} aria-label="重置画布">重置</button>
+          ) : null}
         </div>
       </header>
 
@@ -6657,10 +6661,15 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
                     )
                         : clonePreview
           : placeholderPreview;
+  const isMainCloneWorkspace = isCloneTool && !isSmartCutoutTool && !isQuickDetailTool && !isWatermarkTool && !isTranslateTool && !isImageEditTool;
+  const isRecordDetailWorkspace = isMainCloneWorkspace && Boolean(activeHistoryRecordId);
+  const currentResultCount = canvasNodes.reduce((count, node) => count + node.results.length, 0);
+  const activeHistoryRecord = activeHistoryRecordId ? ecommerceHistoryRecords.find((record) => record.id === activeHistoryRecordId) : null;
+  const currentResultThumbs = canvasNodes.flatMap((node) => node.results).slice(0, 6);
 
   return (
     <section
-      className={`product-clone-page page-motion${isCloneTool && isCloneSettingsCollapsed ? " is-settings-collapsed" : ""}${isCloneTool && isCommandHistoryCollapsed ? " is-history-collapsed" : ""}${isCloneTool && activeHistoryRecordId ? " is-history-detail" : ""}${isSmartCutoutTool ? " is-smart-cutout-page" : ""}${isQuickDetailTool ? " is-quick-set-page" : ""}${isWatermarkTool ? " is-watermark-page" : ""}${isTranslateTool ? " is-translate-page" : ""}${isImageEditTool ? " is-image-workbench-page" : ""}`}
+      className={`product-clone-page page-motion${isCloneTool && isCloneSettingsCollapsed ? " is-settings-collapsed" : ""}${isCloneTool && isCommandHistoryCollapsed ? " is-history-collapsed" : ""}${isRecordDetailWorkspace && isCloneConversationCollapsed ? " is-conversation-collapsed" : ""}${isRecordDetailWorkspace ? " is-history-detail" : ""}${isSmartCutoutTool ? " is-smart-cutout-page" : ""}${isQuickDetailTool ? " is-quick-set-page" : ""}${isWatermarkTool ? " is-watermark-page" : ""}${isTranslateTool ? " is-translate-page" : ""}${isImageEditTool ? " is-image-workbench-page" : ""}`}
       data-tool={activeTool}
       aria-label={pageLabel}
     >
@@ -6698,6 +6707,80 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
           </button>
         ) : null}
 
+        {isRecordDetailWorkspace ? (
+          <>
+            <aside className="clone-ai-conversation-panel" aria-label="AI 对话">
+              <header className="clone-ai-conversation-head">
+                <div>
+                  <strong>{activeHistoryRecord?.title || "生成详情"}</strong>
+                  <span>{selectedCloneOutput.label} · {platform} · {language}</span>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => setIsCloneConversationCollapsed(true)}
+                  aria-label="收起对话"
+                  title="收起对话"
+                >
+                  <MenuFoldOutlined />
+                </button>
+              </header>
+              <div className="clone-ai-conversation-body">
+                <section className="clone-ai-chat-message clone-ai-chat-message--user">
+                  <span>需求</span>
+                  <p>{requirement.trim() || "上传商品素材，描述你想生成的商品图、详情图、模特图或短视频。"}</p>
+                  {productImages.length ? (
+                    <div className="clone-ai-chat-assets" aria-label="已上传素材">
+                      {productImages.slice(0, 4).map((image) => (
+                        <img key={image.id} src={image.src} alt={image.name || "商品素材"} />
+                      ))}
+                      {productImages.length > 4 ? <em>+{productImages.length - 4}</em> : null}
+                    </div>
+                  ) : null}
+                </section>
+                <section className={`clone-ai-chat-message clone-ai-chat-message--assistant is-${status}`}>
+                  <span>电商图设计师</span>
+                  <p>
+                    {status === "done" || currentResultCount > 0
+                      ? `已生成 ${currentResultCount || results.length || productSetResultImages.filter(Boolean).length} 张结果，可在画布中拖拽、缩放和预览。`
+                      : status === "generating"
+                        ? `正在为 ${platform} / ${market} 生成${selectedCloneOutput.label}，结果会自动出现在中间画布。`
+                        : status === "failed"
+                          ? "生成失败，请检查网络或参数后重试。"
+                          : "我会根据商品图、平台规则和提示词整理生成任务。"}
+                  </p>
+                  {status === "generating" ? (
+                    <EcommerceProgressBar status="generating" progress={generationProgress} onCancel={handleCancelGenerate} label={`${selectedCloneOutput.label}生成`} />
+                  ) : null}
+                  {currentResultThumbs.length ? (
+                    <div className="clone-ai-chat-results" aria-label="生成结果缩略图">
+                      {currentResultThumbs.map((item) => (
+                        <button
+                          key={item.id}
+                          type="button"
+                          onClick={() => openProductSetPreview(item)}
+                          aria-label={`预览${item.label}`}
+                        >
+                          <img src={item.src} alt={item.label} />
+                        </button>
+                      ))}
+                    </div>
+                  ) : null}
+                </section>
+              </div>
+            </aside>
+            <button
+              type="button"
+              className="clone-ai-conversation-toggle"
+              onClick={() => setIsCloneConversationCollapsed((current) => !current)}
+              aria-label={isCloneConversationCollapsed ? "展开对话" : "收起对话"}
+              title={isCloneConversationCollapsed ? "展开对话" : "收起对话"}
+              aria-expanded={!isCloneConversationCollapsed}
+            >
+              {isCloneConversationCollapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
+            </button>
+          </>
+        ) : null}
+
         {activePreview}
 
       </div>
diff --git a/src/styles/ecommerce-standalone.css b/src/styles/ecommerce-standalone.css
index 744be23..acd83f5 100644
--- a/src/styles/ecommerce-standalone.css
+++ b/src/styles/ecommerce-standalone.css
@@ -14081,3 +14081,1204 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
   margin: 0 !important;
   font-size: 22px !important;
 }
+
+/* Generation record detail workspace: left chat, center canvas, right history drawer. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+  --clone-chat-width: 352px;
+  --clone-chat-gap: 16px;
+  --clone-worktop: var(--ecommerce-topbar-height, 64px);
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-settings-collapsed > .product-clone-shell {
+  display: grid !important;
+  grid-template-columns: var(--clone-chat-width) minmax(0, 1fr) !important;
+  gap: 0 !important;
+  width: 100% !important;
+  min-height: calc(100vh - var(--clone-worktop)) !important;
+  overflow: hidden !important;
+  background:
+    radial-gradient(circle at 18% 10%, rgba(30, 189, 219, 0.08), transparent 28rem),
+    linear-gradient(rgba(16, 115, 204, 0.032) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(16, 115, 204, 0.032) 1px, transparent 1px),
+    #f7f9fb !important;
+  background-size: auto, 28px 28px, 28px 28px, auto !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell {
+  grid-template-columns: 0 minmax(0, 1fr) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-panel {
+  grid-column: 1 !important;
+  grid-row: 1 !important;
+  position: relative !important;
+  z-index: 70 !important;
+  display: grid !important;
+  grid-template-rows: auto minmax(0, 1fr) !important;
+  width: var(--clone-chat-width) !important;
+  min-width: var(--clone-chat-width) !important;
+  height: calc(100vh - var(--clone-worktop)) !important;
+  overflow: hidden !important;
+  border-right: 1px solid rgba(30, 189, 219, 0.16) !important;
+  background: rgba(253, 255, 255, 0.94) !important;
+  box-shadow: 18px 0 38px rgba(16, 115, 204, 0.08) !important;
+  backdrop-filter: blur(18px) !important;
+  -webkit-backdrop-filter: blur(18px) !important;
+  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-panel {
+  opacity: 0 !important;
+  transform: translateX(calc(-1 * var(--clone-chat-width))) !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  gap: 12px !important;
+  padding: 16px 16px 12px !important;
+  border-bottom: 1px solid rgba(30, 189, 219, 0.11) !important;
+  background:
+    linear-gradient(180deg, rgba(246, 252, 254, 0.96), rgba(253, 255, 255, 0.88)) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head > div {
+  display: grid !important;
+  gap: 4px !important;
+  min-width: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head strong {
+  overflow: hidden !important;
+  color: #10202c !important;
+  font-size: 15px !important;
+  font-weight: 780 !important;
+  line-height: 1.2 !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head span {
+  overflow: hidden !important;
+  color: #68818f !important;
+  font-size: 12px !important;
+  font-weight: 560 !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head button,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 38px !important;
+  height: 38px !important;
+  min-width: 38px !important;
+  min-height: 38px !important;
+  padding: 0 !important;
+  border: 1px solid rgba(30, 189, 219, 0.18) !important;
+  border-radius: 13px !important;
+  color: #10202c !important;
+  background: rgba(248, 253, 255, 0.88) !important;
+  box-shadow: 0 8px 20px rgba(16, 115, 204, 0.055) !important;
+  cursor: pointer !important;
+  transition: transform 180ms ease, border-color 200ms ease, background 200ms ease, color 200ms ease !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head button:hover,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle:hover {
+  border-color: rgba(30, 189, 219, 0.42) !important;
+  color: #1073cc !important;
+  background: rgba(30, 189, 219, 0.1) !important;
+  transform: translateY(-1px) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  position: fixed !important;
+  top: calc(var(--clone-worktop) + 16px) !important;
+  left: calc(var(--clone-chat-width) + 10px) !important;
+  z-index: 74 !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-toggle {
+  left: 14px !important;
+  opacity: 1 !important;
+  pointer-events: auto !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+  display: grid !important;
+  align-content: start !important;
+  gap: 14px !important;
+  min-height: 0 !important;
+  padding: 16px 16px 236px !important;
+  overflow-y: auto !important;
+  scrollbar-width: thin !important;
+  scrollbar-color: rgba(16, 115, 204, 0.18) transparent !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message {
+  display: grid !important;
+  gap: 9px !important;
+  max-width: 100% !important;
+  padding: 13px 14px !important;
+  border: 1px solid rgba(30, 189, 219, 0.12) !important;
+  border-radius: 16px !important;
+  background: #ffffff !important;
+  box-shadow: 0 10px 28px rgba(16, 115, 204, 0.055) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--user {
+  margin-left: 20px !important;
+  border-color: rgba(30, 189, 219, 0.2) !important;
+  background: linear-gradient(180deg, rgba(246, 252, 254, 0.98), #ffffff) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--assistant {
+  margin-right: 20px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message > span {
+  color: #0f829b !important;
+  font-size: 12px !important;
+  font-weight: 760 !important;
+  line-height: 1 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message p {
+  margin: 0 !important;
+  color: #253746 !important;
+  font-size: 13px !important;
+  font-weight: 520 !important;
+  line-height: 1.55 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message.is-generating {
+  border-color: rgba(16, 115, 204, 0.2) !important;
+  background: linear-gradient(180deg, rgba(239, 249, 255, 0.98), #ffffff) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message.is-failed {
+  border-color: rgba(255, 77, 79, 0.2) !important;
+  background: linear-gradient(180deg, rgba(255, 246, 246, 0.98), #ffffff) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets {
+  display: flex !important;
+  align-items: center !important;
+  gap: 8px !important;
+  min-width: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets img,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets em {
+  width: 42px !important;
+  height: 42px !important;
+  border: 1px solid rgba(30, 189, 219, 0.13) !important;
+  border-radius: 12px !important;
+  object-fit: cover !important;
+  background: #f6fbfd !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets em {
+  display: inline-grid !important;
+  place-items: center !important;
+  color: #68818f !important;
+  font-size: 12px !important;
+  font-style: normal !important;
+  font-weight: 760 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview {
+  grid-column: 2 !important;
+  grid-row: 1 !important;
+  display: grid !important;
+  grid-template-rows: auto minmax(0, 1fr) !important;
+  min-width: 0 !important;
+  min-height: calc(100vh - var(--clone-worktop)) !important;
+  height: calc(100vh - var(--clone-worktop)) !important;
+  padding: 72px 72px 86px 52px !important;
+  overflow: hidden !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background:
+    radial-gradient(circle at 20% 20%, rgba(30, 189, 219, 0.08), transparent 25rem),
+    radial-gradient(circle at 82% 32%, rgba(16, 115, 204, 0.055), transparent 25rem),
+    linear-gradient(rgba(16, 115, 204, 0.035) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(16, 115, 204, 0.035) 1px, transparent 1px),
+    #f7f9fb !important;
+  background-size: auto, auto, 28px 28px, 28px 28px, auto !important;
+  box-shadow: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header {
+  position: fixed !important;
+  left: calc(50vw + 176px) !important;
+  bottom: 18px !important;
+  z-index: 58 !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  gap: 12px !important;
+  width: auto !important;
+  min-width: 0 !important;
+  padding: 8px 10px 8px 14px !important;
+  border: 1px solid rgba(30, 189, 219, 0.14) !important;
+  border-radius: 16px !important;
+  background: rgba(255, 255, 255, 0.94) !important;
+  box-shadow: 0 18px 42px rgba(16, 115, 204, 0.11) !important;
+  transform: translateX(-50%) !important;
+  backdrop-filter: blur(16px) !important;
+  -webkit-backdrop-filter: blur(16px) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-preview-header {
+  left: 50% !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header > strong {
+  color: #10202c !important;
+  font-size: 13px !important;
+  font-weight: 780 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header > span {
+  max-width: 360px !important;
+  overflow: hidden !important;
+  color: #68818f !important;
+  font-size: 12px !important;
+  font-weight: 540 !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-zoom {
+  display: inline-flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-zoom button {
+  width: auto !important;
+  min-width: 30px !important;
+  height: 30px !important;
+  min-height: 30px !important;
+  padding: 0 9px !important;
+  border: 1px solid rgba(30, 189, 219, 0.16) !important;
+  border-radius: 10px !important;
+  color: #253746 !important;
+  background: #f8fdff !important;
+  box-shadow: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-zoom span {
+  min-width: 44px !important;
+  color: #253746 !important;
+  font-size: 12px !important;
+  font-weight: 760 !important;
+  text-align: center !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview[data-status="done"],
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview[data-status="done"]:has(.ecom-command-composer-wrap:not(.is-compact)) {
+  padding-top: 72px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-zoom-wrap {
+  grid-row: 2 !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: max-content !important;
+  min-width: 100% !important;
+  min-height: calc(100vh - var(--clone-worktop) - 158px) !important;
+  margin: 0 !important;
+  transform-origin: 50% 50% !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-canvas-nodes {
+  display: block !important;
+  min-width: 1040px !important;
+  min-height: 380px !important;
+  padding: 24px 32px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-canvas-node {
+  border-color: rgba(30, 189, 219, 0.15) !important;
+  border-radius: 18px !important;
+  background: rgba(255, 255, 255, 0.96) !important;
+  box-shadow: 0 20px 54px rgba(16, 115, 204, 0.1) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap {
+  position: fixed !important;
+  top: auto !important;
+  right: auto !important;
+  bottom: 16px !important;
+  left: 16px !important;
+  z-index: 76 !important;
+  display: grid !important;
+  align-content: start !important;
+  gap: 10px !important;
+  width: calc(var(--clone-chat-width) - 32px) !important;
+  max-width: calc(var(--clone-chat-width) - 32px) !important;
+  max-height: min(430px, calc(100vh - var(--clone-worktop) - 132px)) !important;
+  padding: 0 !important;
+  overflow: visible !important;
+  transform: none !important;
+  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .ecom-command-composer-wrap {
+  opacity: 0 !important;
+  transform: translateX(calc(-1 * var(--clone-chat-width))) !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated {
+  top: auto !important;
+  transform: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .ecom-command-composer-wrap.has-generated {
+  transform: translateX(calc(-1 * var(--clone-chat-width))) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-title {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs {
+  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
+  gap: 6px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs button {
+  min-height: 38px !important;
+  padding: 0 7px !important;
+  border-radius: 13px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs .ecom-command-mode-icon {
+  width: 22px !important;
+  height: 22px !important;
+  min-width: 22px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs strong {
+  font-size: 12px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-input-wrapper.ecom-command-composer,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover),
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .clone-ai-input-wrapper.ecom-command-composer,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
+  min-height: 0 !important;
+  max-height: none !important;
+  padding: 14px !important;
+  row-gap: 10px !important;
+  border: 1px solid rgba(30, 189, 219, 0.16) !important;
+  border-radius: 18px !important;
+  background: rgba(255, 255, 255, 0.94) !important;
+  box-shadow: 0 16px 42px rgba(16, 115, 204, 0.1) !important;
+  backdrop-filter: blur(18px) !important;
+  -webkit-backdrop-filter: blur(18px) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer textarea,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) > textarea,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .ecom-command-composer textarea {
+  min-height: 72px !important;
+  max-height: 108px !important;
+  padding: 0 !important;
+  color: #10202c !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  white-space: normal !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-quick-board,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-inspiration-lab {
+  display: none !important;
+}
+
+@media (max-width: 1180px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: 328px;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview {
+    padding-right: 36px !important;
+    padding-left: 38px !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header > span {
+    display: none !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header {
+    left: calc(50vw + 164px) !important;
+  }
+}
+
+@media (max-width: 900px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: min(86vw, 344px);
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-settings-collapsed > .product-clone-shell {
+    grid-template-columns: 0 minmax(0, 1fr) !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-panel {
+    position: fixed !important;
+    top: var(--clone-worktop) !important;
+    left: 0 !important;
+    width: var(--clone-chat-width) !important;
+    min-width: var(--clone-chat-width) !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail:not(.is-conversation-collapsed) .clone-ai-conversation-toggle {
+    left: calc(var(--clone-chat-width) + 10px) !important;
+    opacity: 1 !important;
+    pointer-events: auto !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview {
+    grid-column: 2 !important;
+    padding: 66px 20px 86px !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap {
+    width: calc(var(--clone-chat-width) - 32px) !important;
+    max-width: calc(var(--clone-chat-width) - 32px) !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail:not(.is-conversation-collapsed) .ecom-command-composer-wrap {
+    opacity: 1 !important;
+    pointer-events: auto !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-preview-header {
+    left: 50% !important;
+  }
+}
+
+/* Record detail refinement: no floating preview card; left drawer behaves like the right history drawer. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+  --clone-chat-width: 292px;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-settings-collapsed > .product-clone-shell,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell {
+  grid-template-columns: minmax(0, 1fr) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-panel {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  bottom: 0 !important;
+  z-index: 90 !important;
+  width: var(--clone-chat-width) !important;
+  min-width: var(--clone-chat-width) !important;
+  height: auto !important;
+  grid-template-rows: auto minmax(0, 1fr) !important;
+  border-right: 1px solid rgba(30, 189, 219, 0.18) !important;
+  background: rgba(254, 255, 255, 0.96) !important;
+  box-shadow: 18px 0 42px rgba(16, 115, 204, 0.08) !important;
+  transform: translateX(0) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-panel {
+  opacity: 1 !important;
+  transform: translateX(-100%) !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head {
+  min-height: 62px !important;
+  padding: 12px 12px 10px !important;
+  border-bottom: 0 !important;
+  background: transparent !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head > button {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head > div {
+  width: 100% !important;
+  padding: 12px 12px !important;
+  border: 1px solid rgba(30, 189, 219, 0.14) !important;
+  border-radius: 14px !important;
+  background: #f8f9fa !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+  gap: 10px !important;
+  padding: 0 12px 230px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--user,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--assistant {
+  margin: 0 !important;
+  padding: 12px 12px !important;
+  border-radius: 14px !important;
+  box-shadow: 0 8px 20px rgba(16, 115, 204, 0.045) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview {
+  grid-column: 1 !important;
+  min-height: calc(100vh - var(--clone-worktop)) !important;
+  height: calc(100vh - var(--clone-worktop)) !important;
+  padding: 72px 84px 72px 84px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview-header {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  position: fixed !important;
+  top: 50% !important;
+  left: var(--clone-chat-width) !important;
+  z-index: 100 !important;
+  width: 42px !important;
+  height: 42px !important;
+  min-width: 42px !important;
+  min-height: 42px !important;
+  border-radius: 0 15px 15px 0 !important;
+  opacity: 1 !important;
+  pointer-events: auto !important;
+  transform: translateY(-50%) !important;
+  background: #feffff !important;
+  box-shadow: 0 16px 34px rgba(16, 115, 204, 0.14) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-toggle {
+  left: 0 !important;
+  opacity: 1 !important;
+  pointer-events: auto !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap {
+  position: fixed !important;
+  top: auto !important;
+  left: 12px !important;
+  bottom: 12px !important;
+  z-index: 96 !important;
+  width: calc(var(--clone-chat-width) - 24px) !important;
+  max-width: calc(var(--clone-chat-width) - 24px) !important;
+  max-height: none !important;
+  gap: 8px !important;
+  border: 1px solid rgba(30, 189, 219, 0.14) !important;
+  border-radius: 18px !important;
+  background: #ffffff !important;
+  box-shadow: 0 16px 36px rgba(16, 115, 204, 0.1) !important;
+  transform: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .ecom-command-composer-wrap,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .ecom-command-composer-wrap.has-generated {
+  opacity: 0 !important;
+  transform: translateX(-100%) !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs {
+  display: flex !important;
+  gap: 4px !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  padding: 8px 8px 0 !important;
+  overflow-x: auto !important;
+  border-radius: 16px 16px 0 0 !important;
+  background: transparent !important;
+  scrollbar-width: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs::-webkit-scrollbar {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs button {
+  flex: 0 0 auto !important;
+  width: auto !important;
+  min-width: 42px !important;
+  min-height: 34px !important;
+  padding: 0 9px !important;
+  border-radius: 12px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs .ecom-command-mode-icon {
+  width: 20px !important;
+  height: 20px !important;
+  min-width: 20px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-mode-tabs strong {
+  max-width: 30px !important;
+  overflow: hidden !important;
+  font-size: 12px !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-input-wrapper.ecom-command-composer,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover),
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .clone-ai-input-wrapper.ecom-command-composer,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
+  padding: 8px 12px 12px !important;
+  border: 0 !important;
+  border-radius: 0 0 18px 18px !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-option-row.ecom-command-option-row--settings {
+  display: flex !important;
+  flex-wrap: nowrap !important;
+  gap: 6px !important;
+  overflow-x: auto !important;
+  padding-bottom: 2px !important;
+  scrollbar-width: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-option-row.ecom-command-option-row--settings::-webkit-scrollbar {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-option-row.ecom-command-option-row--settings button {
+  flex: 0 0 auto !important;
+  min-height: 32px !important;
+  max-width: 118px !important;
+  padding: 0 8px !important;
+  border-radius: 11px !important;
+  font-size: 12px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-composer textarea,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) > textarea {
+  min-height: 48px !important;
+  max-height: 82px !important;
+  font-size: 13px !important;
+  line-height: 1.45 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-toolbar {
+  min-height: 44px !important;
+  padding-top: 8px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .ecom-command-reference.ecom-command-reference--bottom {
+  height: 34px !important;
+  min-height: 34px !important;
+  padding: 0 10px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-send-button.ecom-command-send {
+  width: 42px !important;
+  height: 42px !important;
+  min-width: 42px !important;
+  min-height: 42px !important;
+  border-radius: 14px !important;
+}
+
+@media (max-width: 900px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: min(84vw, 292px);
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-preview {
+    padding: 56px 22px 72px !important;
+  }
+}
+
+/* Detail drawer final alignment: top toggle, wider chat, composer belongs to chat drawer. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+  --clone-chat-width: 360px;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-panel {
+  width: var(--clone-chat-width) !important;
+  min-width: var(--clone-chat-width) !important;
+  grid-template-rows: auto minmax(0, 1fr) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+  min-height: 0 !important;
+  max-height: none !important;
+  overflow-y: auto !important;
+  overscroll-behavior: contain !important;
+  padding: 0 14px 238px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-results {
+  display: grid !important;
+  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  gap: 8px !important;
+  margin-top: 2px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-results button {
+  display: block !important;
+  width: 100% !important;
+  aspect-ratio: 1 / 1 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  border: 1px solid rgba(30, 189, 219, 0.14) !important;
+  border-radius: 12px !important;
+  background: #f6fbfd !important;
+  box-shadow: 0 8px 18px rgba(16, 115, 204, 0.055) !important;
+  cursor: pointer !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-results img {
+  display: block !important;
+  width: 100% !important;
+  height: 100% !important;
+  object-fit: cover !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  top: calc(var(--clone-worktop, 64px) + 18px) !important;
+  left: var(--clone-chat-width) !important;
+  border-radius: 0 15px 15px 0 !important;
+  transform: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-toggle {
+  top: calc(var(--clone-worktop, 64px) + 18px) !important;
+  left: 0 !important;
+  transform: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap.has-generated,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap.has-generated.is-compact {
+  position: fixed !important;
+  inset: auto auto 14px 14px !important;
+  z-index: 96 !important;
+  display: grid !important;
+  width: calc(var(--clone-chat-width) - 28px) !important;
+  max-width: calc(var(--clone-chat-width) - 28px) !important;
+  min-width: 0 !important;
+  max-height: 220px !important;
+  gap: 8px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 1px solid rgba(30, 189, 219, 0.14) !important;
+  border-radius: 18px !important;
+  background: rgba(255, 255, 255, 0.96) !important;
+  box-shadow: 0 16px 36px rgba(16, 115, 204, 0.1) !important;
+  opacity: 1 !important;
+  transform: none !important;
+  pointer-events: auto !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap.has-generated,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap.has-generated.is-compact {
+  display: none !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap .ecom-command-mode-tabs {
+  display: flex !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  overflow-x: auto !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap .clone-ai-input-wrapper.ecom-command-composer {
+  min-height: 0 !important;
+  padding: 8px 12px 12px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.clone-ai-preview > section.ecom-command-composer-wrap .ecom-command-asset-popover {
+  max-width: 100% !important;
+}
+
+@media (max-width: 900px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: min(88vw, 360px);
+  }
+}
+
+/* Detail composer final form: a chat input, not the pre-generation command panel. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+  --clone-chat-width: 380px;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+  padding-bottom: 106px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-panel {
+  overflow: hidden !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  top: calc(var(--clone-worktop, 64px) + 14px) !important;
+  left: var(--clone-chat-width) !important;
+  width: 44px !important;
+  height: 44px !important;
+  min-width: 44px !important;
+  min-height: 44px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-toggle {
+  left: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.has-generated,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.has-generated.is-compact {
+  position: fixed !important;
+  inset: auto auto 14px 14px !important;
+  z-index: 120 !important;
+  display: block !important;
+  width: calc(var(--clone-chat-width) - 28px) !important;
+  min-width: 0 !important;
+  max-width: calc(var(--clone-chat-width) - 28px) !important;
+  height: auto !important;
+  min-height: 0 !important;
+  max-height: 88px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: visible !important;
+  border: 1px solid rgba(30, 189, 219, 0.16) !important;
+  border-radius: 22px !important;
+  background: rgba(255, 255, 255, 0.97) !important;
+  box-shadow: 0 18px 40px rgba(16, 115, 204, 0.12) !important;
+  opacity: 1 !important;
+  transform: none !important;
+  pointer-events: auto !important;
+  backdrop-filter: blur(16px) !important;
+  -webkit-backdrop-filter: blur(16px) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.is-before-generate,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.has-generated,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.has-generated.is-compact {
+  display: none !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-mode-tabs,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-option-row.ecom-command-option-row--settings,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-asset-popover {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .clone-ai-input-wrapper.ecom-command-composer,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
+  display: grid !important;
+  grid-template-columns: 42px minmax(0, 1fr) 46px !important;
+  grid-template-rows: minmax(44px, auto) !important;
+  align-items: end !important;
+  column-gap: 8px !important;
+  min-height: 0 !important;
+  max-height: none !important;
+  padding: 10px !important;
+  overflow: visible !important;
+  border: 0 !important;
+  border-radius: 22px !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap textarea {
+  grid-column: 2 !important;
+  grid-row: 1 !important;
+  width: 100% !important;
+  min-width: 0 !important;
+  min-height: 42px !important;
+  max-height: 72px !important;
+  padding: 11px 0 9px !important;
+  overflow-y: auto !important;
+  color: #10202c !important;
+  font-size: 14px !important;
+  line-height: 1.45 !important;
+  white-space: normal !important;
+  resize: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap textarea::placeholder {
+  color: rgba(104, 129, 143, 0.68) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-toolbar {
+  display: contents !important;
+  min-height: 0 !important;
+  height: auto !important;
+  padding: 0 !important;
+  border: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-composer-actions {
+  grid-column: 1 !important;
+  grid-row: 1 !important;
+  display: grid !important;
+  place-items: center !important;
+  width: 42px !important;
+  min-width: 42px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-submit-row {
+  grid-column: 3 !important;
+  grid-row: 1 !important;
+  display: grid !important;
+  place-items: center !important;
+  width: 46px !important;
+  min-width: 46px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-reference.ecom-command-reference--bottom {
+  width: 42px !important;
+  min-width: 42px !important;
+  height: 42px !important;
+  min-height: 42px !important;
+  padding: 0 !important;
+  border-radius: 15px !important;
+  background: rgba(232, 249, 253, 0.88) !important;
+  color: #0f829b !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-reference.ecom-command-reference--bottom strong {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-reference.ecom-command-reference--bottom > span {
+  width: 20px !important;
+  min-width: 20px !important;
+  height: 20px !important;
+  font-size: 18px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .clone-ai-send-button.ecom-command-send {
+  width: 46px !important;
+  min-width: 46px !important;
+  height: 46px !important;
+  min-height: 46px !important;
+  border-radius: 16px !important;
+  font-size: 16px !important;
+  box-shadow: 0 12px 24px rgba(16, 115, 204, 0.22) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap .ecom-command-popover {
+  bottom: calc(100% + 10px) !important;
+  left: 0 !important;
+  top: auto !important;
+  width: min(360px, calc(100vw - 28px)) !important;
+  max-width: min(360px, calc(100vw - 28px)) !important;
+  max-height: min(56vh, 420px) !important;
+  overflow: auto !important;
+  border-radius: 16px !important;
+  transform: none !important;
+}
+
+@media (max-width: 900px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: min(92vw, 380px);
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+    padding-bottom: 100px !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap {
+    left: 10px !important;
+    bottom: 10px !important;
+    width: calc(var(--clone-chat-width) - 20px) !important;
+    max-width: calc(var(--clone-chat-width) - 20px) !important;
+    border-radius: 20px !important;
+  }
+}
+
+/* Record detail composer interaction: compact chat bar by default, full controls on focus/open. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head {
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) 40px !important;
+  align-items: center !important;
+  gap: 8px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head > button {
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 40px !important;
+  height: 40px !important;
+  min-width: 40px !important;
+  min-height: 40px !important;
+  padding: 0 !important;
+  border: 1px solid rgba(30, 189, 219, 0.18) !important;
+  border-radius: 13px !important;
+  color: #10202c !important;
+  background: #f8fdff !important;
+  box-shadow: 0 8px 20px rgba(16, 115, 204, 0.055) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-toggle {
+  display: inline-flex !important;
+  top: calc(var(--clone-worktop, 64px) + 14px) !important;
+  left: 0 !important;
+  border-radius: 0 15px 15px 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail:has(.ecom-command-composer-wrap:not(.is-compact)) .clone-ai-conversation-body {
+  padding-bottom: 390px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.has-generated.is-compact,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.is-before-generate.is-compact {
+  max-height: 88px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) {
+  max-height: min(430px, calc(100vh - var(--clone-worktop, 64px) - 34px)) !important;
+  overflow: visible !important;
+  border-radius: 20px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.is-compact .ecom-command-mode-tabs,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.is-compact .ecom-command-option-row.ecom-command-option-row--settings,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap.is-compact .ecom-command-asset-popover {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-mode-tabs {
+  display: flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+  width: 100% !important;
+  padding: 10px 10px 0 !important;
+  overflow-x: auto !important;
+  border-radius: 20px 20px 0 0 !important;
+  background: transparent !important;
+  scrollbar-width: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-mode-tabs::-webkit-scrollbar {
+  display: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-mode-tabs button {
+  flex: 0 0 auto !important;
+  min-width: 72px !important;
+  min-height: 36px !important;
+  padding: 0 10px !important;
+  border-radius: 13px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-mode-tabs strong {
+  display: inline !important;
+  max-width: none !important;
+  overflow: visible !important;
+  font-size: 12px !important;
+  text-overflow: clip !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .clone-ai-input-wrapper.ecom-command-composer,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) !important;
+  grid-auto-rows: auto !important;
+  row-gap: 10px !important;
+  padding: 10px 12px 12px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-option-row.ecom-command-option-row--settings {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  align-items: center !important;
+  gap: 6px !important;
+  width: 100% !important;
+  overflow: visible !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-option-row.ecom-command-option-row--settings button {
+  flex: 1 1 calc(50% - 4px) !important;
+  min-width: 0 !important;
+  max-width: none !important;
+  min-height: 34px !important;
+  justify-content: flex-start !important;
+  padding: 0 9px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-asset-popover {
+  display: flex !important;
+  max-width: 100% !important;
+  min-height: 44px !important;
+  max-height: 52px !important;
+  overflow-x: auto !important;
+  scrollbar-width: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) textarea {
+  min-height: 74px !important;
+  max-height: 110px !important;
+  padding: 4px 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-toolbar {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  gap: 10px !important;
+  padding-top: 8px !important;
+  border-top: 1px solid rgba(30, 189, 219, 0.1) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-composer-actions,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-submit-row {
+  display: flex !important;
+  width: auto !important;
+  min-width: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-reference.ecom-command-reference--bottom {
+  width: auto !important;
+  min-width: 0 !important;
+  height: 36px !important;
+  min-height: 36px !important;
+  padding: 0 11px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .ecom-command-reference.ecom-command-reference--bottom strong {
+  display: inline !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail > .product-clone-shell > main.product-clone-preview.clone-ai-preview > section.clone-ai-bottom-input.ecom-command-composer-wrap:not(.is-compact) .clone-ai-send-button.ecom-command-send {
+  width: 44px !important;
+  min-width: 44px !important;
+  height: 44px !important;
+  min-height: 44px !important;
+}