@media (max-width: 640px) {
html body .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover {
position: absolute !important;
inset: calc(100% + 12px) auto auto 0 !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
max-height: min(280px, calc(100dvh - 150px)) !important;
overflow: auto !important;
animation: none !important;
transform: none !important;
translate: none !important;
}
html body .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--grid,
html body .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--list,
html body .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--languages {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-title.ecom-command-title {
max-width: min(100%, 520px) !important;
min-height: 2.28em !important;
background:
linear-gradient(96deg, #10202c 0%, #164359 36%, #0f829b 68%, #18bfd2 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
font-size: clamp(29px, 7.8vw, 34px) !important;
line-height: 1.14 !important;
text-shadow: 0 18px 46px rgba(15, 130, 155, 0.13) !important;
text-wrap: balance;
white-space: normal !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-upload-inline {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row {
max-width: 100% !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button:not(.ecom-command-reference--inline) > span:not(.ecom-command-option-icon),
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference--inline strong {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row .ecom-command-option-icon,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference--inline > span {
display: inline-flex !important;
width: 26px !important;
height: 26px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover {
position: absolute !important;
inset: calc(100% + 12px) auto auto 0 !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
max-height: min(280px, calc(100dvh - 150px)) !important;
overflow: auto !important;
animation: none !important;
transform: none !important;
translate: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--settings {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
align-content: start !important;
gap: 10px !important;
max-height: min(360px, 42dvh) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
padding: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings header {
display: flex !important;
grid-column: 1 / -1 !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
min-width: 0 !important;
margin: 0 0 2px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings > .ecom-command-count-row {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
width: 100% !important;
min-width: 0 !important;
min-height: 78px !important;
align-items: center !important;
gap: 10px !important;
padding: 12px !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-count-row > span {
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-count-row > span strong,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-count-row > span em {
display: block !important;
max-width: 100% !important;
overflow: hidden !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"] .ecom-command-count-row > div {
display: grid !important;
grid-template-columns: 34px 24px 34px !important;
align-items: center !important;
justify-content: end !important;
gap: 6px !important;
min-width: 98px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-count-row > div button {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 999px !important;
font-size: 16px !important;
line-height: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-count-row > div b {
min-width: 24px !important;
text-align: center !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-module-grid,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-module-grid--detail,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-module-grid--model,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-module-grid--video,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-hot-levels {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
min-width: 0 !important;
max-height: none !important;
overflow: visible !important;
gap: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-module-grid button,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-hot-levels button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 44px !important;
overflow: hidden !important;
white-space: normal !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-hot-layout {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
width: 100% !important;
min-width: 0 !important;
gap: 10px !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings .ecom-command-hot-upload {
width: 100% !important;
min-width: 0 !important;
min-height: 132px !important;
max-width: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-model-profile {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-model-profile section > div {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
min-width: 0 !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-model-profile button {
flex: 1 1 calc(50% - 6px) !important;
min-width: 0 !important;
max-width: none !important;
}
}
@media (max-width: 420px) {
.ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-title.ecom-command-title {
font-size: clamp(24px, 7.2vw, 30px) !important;
}
.ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
padding: 14px !important;
}
.ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button,
.ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-upload-inline {
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
font-size: 0 !important;
}
}
@media (max-width: 420px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-title.ecom-command-title {
font-size: clamp(25px, 8vw, 30px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row {
grid-template-columns: repeat(6, minmax(0, clamp(38px, 10.6vw, 42px))) !important;
gap: 7px !important;
justify-content: center !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-upload-inline {
width: clamp(38px, 10.6vw, 42px) !important;
min-width: 0 !important;
max-width: 42px !important;
height: clamp(38px, 10.6vw, 42px) !important;
min-height: clamp(38px, 10.6vw, 42px) !important;
}
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover.ecom-command-popover--settings,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover.ecom-command-popover--settings-set,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover.ecom-command-popover--settings-model,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover.ecom-command-popover--settings-hot {
inset: calc(100% + 12px) auto auto 0 !important;
left: 0 !important;
right: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: none !important;
translate: none !important;
}
}
/* #/imageWorkbench mid-size refinement: keep the composer and floating panels balanced on tablet/small desktop widths. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline {
position: relative !important;
flex: 0 0 48px !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
justify-content: center !important;
gap: 0 !important;
padding: 0 !important;
border-radius: 17px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline > span {
width: 0 !important;
min-width: 0 !important;
height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
border: 0 !important;
background: transparent !important;
color: transparent !important;
font-size: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline .anticon {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline strong {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline::before {
content: "+" !important;
display: inline-grid !important;
width: 24px !important;
height: 24px !important;
place-items: center !important;
border-radius: 10px !important;
background: linear-gradient(180deg, rgba(235, 252, 255, 0.96), rgba(218, 245, 250, 0.9)) !important;
color: #0f829b !important;
font-size: 22px !important;
font-weight: 760 !important;
line-height: 1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}
@media (min-width: 641px) and (max-width: 1280px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(1080px, calc(100vw - 96px)) !important;
gap: clamp(14px, 2.2vh, 20px) !important;
padding-inline: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
width: 100% !important;
min-height: clamp(258px, 40vh, 304px) !important;
padding: clamp(18px, 2.8vw, 24px) !important;
border-radius: 26px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer textarea {
min-height: clamp(76px, 14vh, 104px) !important;
max-height: clamp(104px, 18vh, 136px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-toolbar {
align-items: end !important;
gap: 12px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
max-width: min(100%, 660px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button:not(.ecom-command-reference--inline) {
min-height: 44px !important;
padding-inline: 12px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover {
inset: calc(100% + 14px) auto auto 0 !important;
left: 0 !important;
right: auto !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
max-height: min(386px, max(220px, calc(100dvh - 470px))) !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-radius: 24px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 252, 254, 0.94)) !important;
box-shadow:
0 30px 76px rgba(16, 115, 204, 0.17),
inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
transform: none !important;
translate: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--languages {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--languages button {
display: grid !important;
min-height: 68px !important;
align-content: center !important;
gap: 5px !important;
padding: 11px 12px !important;
border-radius: 16px !important;
text-align: center !important;
white-space: normal !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--languages button strong,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--languages button span {
min-width: 0 !important;
overflow: hidden !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"] .ecom-command-popover.ecom-command-popover--settings {
display: grid !important;
gap: 14px !important;
padding: 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-hot .ecom-command-hot-layout {
display: grid !important;
grid-template-columns: minmax(260px, 1.08fr) minmax(220px, 0.72fr) !important;
gap: 14px !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-hot .ecom-command-hot-upload {
min-height: 188px !important;
border-radius: 18px !important;
background:
linear-gradient(180deg, rgba(250, 254, 255, 0.96), rgba(238, 250, 253, 0.84)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-hot .ecom-command-hot-levels {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-hot .ecom-command-hot-levels button {
min-height: 88px !important;
align-content: center !important;
padding: 16px !important;
border-radius: 18px !important;
text-align: left !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model {
grid-template-columns: minmax(230px, 0.82fr) minmax(0, 1.18fr) !important;
align-items: start !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model header {
grid-column: 1 / -1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile {
grid-column: 1 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-height: 286px !important;
overflow-y: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model {
grid-column: 2 !important;
grid-row: 2 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
min-width: 0 !important;
max-height: 286px !important;
overflow-y: auto !important;
gap: 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-model-profile section > div {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-model-profile button {
flex: 1 1 auto !important;
min-width: max-content !important;
max-width: 100% !important;
}
}
@media (min-width: 641px) and (max-width: 760px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover.ecom-command-popover--languages {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-hot .ecom-command-hot-layout,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model {
grid-template-columns: minmax(0, 1fr) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model {
grid-column: 1 !important;
grid-row: auto !important;
}
}
/* #/imageWorkbench targeted polish: compact setting panels and align the history trigger with the panel top. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-char-count {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings {
box-sizing: border-box !important;
width: min(432px, calc(100vw - 48px)) !important;
min-width: 0 !important;
max-width: min(432px, calc(100vw - 48px)) !important;
max-height: min(420px, calc(100dvh - 220px)) !important;
gap: 10px !important;
padding: 14px !important;
border-radius: 20px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-set {
width: min(396px, calc(100vw - 48px)) !important;
max-width: min(396px, calc(100vw - 48px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-set > .ecom-command-count-row {
min-height: 60px !important;
gap: 8px !important;
padding: 10px 11px !important;
border-radius: 15px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-set .ecom-command-count-row > span strong {
font-size: 13px !important;
line-height: 1.35 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-set .ecom-command-count-row > span em {
font-size: 11px !important;
line-height: 1.35 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-set .ecom-command-count-row > div {
grid-template-columns: 28px 22px 28px !important;
gap: 5px !important;
min-width: 86px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-set .ecom-command-count-row > div button {
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
font-size: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-model {
width: min(508px, calc(100vw - 48px)) !important;
max-width: min(508px, calc(100vw - 48px)) !important;
grid-template-columns: minmax(172px, 0.78fr) minmax(0, 1fr) !important;
align-items: start !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model header {
grid-column: 1 / -1 !important;
margin-bottom: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile {
grid-column: 1 !important;
grid-row: 2 !important;
max-height: 270px !important;
padding-right: 2px !important;
overflow-y: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section {
gap: 7px !important;
padding: 9px 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section > span {
font-size: 12px !important;
line-height: 30px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section > div {
gap: 6px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile button {
min-height: 30px !important;
padding: 0 10px !important;
border-radius: 999px !important;
font-size: 12px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model {
grid-column: 2 !important;
grid-row: 2 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
max-height: 270px !important;
overflow-y: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model button {
min-height: 38px !important;
padding: 0 10px !important;
border-radius: 13px !important;
text-align: center !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__toggle .anticon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
line-height: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-collapsed .ecom-command-history__toggle.ecom-command-history__toggle {
top: 16px !important;
transform: none !important;
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-set,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-model {
width: 100% !important;
max-width: 100% !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model {
grid-template-columns: minmax(0, 1fr) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model {
grid-column: 1 !important;
grid-row: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-collapsed .ecom-command-history__toggle.ecom-command-history__toggle {
top: 12px !important;
}
}
/* #/imageWorkbench follow-up polish: larger adaptive composer, cleaner model panel, and livelier history handle. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(1128px, calc(100vw - 120px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: clamp(248px, 24vh, 306px) !important;
padding: clamp(22px, 2.2vw, 28px) clamp(24px, 2.6vw, 32px) clamp(18px, 2vw, 24px) !important;
border-radius: clamp(26px, 2.2vw, 32px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer textarea {
min-height: clamp(118px, 13vh, 162px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-set {
width: min(372px, calc(100vw - 48px)) !important;
max-width: min(372px, calc(100vw - 48px)) !important;
padding: 13px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-set > .ecom-command-count-row {
width: min(100%, 334px) !important;
margin-inline: auto !important;
grid-template-columns: minmax(0, 1fr) 82px !important;
padding: 9px 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-model {
width: min(544px, calc(100vw - 48px)) !important;
max-width: min(544px, calc(100vw - 48px)) !important;
max-height: none !important;
grid-template-columns: minmax(214px, 0.9fr) minmax(0, 1fr) !important;
gap: 12px !important;
padding: 15px !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model header {
padding-bottom: 6px !important;
border-bottom: 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"] .ecom-command-popover--settings-model .ecom-command-model-profile,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model {
max-height: none !important;
overflow: visible !important;
scrollbar-width: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile::-webkit-scrollbar,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model::-webkit-scrollbar,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile {
display: grid !important;
align-content: start !important;
gap: 8px !important;
padding: 10px !important;
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 16px !important;
background: rgba(248, 253, 255, 0.58) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile__title {
margin: 0 0 1px !important;
color: rgba(16, 32, 44, 0.88) !important;
font-size: 13px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section {
display: grid !important;
grid-template-columns: 36px minmax(0, 1fr) !important;
align-items: start !important;
gap: 8px !important;
padding: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section > strong {
padding-top: 7px !important;
color: rgba(16, 115, 204, 0.66) !important;
font-size: 12px !important;
line-height: 1.2 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section > div {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model {
align-content: start !important;
padding: 10px !important;
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 16px !important;
background: rgba(248, 253, 255, 0.58) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-module-grid--model button {
min-height: 36px !important;
border-radius: 13px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__toggle.ecom-command-history__toggle {
transition:
border-color 180ms ease,
background 180ms ease,
color 180ms ease,
box-shadow 180ms ease,
transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
opacity 180ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__toggle.ecom-command-history__toggle:hover {
border-color: rgba(30, 189, 219, 0.46) !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(235, 252, 255, 0.92)) !important;
color: #1073cc !important;
box-shadow:
0 18px 38px rgba(16, 115, 204, 0.16),
0 0 0 4px rgba(30, 189, 219, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
opacity: 1 !important;
transform: translateY(-2px) scale(1.035) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-collapsed .ecom-command-history__toggle.ecom-command-history__toggle:hover {
transform: translateY(-2px) translateX(-2px) scale(1.035) !important;
}
@media (min-width: 1440px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(1180px, calc(100vw - 152px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: clamp(276px, 25vh, 334px) !important;
}
}
@media (min-width: 761px) and (max-width: 1180px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(1000px, calc(100vw - 72px)) !important;
}
}
@media (max-width: 760px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(100%, calc(100vw - 28px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: clamp(220px, 36vh, 278px) !important;
padding: 16px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer textarea {
min-height: clamp(96px, 20vh, 132px) !important;
}
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-model {
max-height: min(520px, calc(100dvh - 170px)) !important;
overflow-y: auto !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(16, 115, 204, 0.2) transparent !important;
}
}
/* #/imageWorkbench final balance: keep the original composer height while letting width breathe. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(1088px, calc(100vw - clamp(72px, 11vw, 176px))) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: clamp(218px, 18vh, 238px) !important;
padding: 20px 24px 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer textarea {
min-height: clamp(92px, 10vh, 118px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-model .ecom-command-model-profile section > strong {
color: rgba(16, 32, 44, 0.56) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__toggle.ecom-command-history__toggle:hover {
color: rgba(16, 32, 44, 0.62) !important;
background: rgba(255, 255, 255, 0.86) !important;
border-color: rgba(30, 189, 219, 0.22) !important;
box-shadow:
0 18px 38px rgba(16, 115, 204, 0.14),
0 0 0 4px rgba(30, 189, 219, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__toggle.ecom-command-history__toggle:hover .anticon {
color: inherit !important;
}
@media (min-width: 1440px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: clamp(222px, 18vh, 246px) !important;
}
}
@media (max-width: 760px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap {
width: min(100%, calc(100vw - 28px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: clamp(214px, 32vh, 250px) !important;
padding: 16px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer textarea {
min-height: clamp(86px, 18vh, 112px) !important;
}
}
/* #/imageWorkbench command surface refinement: quieter hierarchy for daily SaaS usage. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-toolbar {
gap: 14px !important;
padding-top: 13px !important;
border-top-color: rgba(30, 189, 219, 0.085) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row {
gap: 8px !important;
align-items: center !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button:not(.ecom-command-reference--inline) {
min-height: 38px !important;
padding: 0 12px !important;
border-color: rgba(30, 189, 219, 0.14) !important;
border-radius: 14px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 252, 254, 0.78)) !important;
color: rgba(16, 32, 44, 0.76) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.72),
0 8px 18px rgba(16, 115, 204, 0.035) !important;
transition:
border-color 160ms ease,
background 160ms ease,
color 160ms ease,
box-shadow 180ms ease,
transform 180ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button:not(.ecom-command-reference--inline) > span:not(.ecom-command-option-icon) {
color: rgba(16, 32, 44, 0.46) !important;
font-weight: 650 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row .ecom-command-option-icon {
width: 21px !important;
height: 21px !important;
border-color: rgba(30, 189, 219, 0.1) !important;
background: rgba(232, 249, 253, 0.62) !important;
color: rgba(15, 130, 155, 0.82) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button:not(.ecom-command-reference--inline):hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row button:not(.ecom-command-reference--inline).is-active {
border-color: rgba(30, 189, 219, 0.34) !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 251, 254, 0.9)) !important;
color: rgba(16, 32, 44, 0.9) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.84),
0 11px 24px rgba(16, 115, 204, 0.065) !important;
transform: translateY(-1px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 38px !important;
min-height: 38px !important;
border-radius: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline::before {
display: none !important;
content: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline > span {
display: inline-grid !important;
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
place-items: center !important;
margin: 0 !important;
overflow: visible !important;
border: 0 !important;
border-radius: 11px !important;
background: linear-gradient(180deg, rgba(232, 250, 254, 0.96), rgba(212, 244, 250, 0.88)) !important;
color: #0f829b !important;
font-size: 20px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--inline .anticon {
display: inline-flex !important;
color: inherit !important;
font-size: 20px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--mode {
display: grid !important;
grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
grid-auto-flow: row !important;
justify-items: stretch !important;
gap: 9px !important;
width: min(460px, calc(100vw - 56px)) !important;
padding: 10px !important;
border-radius: 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button {
display: grid !important;
grid-template-columns: 32px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
align-items: center !important;
justify-items: start !important;
column-gap: 8px !important;
row-gap: 1px !important;
width: 100% !important;
min-height: 58px !important;
padding: 9px 10px !important;
border: 0 !important;
border-radius: 14px !important;
text-align: left !important;
background:
radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--mode-accent, #1ebddb) 16%, transparent), transparent 42%),
linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 252, 254, 0.74)) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.82),
0 8px 18px rgba(16, 115, 204, 0.045) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:has(.ecom-command-mode-icon--hot) {
grid-column: 1 / -1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button.is-active,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:hover {
color: rgba(16, 32, 44, 0.92) !important;
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--mode-accent, #1ebddb) 36%, transparent),
0 12px 26px color-mix(in srgb, var(--mode-accent, #1ebddb) 14%, transparent) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-icon {
grid-row: 1 / span 2 !important;
display: inline-grid !important;
width: 32px !important;
height: 32px !important;
place-items: center !important;
border-radius: 12px !important;
color: var(--mode-accent, #1073cc) !important;
background: color-mix(in srgb, var(--mode-accent, #1073cc) 13%, #ffffff) !important;
font-size: 16px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:has(.ecom-command-mode-icon--set) {
--mode-accent: #0f8f72;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:has(.ecom-command-mode-icon--detail) {
--mode-accent: #7a5af8;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:has(.ecom-command-mode-icon--model) {
--mode-accent: #1073cc;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:has(.ecom-command-mode-icon--video) {
--mode-accent: #cc6b14;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button:has(.ecom-command-mode-icon--hot) {
--mode-accent: #c04468;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button strong {
min-width: 0 !important;
color: rgba(16, 32, 44, 0.86) !important;
font-size: 13px !important;
font-weight: 820 !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--mode button em {
min-width: 0 !important;
overflow: hidden !important;
color: rgba(16, 32, 44, 0.45) !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 650 !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"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--ratio-picker {
grid-template-columns: repeat(auto-fit, minmax(154px, 1fr)) !important;
gap: 8px !important;
width: min(420px, calc(100vw - 56px)) !important;
padding: 10px !important;
border-radius: 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--ratio-picker button {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 9px !important;
min-height: 52px !important;
padding: 8px 10px !important;
border: 0 !important;
border-radius: 14px !important;
text-align: left !important;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 250, 253, 0.78)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-ratio-icon {
display: inline-grid !important;
width: 30px !important;
height: 30px !important;
place-items: center !important;
flex: 0 0 30px !important;
border-radius: 11px !important;
color: #1073cc !important;
background: rgba(226, 246, 252, 0.9) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-ratio-copy {
display: grid !important;
min-width: 0 !important;
gap: 4px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-ratio-copy strong {
min-width: 0 !important;
overflow: hidden !important;
color: rgba(16, 32, 44, 0.82) !important;
font-size: 12px !important;
font-weight: 820 !important;
line-height: 1.15 !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"] .ecom-command-ratio-copy em {
display: inline-grid !important;
width: max-content !important;
min-width: 40px !important;
height: 18px !important;
place-items: center !important;
padding: 0 7px !important;
border-radius: 999px !important;
color: #0f829b !important;
background: rgba(222, 248, 252, 0.94) !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 820 !important;
line-height: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-send-button.ecom-command-send {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
border-radius: 16px !important;
transition:
border-color 180ms ease,
background 180ms ease,
box-shadow 180ms ease,
color 180ms ease,
transform 180ms ease,
opacity 180ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-send-button.ecom-command-send:not(:disabled) {
border-color: rgba(16, 115, 204, 0.18) !important;
background:
linear-gradient(135deg, #1073cc 0%, #1ebddb 100%) !important;
box-shadow:
0 16px 34px rgba(30, 189, 219, 0.24),
inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-send-button.ecom-command-send:not(:disabled):hover {
box-shadow:
0 20px 42px rgba(30, 189, 219, 0.3),
0 0 0 4px rgba(30, 189, 219, 0.09),
inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
transform: translateY(-1px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-send-button.ecom-command-send:disabled {
border: 1px solid rgba(30, 189, 219, 0.11) !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(244, 252, 254, 0.68)) !important;
color: rgba(16, 32, 44, 0.22) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.72),
0 10px 22px rgba(16, 115, 204, 0.035) !important;
cursor: default !important;
opacity: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board {
position: relative !important;
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 10px !important;
min-height: 0 !important;
padding: 0 !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board::before {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button {
min-height: 72px !important;
padding: 12px 10px !important;
gap: 8px !important;
border: 0 !important;
border-radius: 16px !important;
background:
radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--quick-accent) 18%, transparent), transparent 38%),
linear-gradient(135deg, rgba(255, 255, 255, 0.94), var(--quick-bg)) !important;
color: var(--quick-text) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.82),
0 10px 24px rgba(16, 32, 44, 0.04) !important;
transition:
background 170ms ease,
color 170ms ease,
box-shadow 180ms ease,
transform 180ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button::before,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button::after {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button:hover {
background:
radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--quick-accent) 28%, transparent), transparent 40%),
linear-gradient(135deg, #ffffff, color-mix(in srgb, var(--quick-bg) 84%, #ffffff)) !important;
color: var(--quick-accent) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.78),
0 16px 32px color-mix(in srgb, var(--quick-accent) 14%, transparent) !important;
transform: translateY(-2px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button > span {
width: 34px !important;
height: 34px !important;
border: 0 !important;
border-radius: 12px !important;
background:
linear-gradient(180deg, color-mix(in srgb, var(--quick-accent) 18%, #ffffff), color-mix(in srgb, var(--quick-accent) 8%, #ffffff)) !important;
color: var(--quick-accent) !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button:hover > span {
color: var(--quick-accent) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.82),
0 10px 22px color-mix(in srgb, var(--quick-accent) 18%, transparent) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--detail {
--quick-accent: #7a5af8;
--quick-bg: #f1edff;
--quick-text: #2f245d;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--edit {
--quick-accent: #cc6b14;
--quick-bg: #fff2e5;
--quick-text: #4e2c11;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--cutout {
--quick-accent: #1073cc;
--quick-bg: #eaf5ff;
--quick-text: #123454;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--watermark {
--quick-accent: #c04468;
--quick-bg: #fff0f5;
--quick-text: #542234;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--translate {
--quick-accent: #0891b2;
--quick-bg: #ecfeff;
--quick-text: #164e63;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button > span,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .anticon,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board svg {
border: 0 !important;
outline: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button > span {
background: transparent !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button:hover > span {
background: transparent !important;
box-shadow: none !important;
}
@media (max-width: 980px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
min-height: 0 !important;
}
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__heading {
border-color: rgba(30, 189, 219, 0.1) !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(247, 253, 254, 0.72)) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__empty {
display: grid !important;
min-height: 78px !important;
place-items: center !important;
border: 1px dashed rgba(30, 189, 219, 0.18) !important;
border-radius: 16px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(247, 253, 254, 0.54)) !important;
color: rgba(16, 32, 44, 0.42) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
}
@media (max-width: 760px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
padding: 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button {
min-height: 58px !important;
}
}
/* #/imageWorkbench uploaded-asset balance: keep thumbnails useful without making the composer feel oversized. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
grid-template-rows: 58px minmax(46px, auto) auto !important;
row-gap: 7px !important;
min-height: clamp(232px, 19vh, 252px) !important;
padding: 20px 24px 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-popover {
min-height: 54px !important;
max-height: 58px !important;
padding-left: 0 !important;
gap: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-thumb {
flex-basis: 54px !important;
width: 54px !important;
height: 54px !important;
border-radius: 12px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-add {
flex-basis: 34px !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
margin-top: 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) > textarea {
min-height: 50px !important;
max-height: 68px !important;
padding-top: 4px !important;
}
/* #/imageWorkbench detail popover and topbar blend: no inner scrollbar, no hard header split. */
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__topbar {
border-bottom-color: transparent !important;
background:
radial-gradient(48rem 14rem at 50% 100%, rgba(30, 189, 219, 0.09), transparent 72%),
radial-gradient(28rem 12rem at 12% 100%, rgba(16, 115, 204, 0.045), transparent 68%),
linear-gradient(180deg, #fbfdfe 0%, #f8fbfc 100%) !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__topbar::after {
position: absolute !important;
right: 0 !important;
bottom: -1px !important;
left: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(30, 189, 219, 0.08), transparent) !important;
content: "" !important;
pointer-events: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-detail {
width: min(468px, calc(100vw - 48px)) !important;
max-width: min(468px, calc(100vw - 48px)) !important;
max-height: none !important;
padding: 13px !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail header {
min-height: 24px !important;
margin-bottom: 0 !important;
padding-bottom: 4px !important;
border-bottom: 1px solid rgba(30, 189, 219, 0.08) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 7px !important;
max-height: none !important;
overflow: visible !important;
scrollbar-width: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail::-webkit-scrollbar,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail button {
min-height: 43px !important;
padding: 7px 9px !important;
border-radius: 13px !important;
align-content: center !important;
gap: 2px !important;
text-align: center !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail button strong,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail button span {
max-width: 100% !important;
overflow: hidden !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"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail button strong {
font-size: 12px !important;
line-height: 1.25 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail button span {
font-size: 10px !important;
line-height: 1.25 !important;
}
@media (max-width: 760px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings-detail {
overflow: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--settings-detail .ecom-command-module-grid--detail {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* #/imageWorkbench topbar seamless blend: the header floats over the same canvas instead of reading as a separate band. */
html body #root .ecommerce-standalone.web-shell {
background:
radial-gradient(circle at 19% 8%, rgba(30, 189, 219, 0.13), transparent 24rem),
radial-gradient(circle at 82% 11%, rgba(16, 115, 204, 0.09), transparent 26rem),
linear-gradient(180deg, #fbfdfe 0%, #f8f9fa 54%, #f5f9fb 100%) !important;
}
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__topbar {
background: transparent !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__topbar::after {
content: none !important;
}
/* #/imageWorkbench inspiration shelves below the toolbox. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-preview.clone-ai-preview:has(.ecom-inspiration-lab) {
overflow-x: hidden !important;
overflow-y: auto !important;
padding-bottom: 88px !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(16, 115, 204, 0.2) transparent !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-preview.clone-ai-preview:has(.ecom-inspiration-lab)::-webkit-scrollbar {
width: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-preview.clone-ai-preview:has(.ecom-inspiration-lab)::-webkit-scrollbar-thumb {
border: 2px solid transparent !important;
border-radius: 999px !important;
background: rgba(16, 115, 204, 0.18) !important;
background-clip: content-box !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab).is-before-generate {
top: clamp(96px, 11vh, 132px) !important;
transform: translateX(-50%) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
width: min(1220px, calc(100vw - clamp(64px, 8vw, 148px))) !important;
gap: 16px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab {
width: min(100%, 1088px) !important;
margin-inline: auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab {
display: grid !important;
gap: 12px !important;
padding: 4px 0 24px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-tabs {
display: flex !important;
align-items: center !important;
gap: 6px !important;
min-height: 34px !important;
padding: 0 2px !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"] .ecom-inspiration-tabs::-webkit-scrollbar {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-tabs button {
flex: 0 0 auto !important;
min-height: 30px !important;
padding: 0 12px !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
background: transparent !important;
color: rgba(16, 32, 44, 0.54) !important;
font-size: 12px !important;
font-weight: 760 !important;
cursor: pointer !important;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-tabs button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-tabs button.is-active {
border-color: rgba(30, 189, 219, 0.16) !important;
background: rgba(255, 255, 255, 0.72) !important;
color: rgba(16, 32, 44, 0.88) !important;
box-shadow: 0 8px 18px rgba(16, 115, 204, 0.045) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-rows {
display: grid !important;
gap: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row {
display: grid !important;
grid-template-columns: 112px minmax(0, 1fr) !important;
gap: 14px !important;
min-height: 168px !important;
padding: 14px !important;
border: 1px solid rgba(30, 189, 219, 0.1) !important;
border-radius: 22px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(247, 253, 254, 0.66)),
rgba(255, 255, 255, 0.74) !important;
box-shadow:
0 20px 54px rgba(16, 115, 204, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__meta {
display: grid !important;
grid-template-rows: auto auto 1fr !important;
align-content: start !important;
gap: 7px !important;
min-width: 0 !important;
padding: 10px 6px 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__meta strong {
color: rgba(16, 32, 44, 0.9) !important;
font-size: 15px !important;
font-weight: 860 !important;
line-height: 1.2 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__meta span {
color: rgba(16, 32, 44, 0.45) !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__controls {
display: flex !important;
align-self: end !important;
gap: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__controls button {
display: inline-grid !important;
width: 30px !important;
height: 30px !important;
place-items: center !important;
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, 0.72) !important;
color: rgba(16, 32, 44, 0.54) !important;
cursor: pointer !important;
transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__controls button:hover {
border-color: rgba(30, 189, 219, 0.28) !important;
background: rgba(235, 251, 254, 0.92) !important;
color: rgba(16, 115, 204, 0.82) !important;
transform: translateY(-1px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-strip {
display: grid !important;
grid-auto-flow: column !important;
grid-auto-columns: minmax(260px, 1fr) !important;
gap: 10px !important;
min-width: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-x: contain !important;
scroll-snap-type: x proximity !important;
scrollbar-width: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-strip::-webkit-scrollbar {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
min-height: 210px !important;
padding: 0 !important;
border: 1px solid rgba(30, 189, 219, 0.09) !important;
border-radius: 16px !important;
background: #edf8fb !important;
scroll-snap-align: start !important;
overflow: hidden !important;
cursor: pointer !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card__visual {
position: absolute !important;
inset: 0 !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
border-radius: 0 !important;
background: #edf8fb !important;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card:hover .ecom-inspiration-card__visual {
transform: scale(1.04) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card__visual img,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card__visual video {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card strong {
position: relative !important;
z-index: 2 !important;
margin-top: 0 !important;
padding: 0 14px !important;
overflow: hidden !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 820 !important;
line-height: 1.28 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1), transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card:hover strong {
opacity: 1 !important;
transform: translateY(0) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card p {
position: relative !important;
z-index: 2 !important;
margin: 3px 0 0 !important;
padding: 0 14px 14px !important;
overflow: hidden !important;
color: rgba(255, 255, 255, 0.78) !important;
font-size: 11px !important;
line-height: 1.4 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1) 0.04s, transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) 0.04s !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card:hover p {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* hover 底部渐变遮罩 */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 55%) !important;
opacity: 0 !important;
transition: opacity 0.36s cubic-bezier(0.16, 1, 0.3, 1) !important;
pointer-events: none !important;
border-radius: 16px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card:hover::after {
opacity: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-card em {
position: absolute !important;
top: 12px !important;
right: 14px !important;
z-index: 3 !important;
color: rgba(255, 255, 255, 0.55) !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 800 !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--team .ecom-inspiration-strip {
grid-auto-columns: minmax(300px, 1fr) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--team .ecom-inspiration-card {
min-height: 210px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--listing .ecom-inspiration-card {
min-height: 260px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--video .ecom-inspiration-card {
min-height: 492px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--video .ecom-inspiration-card__visual {
inset: 0 !important;
height: 100% !important;
min-height: 0 !important;
aspect-ratio: auto !important;
background: #edf8fb !important;
}
/* ── Inspiration fullscreen preview ── */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-preview {
position: fixed !important;
inset: 0 !important;
z-index: 9999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
animation: ecom-preview-fade-in 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes ecom-preview-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-preview__backdrop {
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.72) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-preview__content {
position: relative !important;
z-index: 1 !important;
max-width: 90vw !important;
max-height: 90vh !important;
animation: ecom-preview-scale-in 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes ecom-preview-scale-in {
from { opacity: 0; transform: scale(0.92); }
to { opacity: 1; transform: scale(1); }
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-preview__media {
display: block !important;
max-width: 90vw !important;
max-height: 85vh !important;
border-radius: 16px !important;
object-fit: contain !important;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-preview__close {
position: absolute !important;
top: -14px !important;
right: -14px !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
border: 0 !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.92) !important;
color: #1a2a3a !important;
font-size: 16px !important;
line-height: 1 !important;
cursor: pointer !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18) !important;
transition: background 0.2s, transform 0.2s !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-preview__close:hover {
background: #fff !important;
transform: scale(1.1) !important;
}
body .ecom-inspiration-preview {
position: fixed !important;
inset: 0 !important;
z-index: 2147483000 !important;
display: grid !important;
place-items: center !important;
padding: 32px !important;
overflow: hidden !important;
background: rgba(8, 18, 28, 0.62) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
animation: ecom-preview-fade-in 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body .ecom-inspiration-preview__backdrop {
position: absolute !important;
inset: 0 !important;
}
body .ecom-inspiration-preview__content {
position: relative !important;
z-index: 1 !important;
display: grid !important;
place-items: center !important;
max-width: min(1280px, calc(100vw - 64px)) !important;
max-height: calc(100vh - 64px) !important;
overflow: hidden !important;
border-radius: 16px !important;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34) !important;
animation: ecom-preview-scale-in 0.26s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body .ecom-inspiration-preview__media {
display: block !important;
width: auto !important;
height: auto !important;
max-width: min(1280px, calc(100vw - 64px)) !important;
max-height: calc(100vh - 64px) !important;
object-fit: contain !important;
border-radius: 16px !important;
}
body .ecom-inspiration-preview__close {
display: none !important;
}
/* 灵感预览:右下角"使用此提示词"动作条,避开视频底部控制条。 */
body .ecom-inspiration-preview__actions {
position: absolute !important;
right: 16px !important;
bottom: 16px !important;
z-index: 2 !important;
display: flex !important;
gap: 10px !important;
}
body .ecom-inspiration-preview__use-prompt {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 10px 20px !important;
border: 1px solid rgba(255, 255, 255, 0.28) !important;
border-radius: 999px !important;
background: rgba(16, 32, 44, 0.72) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
transition: background 160ms ease, transform 160ms ease, border-color 160ms ease !important;
}
body .ecom-inspiration-preview__use-prompt:hover {
border-color: rgba(30, 189, 219, 0.6) !important;
background: rgba(30, 189, 219, 0.92) !important;
transform: translateY(-1px) !important;
}
@media (max-width: 760px) {
body .ecom-inspiration-preview {
padding: 14px !important;
}
body .ecom-inspiration-preview__content,
body .ecom-inspiration-preview__media {
max-width: calc(100vw - 28px) !important;
max-height: calc(100vh - 28px) !important;
}
}
@media (min-width: 1440px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
width: min(1360px, calc(100vw - 132px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab {
width: min(100%, 1280px) !important;
}
}
@media (max-width: 900px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row {
grid-template-columns: minmax(0, 1fr) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__meta {
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-rows: auto auto !important;
padding: 2px 2px 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__controls {
grid-column: 2 !important;
grid-row: 1 / span 2 !important;
align-self: center !important;
}
}
/* #/imageWorkbench inspiration shelves final sizing: make the case shelves immersive without stretching the composer. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:has(.ecom-inspiration-lab) {
--ecom-history-offset: 0px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
width: min(1440px, calc(100% - clamp(28px, 2.6vw, 44px))) !important;
padding-inline: clamp(12px, 1.55vw, 24px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab).is-before-generate {
top: clamp(20px, 3vh, 34px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
width: min(100%, 1088px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
width: min(100%, 820px) !important;
min-height: 0 !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 10px !important;
margin-inline: auto !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button {
min-height: 58px !important;
justify-content: center !important;
padding: 0 14px !important;
gap: 8px !important;
border-radius: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span {
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board strong {
font-size: 13px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
@media (max-width: 760px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
width: min(100%, 480px) !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab {
position: relative !important;
width: 100% !important;
max-width: 1400px !important;
margin-inline: auto !important;
padding: 8px clamp(4px, 0.8vw, 12px) 28px !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab::before {
content: "" !important;
position: absolute !important;
z-index: -1 !important;
inset: 22px calc(clamp(4px, 0.8vw, 12px) * -1) 4px !important;
border-radius: 30px !important;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.72) 12%, rgba(255, 255, 255, 0.72) 88%, rgba(255, 255, 255, 0)),
linear-gradient(180deg, rgba(245, 252, 254, 0.4), rgba(245, 249, 251, 0.08)) !important;
pointer-events: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-tabs {
padding-inline: clamp(4px, 0.7vw, 10px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row {
grid-template-columns: clamp(112px, 9.5vw, 142px) minmax(0, 1fr) !important;
gap: clamp(14px, 1.25vw, 20px) !important;
padding: clamp(14px, 1.15vw, 18px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-strip {
grid-auto-columns: minmax(252px, 0.25fr) !important;
gap: clamp(10px, 0.85vw, 14px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--team .ecom-inspiration-strip {
grid-auto-columns: minmax(286px, 0.25fr) !important;
}
@media (max-width: 900px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
width: min(100%, calc(100vw - 24px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab {
padding-inline: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* #/imageWorkbench spacing correction: keep the generation composer close to the original first-screen position. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-preview.clone-ai-preview:has(.ecom-inspiration-lab) {
padding-top: clamp(18px, 2.5vh, 30px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
gap: clamp(12px, 1.25vw, 16px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab).is-before-generate {
top: clamp(8px, 1.35vh, 14px) !important;
}
@media (max-width: 900px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-preview.clone-ai-preview:has(.ecom-inspiration-lab) {
padding-top: 12px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab).is-before-generate {
top: 8px !important;
}
}
/* Ecommerce viewport fit: keep standalone tool pages inside the visible app area. */
body.ecommerce-standalone-body,
body.ecommerce-standalone-body #root {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell {
--ecommerce-topbar-height: 66px;
width: 100% !important;
height: 100dvh !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__topbar {
min-height: var(--ecommerce-topbar-height) !important;
}
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__content {
box-sizing: content-box !important;
height: calc(100dvh - var(--ecommerce-topbar-height)) !important;
min-height: 0 !important;
padding-top: var(--ecommerce-topbar-height) !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__content > .error-boundary,
html body #root .ecommerce-standalone.web-shell .ecommerce-standalone__content .product-clone-page,
html body #root .ecommerce-standalone.web-shell .product-clone-page > .product-clone-shell {
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-smart-cutout-page,
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-quick-set-page,
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-watermark-page {
--ecom-history-offset: 0px !important;
--ecom-history-panel-width: 0px !important;
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
padding-right: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-translate-page {
--ecom-history-offset: 0px !important;
--ecom-history-panel-width: 0px !important;
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
padding-right: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-smart-cutout-page > .product-clone-shell,
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-quick-set-page > .product-clone-shell,
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-watermark-page > .product-clone-shell,
html body #root .ecommerce-standalone.web-shell .product-clone-page[data-tool="clone"].is-translate-page > .product-clone-shell {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
padding-right: 0 !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-smart-cutout-page,
html body #root .ecommerce-standalone.web-shell .ecom-watermark-page,
html body #root .ecommerce-standalone.web-shell .ecom-translate-page,
html body #root .ecommerce-standalone.web-shell .ecom-quick-set-page {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-smart-cutout-page.is-upload {
display: grid !important;
grid-template-rows: minmax(0, 1fr) !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-smart-cutout-nav {
position: absolute !important;
top: 18px !important;
left: 24px !important;
margin: 0 !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-smart-cutout-upload {
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-content: center !important;
justify-items: center !important;
padding: clamp(78px, 8vh, 104px) clamp(24px, 4vw, 48px) clamp(28px, 5vh, 56px) !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-smart-cutout-upload__body {
justify-content: center !important;
align-items: stretch !important;
margin-inline: auto !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-quick-set-body {
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-quick-set-panel {
min-height: 0 !important;
overflow-y: auto !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-quick-set-panel::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-quick-set-stage {
min-height: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-quick-set-canvas {
min-height: 0 !important;
overflow: hidden !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-watermark-page {
grid-template-columns: minmax(320px, 350px) minmax(0, 1fr) !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
gap: 0 !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-translate-page {
grid-template-columns: minmax(320px, 350px) minmax(0, 1fr) !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
gap: 0 !important;
}
html body #root .ecommerce-standalone.web-shell .ecom-watermark-side,
html body #root .ecommerce-standalone.web-shell .ecom-watermark-workspace {
min-height: 0 !important;
overflow: hidden !important;
}
@media (max-width: 1020px) {
html body #root .ecommerce-standalone.web-shell .ecom-smart-cutout-upload {
overflow: auto !important;
}
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.web-shell {
--ecommerce-topbar-height: 62px;
}
}
/* Preview modal actions stay inside the deliberate image inspection moment. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-modal {
gap: 14px !important;
border-color: rgba(30, 189, 219, 0.16) !important;
box-shadow:
0 26px 72px rgba(16, 32, 44, 0.18),
0 8px 24px rgba(16, 115, 204, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-footer {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-footer strong {
min-width: 0 !important;
overflow: hidden !important;
color: #10202c !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.4 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-actions {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
flex: 0 0 auto !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 14px !important;
border: 1px solid rgba(30, 189, 219, 0.2) !important;
border-radius: 999px !important;
color: #1073cc !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 251, 253, 0.92)) !important;
box-shadow:
0 8px 18px rgba(16, 115, 204, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
font-weight: 750 !important;
cursor: pointer !important;
transition:
border-color 160ms ease,
color 160ms ease,
background 160ms ease,
transform 160ms ease,
box-shadow 160ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action:focus-visible {
border-color: rgba(30, 189, 219, 0.42) !important;
background: #ffffff !important;
outline: none !important;
transform: translateY(-1px) !important;
box-shadow:
0 12px 24px rgba(16, 115, 204, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action--danger {
border-color: rgba(255, 77, 79, 0.16) !important;
color: #d84a4d !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 246, 246, 0.94)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action--danger:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action--danger:focus-visible {
border-color: rgba(255, 77, 79, 0.28) !important;
color: #c93639 !important;
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-footer {
align-items: stretch !important;
flex-direction: column !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-actions {
justify-content: stretch !important;
width: 100% !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-set-preview-action {
flex: 1 1 0 !important;
}
}
/* History record detail: compact composer becomes a stable summary bar, then expands on click. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail {
--history-detail-workspace-width: calc(100vw - var(--ecom-history-panel-width, 292px));
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact {
position: fixed !important;
top: calc(var(--ecommerce-topbar-height, 66px) + clamp(0px, 0.6vh, 6px)) !important;
left: calc(var(--history-detail-workspace-width) / 2) !important;
width: min(760px, calc(var(--history-detail-workspace-width) - clamp(48px, 8vw, 96px))) !important;
gap: 0 !important;
transform: translateX(-50%) !important;
z-index: 72 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-title {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
grid-template-rows: minmax(64px, auto) !important;
align-items: center !important;
column-gap: 16px !important;
min-height: clamp(68px, 8.8vh, 82px) !important;
max-height: 86px !important;
padding: clamp(8px, 1.2vh, 10px) 12px clamp(8px, 1.2vh, 10px) 16px !important;
overflow: hidden !important;
border: 1px solid rgba(30, 189, 219, 0.16) !important;
border-radius: 999px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 253, 254, 0.94)),
#feffff !important;
box-shadow:
0 18px 46px rgba(16, 115, 204, 0.1),
0 4px 14px rgba(30, 189, 219, 0.055),
inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
cursor: text !important;
backdrop-filter: blur(18px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:focus-within {
border-color: rgba(30, 189, 219, 0.32) !important;
box-shadow:
0 22px 54px rgba(16, 115, 204, 0.12),
0 0 0 4px rgba(30, 189, 219, 0.055),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-reference:not(.ecom-command-reference--inline) {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-popover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-popover {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
width: auto !important;
min-width: 52px !important;
max-width: 160px !important;
min-height: 56px !important;
max-height: 56px !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-thumb,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-thumb {
flex: 0 0 54px !important;
width: 54px !important;
height: 54px !important;
border-radius: 18px !important;
box-shadow: 0 8px 18px rgba(16, 115, 204, 0.12) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-thumb img,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-thumb video {
border-radius: 18px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-thumb > button {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-add {
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
border-radius: 50% !important;
color: #10202c !important;
background: rgba(16, 32, 44, 0.045) !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-composer textarea,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) > textarea {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
min-height: 34px !important;
max-height: 38px !important;
height: 38px !important;
padding: 4px 0 0 !important;
overflow: hidden !important;
color: rgba(16, 32, 44, 0.72) !important;
background: transparent !important;
font-size: clamp(17px, 1.35vw, 22px) !important;
font-weight: 650 !important;
line-height: 32px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
resize: none !important;
opacity: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-composer textarea::placeholder {
color: rgba(16, 32, 44, 0.48) !important;
opacity: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-toolbar,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-toolbar {
grid-column: 3 !important;
grid-row: 1 !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 56px !important;
padding: 0 !important;
overflow: visible !important;
border: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-option-row {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-submit-row {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-send-button.ecom-command-send {
width: 58px !important;
height: 58px !important;
min-height: 58px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #1073cc 0%, #1ebddb 100%) !important;
box-shadow:
0 14px 28px rgba(16, 115, 204, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-send-button.ecom-command-send:hover:not(:disabled) {
transform: translateY(-1px) scale(1.02) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-preview[data-status="done"] {
padding-top: clamp(132px, 18vh, 160px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-preview[data-status="done"]:has(.ecom-command-composer-wrap:not(.is-compact)) {
padding-top: 380px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-preview-zoom-wrap {
display: flex !important;
justify-content: center !important;
width: 100% !important;
min-width: 100% !important;
transform-origin: center top !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-canvas-nodes {
display: flex !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
min-height: 260px !important;
padding: 22px clamp(20px, 4vw, 48px) 44px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-canvas-node:not(.is-generating) {
position: relative !important;
top: auto !important;
left: auto !important;
max-width: min(860px, calc(var(--history-detail-workspace-width) - 80px)) !important;
transform: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-canvas-node .clone-ai-result-grid {
justify-content: center !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-history__item {
isolation: isolate !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-history__item .ecom-command-history__item-delete {
position: absolute !important;
top: 50% !important;
right: 14px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(30, 189, 219, 0.16) !important;
border-radius: 12px !important;
color: rgba(16, 32, 44, 0.46) !important;
background: rgba(255, 255, 255, 0.86) !important;
box-shadow:
0 8px 18px rgba(16, 115, 204, 0.075),
inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
font-size: 14px !important;
line-height: 1 !important;
transform: translateY(-50%) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-history__item .ecom-command-history__item-delete:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-history__item .ecom-command-history__item-delete:focus-visible {
color: #ff4d4f !important;
background: rgba(255, 255, 255, 0.95) !important;
border-color: rgba(255, 77, 79, 0.2) !important;
outline: none !important;
transform: translateY(-50%) !important;
}
@media (max-width: 900px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail {
--history-detail-workspace-width: 100vw;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact {
left: 50vw !important;
top: calc(var(--ecommerce-topbar-height, 62px) + 2px) !important;
width: min(720px, calc(100vw - 36px)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
column-gap: 10px !important;
padding-inline: 12px 10px !important;
min-height: 70px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-popover {
max-width: 116px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail .clone-ai-canvas-node:not(.is-generating) {
max-width: calc(100vw - 32px) !important;
flex-wrap: wrap !important;
}
}
/* #/imageWorkbench polish: refine quick action surface and widen inspiration shelves for an immersive first page. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
width: min(100%, 920px) !important;
padding: 7px !important;
gap: 9px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(246, 252, 254, 0.52)),
rgba(255, 255, 255, 0.5) !important;
box-shadow:
0 18px 38px rgba(16, 115, 204, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--detail,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--edit,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--cutout,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--watermark {
--quick-accent: #1073cc !important;
--quick-accent-soft: rgba(30, 189, 219, 0.16) !important;
--quick-bg: rgba(245, 252, 254, 0.82) !important;
--quick-text: #163447 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button {
min-height: 56px !important;
border: 1px solid rgba(30, 189, 219, 0.09) !important;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 252, 254, 0.8)) !important;
color: #163447 !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.88),
0 8px 18px rgba(16, 115, 204, 0.035) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span {
width: 30px !important;
height: 30px !important;
flex: 0 0 30px !important;
border-radius: 11px !important;
background:
linear-gradient(180deg, rgba(30, 189, 219, 0.16), rgba(16, 115, 204, 0.08)) !important;
color: #1073cc !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.74),
0 7px 16px rgba(16, 115, 204, 0.08) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board strong {
color: #163447 !important;
font-weight: 650 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible {
border-color: rgba(16, 115, 204, 0.18) !important;
background:
radial-gradient(circle at 16% 20%, rgba(30, 189, 219, 0.2), transparent 42%),
linear-gradient(135deg, #ffffff, rgba(241, 250, 253, 0.92)) !important;
color: #1073cc !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.92),
0 14px 28px rgba(16, 115, 204, 0.08) !important;
outline: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover > span,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible > span {
background:
linear-gradient(180deg, rgba(30, 189, 219, 0.22), rgba(16, 115, 204, 0.12)) !important;
color: #0d65b4 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
width: min(2360px, calc(100vw - clamp(48px, 4.2vw, 108px))) !important;
max-width: none !important;
padding-inline: clamp(12px, 1.2vw, 22px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab {
width: 100% !important;
max-width: none !important;
padding: 8px 0 30px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-lab::before {
inset: 20px 0 2px !important;
border-radius: 28px !important;
background:
linear-gradient(90deg, rgba(245, 252, 254, 0.18), rgba(255, 255, 255, 0.78) 10%, rgba(255, 255, 255, 0.78) 90%, rgba(245, 252, 254, 0.18)),
linear-gradient(180deg, rgba(245, 252, 254, 0.58), rgba(255, 255, 255, 0.14)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-tabs {
padding-inline: clamp(12px, 1.2vw, 22px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row {
grid-template-columns: clamp(134px, 7vw, 174px) minmax(0, 1fr) !important;
gap: clamp(16px, 1.15vw, 24px) !important;
padding: clamp(14px, 1vw, 20px) clamp(14px, 1.05vw, 22px) !important;
border-color: rgba(16, 115, 204, 0.07) !important;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(247, 252, 254, 0.72)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row__meta {
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-strip {
grid-auto-columns: clamp(320px, 18.4vw, 470px) !important;
gap: clamp(12px, 0.9vw, 18px) !important;
padding-right: clamp(18px, 1.6vw, 34px) !important;
scroll-padding-inline: clamp(18px, 1.6vw, 34px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--team .ecom-inspiration-strip {
grid-auto-columns: clamp(420px, 24vw, 620px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--listing .ecom-inspiration-strip {
grid-auto-columns: clamp(300px, 16.2vw, 420px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--video .ecom-inspiration-strip {
grid-auto-columns: clamp(360px, 21vw, 540px) !important;
}
@media (max-width: 900px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) {
width: min(100%, calc(100vw - 24px)) !important;
padding-inline: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row {
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
padding: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-strip,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--team .ecom-inspiration-strip,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--listing .ecom-inspiration-strip,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-inspiration-row--video .ecom-inspiration-strip {
grid-auto-columns: minmax(248px, 76vw) !important;
padding-right: 14px !important;
}
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
width: min(100%, 420px) !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button {
padding-inline: 10px !important;
}
}
/* #/imageWorkbench compact composer centering: when history is collapsed, center on the visible canvas. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed {
--history-detail-workspace-width: 100vw !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact {
left: 50vw !important;
width: min(760px, calc(100vw - clamp(32px, 6vw, 96px))) !important;
transform: translateX(-50%) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
width: 100% !important;
margin-inline: auto !important;
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact {
top: calc(var(--ecommerce-topbar-height, 62px) + 8px) !important;
width: min(100vw - 22px, 560px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
grid-template-columns: auto minmax(0, 1fr) auto !important;
column-gap: 8px !important;
min-height: 62px !important;
max-height: 72px !important;
padding: 8px 9px 8px 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-popover {
min-width: 42px !important;
max-width: 94px !important;
min-height: 46px !important;
max-height: 46px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-thumb {
flex-basis: 44px !important;
width: 44px !important;
height: 44px !important;
border-radius: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-asset-add {
flex-basis: 34px !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .ecom-command-composer textarea,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) > textarea {
min-width: 0 !important;
max-height: 32px !important;
font-size: 15px !important;
line-height: 30px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-history-detail.is-history-collapsed .ecom-command-composer-wrap.has-generated.is-compact .clone-ai-send-button.ecom-command-send {
width: 48px !important;
height: 48px !important;
min-height: 48px !important;
}
}
/* #/imageWorkbench quick actions final tone: restore category colors and align icon tones with labels. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--detail {
--quick-accent: #7a5af8 !important;
--quick-bg: #f1edff !important;
--quick-text: #2f245d !important;
--quick-icon: #5f46d9 !important;
--quick-icon-bg: rgba(122, 90, 248, 0.13) !important;
--quick-border: rgba(122, 90, 248, 0.12) !important;
--quick-shadow: rgba(122, 90, 248, 0.1) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--edit {
--quick-accent: #cc6b14 !important;
--quick-bg: #fff2e5 !important;
--quick-text: #4e2c11 !important;
--quick-icon: #a95616 !important;
--quick-icon-bg: rgba(204, 107, 20, 0.13) !important;
--quick-border: rgba(204, 107, 20, 0.12) !important;
--quick-shadow: rgba(204, 107, 20, 0.1) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--cutout {
--quick-accent: #1073cc !important;
--quick-bg: #eaf5ff !important;
--quick-text: #123454 !important;
--quick-icon: #0f66b3 !important;
--quick-icon-bg: rgba(16, 115, 204, 0.13) !important;
--quick-border: rgba(16, 115, 204, 0.12) !important;
--quick-shadow: rgba(16, 115, 204, 0.1) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board .ecom-command-quick-card--watermark {
--quick-accent: #c04468 !important;
--quick-bg: #fff0f5 !important;
--quick-text: #542234 !important;
--quick-icon: #a63a58 !important;
--quick-icon-bg: rgba(192, 68, 104, 0.13) !important;
--quick-border: rgba(192, 68, 104, 0.12) !important;
--quick-shadow: rgba(192, 68, 104, 0.1) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button {
border-color: var(--quick-border) !important;
background:
radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--quick-accent) 15%, transparent), transparent 40%),
linear-gradient(135deg, rgba(255, 255, 255, 0.96), var(--quick-bg)) !important;
color: var(--quick-text) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.88),
0 8px 18px rgba(16, 32, 44, 0.032) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span {
background:
linear-gradient(180deg, color-mix(in srgb, var(--quick-icon-bg) 78%, #ffffff), rgba(255, 255, 255, 0.62)) !important;
color: var(--quick-icon) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.82),
0 7px 16px var(--quick-shadow) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board strong {
color: var(--quick-text) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible {
border-color: color-mix(in srgb, var(--quick-accent) 22%, transparent) !important;
background:
radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--quick-accent) 24%, transparent), transparent 42%),
linear-gradient(135deg, #ffffff, color-mix(in srgb, var(--quick-bg) 88%, #ffffff)) !important;
color: var(--quick-icon) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.9),
0 14px 28px var(--quick-shadow) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover > span,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible > span {
background:
linear-gradient(180deg, color-mix(in srgb, var(--quick-accent) 18%, #ffffff), color-mix(in srgb, var(--quick-bg) 82%, #ffffff)) !important;
color: var(--quick-icon) !important;
}
/* #/imageWorkbench quick actions: remove visible borders while keeping the category color system. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-quick-board button > span {
border: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible {
border: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span {
border-width: 0 !important;
border-style: none !important;
border-color: transparent !important;
}
/* #/imageWorkbench quick actions: soften each action so the tones blend into the page. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
background: rgba(255, 255, 255, 0.3) !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button {
background:
radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--quick-accent) 10%, transparent), transparent 44%),
linear-gradient(135deg, color-mix(in srgb, var(--quick-bg) 86%, #ffffff), color-mix(in srgb, var(--quick-bg) 96%, #ffffff)) !important;
box-shadow: none !important;
color: var(--quick-text) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span {
background: transparent !important;
color: var(--quick-text) !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span .anticon,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button > span svg {
color: inherit !important;
fill: currentColor !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible {
background:
radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--quick-accent) 14%, transparent), transparent 44%),
linear-gradient(135deg, color-mix(in srgb, var(--quick-bg) 92%, #ffffff), color-mix(in srgb, var(--quick-bg) 98%, #ffffff)) !important;
box-shadow: none !important;
color: var(--quick-text) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover > span,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible > span {
background: transparent !important;
color: var(--quick-text) !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover > span .anticon,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:hover > span svg,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible > span .anticon,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board button:focus-visible > span svg {
color: inherit !important;
fill: currentColor !important;
}
/* #/imageWorkbench generated results: remove all visual labels and their reserved space. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-canvas-node .clone-ai-node-label,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-canvas-node .clone-ai-main-result > span,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-canvas-node .clone-ai-result-grid button > span {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-canvas-node:not(.is-generating) {
padding-top: 20px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-canvas-node:not(.is-generating) .clone-ai-node-drag-handle {
height: 100% !important;
background: transparent !important;
}
/* #/imageWorkbench history records: keep hover delete icon centered in the row. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item {
position: relative !important;
display: block !important;
isolation: isolate !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item .ecom-command-history__item-main {
width: 100% !important;
padding-right: 46px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item .ecom-command-history__item-delete,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item:hover .ecom-command-history__item-delete,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item.is-active .ecom-command-history__item-delete {
grid-column: auto !important;
grid-row: auto !important;
align-self: auto !important;
position: absolute !important;
top: 50% !important;
right: 10px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
transform: translateY(-50%) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item .ecom-command-history__item-delete .anticon,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-history__item .ecom-command-history__item-delete svg {
display: block !important;
line-height: 1 !important;
}
/* #/imageWorkbench composer redesign: mode tabs outside, settings and assets inside. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 8px !important;
width: min(100%, 760px) !important;
margin: 0 auto 12px !important;
padding: 4px !important;
border: 1px solid rgba(30, 189, 219, 0.11) !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, 0.64) !important;
box-shadow:
0 14px 34px rgba(16, 115, 204, 0.055),
inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
backdrop-filter: blur(14px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button {
--mode-accent: #1073cc;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
min-width: 0 !important;
min-height: 42px !important;
padding: 0 11px !important;
border: 0 !important;
border-radius: 14px !important;
background: transparent !important;
color: rgba(16, 32, 44, 0.66) !important;
box-shadow: none !important;
cursor: pointer !important;
transition:
background 180ms ease,
color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button:has(.ecom-command-mode-icon--set) {
--mode-accent: #0f8f72;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button:has(.ecom-command-mode-icon--detail) {
--mode-accent: #7a5af8;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button:has(.ecom-command-mode-icon--model) {
--mode-accent: #1073cc;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button:has(.ecom-command-mode-icon--video) {
--mode-accent: #cc6b14;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button:has(.ecom-command-mode-icon--hot) {
--mode-accent: #c04468;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button.is-active {
background:
radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--mode-accent) 14%, transparent), transparent 58%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 252, 254, 0.9)) !important;
color: rgba(16, 32, 44, 0.9) !important;
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--mode-accent) 18%, transparent),
0 10px 22px color-mix(in srgb, var(--mode-accent) 10%, transparent) !important;
transform: translateY(-1px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs .ecom-command-mode-icon {
display: inline-grid !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
place-items: center !important;
border: 0 !important;
border-radius: 9px !important;
background: color-mix(in srgb, var(--mode-accent) 11%, #ffffff) !important;
color: var(--mode-accent) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
font-size: 13px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs strong {
min-width: 0 !important;
overflow: hidden !important;
font-size: 13px !important;
font-weight: 760 !important;
letter-spacing: 0 !important;
line-height: 1 !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"] .clone-ai-input-wrapper.ecom-command-composer {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-auto-rows: auto !important;
grid-template-rows: none !important;
align-content: start !important;
row-gap: 12px !important;
min-height: clamp(214px, 17vh, 236px) !important;
padding: 18px 22px 16px !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
min-height: clamp(256px, 22vh, 286px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings {
grid-column: 1 !important;
grid-row: auto !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
padding: 0 0 2px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings button {
min-width: 0 !important;
min-height: 36px !important;
padding: 0 11px !important;
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 13px !important;
background: rgba(248, 253, 255, 0.72) !important;
color: rgba(16, 32, 44, 0.72) !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings button:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings button.is-active {
border-color: rgba(30, 189, 219, 0.28) !important;
background: rgba(241, 251, 254, 0.92) !important;
box-shadow: 0 8px 18px rgba(16, 115, 204, 0.055) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings .ecom-command-option-icon {
width: 20px !important;
height: 20px !important;
border: 0 !important;
background: rgba(232, 249, 253, 0.78) !important;
color: #0f829b !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-popover {
position: static !important;
grid-column: 1 !important;
grid-row: auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-height: 62px !important;
max-height: 72px !important;
padding: 8px 2px 10px !important;
overflow-x: auto !important;
overflow-y: visible !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !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"] .ecom-command-asset-thumb {
flex: 0 0 58px !important;
width: 58px !important;
height: 58px !important;
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 14px !important;
background: rgba(246, 251, 253, 0.9) !important;
box-shadow: 0 8px 18px rgba(16, 115, 204, 0.06) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-thumb img,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-thumb video {
border-radius: 13px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-add {
flex: 0 0 38px !important;
width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 12px !important;
background: rgba(232, 249, 253, 0.72) !important;
color: #0f829b !important;
font-size: 24px !important;
box-shadow: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer textarea {
grid-column: 1 !important;
grid-row: auto !important;
min-height: clamp(82px, 9vh, 106px) !important;
padding: 2px 0 4px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) > textarea {
min-height: clamp(68px, 7vh, 92px) !important;
max-height: 112px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-toolbar {
grid-column: 1 !important;
grid-row: auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
padding: 10px 0 0 !important;
border-top: 1px solid rgba(30, 189, 219, 0.085) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom {
position: static !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 0 !important;
border-radius: 13px !important;
background: rgba(248, 253, 255, 0.78) !important;
color: rgba(16, 32, 44, 0.68) !important;
box-shadow: none !important;
transform: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom:hover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom.is-dragging {
background: rgba(232, 249, 253, 0.9) !important;
color: #0f829b !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom > span {
display: inline-flex !important;
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
place-items: center !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom strong {
display: inline !important;
font-size: 13px !important;
font-weight: 720 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-submit-row {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
min-width: 0 !important;
}
@media (max-width: 900px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs {
grid-template-columns: repeat(5, minmax(94px, 1fr)) !important;
width: 100% !important;
overflow-x: auto !important;
overscroll-behavior-x: contain !important;
scrollbar-width: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs::-webkit-scrollbar {
display: none !important;
}
}
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs {
grid-template-columns: repeat(5, minmax(88px, 1fr)) !important;
margin-bottom: 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-mode-tabs button {
min-height: 38px !important;
padding-inline: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .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"] .clone-ai-input-wrapper.ecom-command-composer {
min-height: 230px !important;
padding: 15px !important;
row-gap: 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings button {
flex: 1 1 calc(50% - 5px) !important;
justify-content: flex-start !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-toolbar {
align-items: center !important;
}
}
@media (max-width: 420px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 7px !important;
justify-content: stretch !important;
overflow: visible !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings button {
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
justify-content: center !important;
font-size: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings button > span:not(.ecom-command-option-icon) {
display: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-option-row.ecom-command-option-row--settings .ecom-command-option-icon {
display: inline-grid !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
margin: 0 !important;
font-size: 14px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-toolbar {
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 58px !important;
height: auto !important;
padding-top: 10px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-actions,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-submit-row {
width: auto !important;
min-width: 0 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 12px !important;
font-size: 13px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-reference.ecom-command-reference--bottom strong {
display: inline !important;
}
}
/* Compact composer override: keep the generated-state composer from growing into the canvas. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .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"] .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: 156px !important;
max-height: 186px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .ecom-command-composer textarea {
min-height: 36px !important;
max-height: 36px !important;
}
/* Composer menu anchors: place option popovers under the clicked control, not under the whole composer. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover {
position: absolute !important;
inset: var(--composer-popover-top, 48px) auto auto var(--composer-popover-left, 0px) !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
transform: none !important;
translate: none !important;
z-index: 160 !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--platform {
width: min(360px, calc(100% - var(--composer-popover-left, 0px))) !important;
max-width: min(360px, calc(100% - var(--composer-popover-left, 0px))) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--languages,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--ratio-picker {
width: min(420px, calc(100% - var(--composer-popover-left, 0px))) !important;
max-width: min(420px, calc(100% - var(--composer-popover-left, 0px))) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings {
width: min(520px, calc(100% - var(--composer-popover-left, 0px))) !important;
max-width: min(520px, calc(100% - var(--composer-popover-left, 0px))) !important;
}
/* Uploaded assets stay as compact attachments inside the composer hierarchy. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
min-height: clamp(224px, 18vh, 250px) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-popover,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-popover {
position: static !important;
grid-column: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
justify-self: start !important;
gap: 8px !important;
width: auto !important;
max-width: min(100%, 420px) !important;
min-height: 48px !important;
max-height: 52px !important;
padding: 0 !important;
overflow-x: auto !important;
overflow-y: visible !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-thumb,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-thumb {
flex: 0 0 48px !important;
width: 48px !important;
height: 48px !important;
border-radius: 12px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-add,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-add {
flex: 0 0 34px !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
font-size: 22px !important;
}