/*
 * Commerce + image tool parity layer.
 *
 * This file deliberately scopes every rule to a concrete page slug. It is
 * intended to load after toolbox-creator-clean.css so each production tool can
 * keep the topology that matches its task instead of inheriting one generic
 * creator layout.
 */

/* ---------- Explicit scope and local tokens ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) {
  --parity-brand: #f05a32;
  --parity-brand-hover: #db4823;
  --parity-brand-soft: #fff2ed;
  --parity-blue: #5467df;
  --parity-blue-soft: #f0f2ff;
  --parity-ink: #242731;
  --parity-text: #4c5261;
  --parity-muted: #747b8b;
  --parity-line: #e5e8ef;
  --parity-line-strong: #d9dde7;
  --parity-canvas: #f4f5f8;
  --parity-surface: #ffffff;
  --parity-soft: #f8f9fb;
  --parity-success: #16875b;
  --parity-danger: #c53b37;
  --parity-radius-sm: 8px;
  --parity-radius-md: 12px;
  --parity-radius-lg: 16px;
  --parity-space-xs: 4px;
  --parity-space-sm: 8px;
  --parity-space-md: 12px;
  --parity-space-lg: 16px;
  --parity-space-xl: 24px;
  --parity-space-2xl: 32px;
  --parity-control: 44px;
  color: var(--parity-ink);
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) .tb-simple-tool-page {
  width: min(1480px, 100%) !important;
  max-width: 1480px !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) .tb-simple-tool-page > .tb-v6-pagehead {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) :is(.tb-tool-workbench, .tb-tool-form-panel, .tb-v6-main-panel) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ---------- Shared controls, only for listed commerce/image slugs ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) :is(input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), select) {
  min-height: var(--parity-control) !important;
  border: 1px solid var(--parity-line-strong) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-surface) !important;
  color: var(--parity-ink) !important;
  padding: 0 var(--parity-space-md) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) textarea {
  border: 1px solid var(--parity-line-strong) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-surface) !important;
  color: var(--parity-ink) !important;
  padding: var(--parity-space-md) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  box-shadow: none !important;
  resize: vertical;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) :is(input, select, textarea, button, a):focus-visible {
  outline: 3px solid rgba(240, 90, 50, .2) !important;
  outline-offset: 2px !important;
  border-color: var(--parity-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) .tb-btn.primary {
  min-height: var(--parity-control) !important;
  border: 1px solid var(--parity-brand) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-brand) !important;
  color: #fff !important;
  padding: 0 var(--parity-space-xl) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: background-color 180ms ease-out, border-color 180ms ease-out, transform 180ms ease-out !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) .tb-btn.primary:hover {
  border-color: var(--parity-brand-hover) !important;
  background: var(--parity-brand-hover) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) .tb-btn.primary:active {
  transform: translateY(1px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) :is(button, .tb-btn)[disabled] {
  cursor: not-allowed !important;
  opacity: .48 !important;
  transform: none !important;
}

/* ---------- Commerce: shared clean workbench ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) :is(.tb-ecom-designer, .tb-detail-page-studio, .tb-product-set-studio) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-title {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  min-height: 72px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 var(--parity-space-xs) var(--parity-space-sm) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-title h3 {
  margin: 0 0 var(--parity-space-xs) !important;
  color: var(--parity-ink) !important;
  font-size: 22px !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-title p {
  display: flex !important;
  align-items: center !important;
  gap: var(--parity-space-sm) !important;
  margin: 0 !important;
  color: var(--parity-muted) !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-design-tabs {
  display: flex !important;
  align-items: center !important;
  gap: var(--parity-space-xs) !important;
  width: fit-content !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-xs) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-design-tabs :is(a, button) {
  min-height: 38px !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--parity-text) !important;
  padding: 0 var(--parity-space-lg) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-design-tabs :is(a, button).active {
  background: var(--parity-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) form.tb-ecom-board {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--parity-space-md) !important;
  margin: 0 !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-white-product-tip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  border: 0 !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-brand-soft) !important;
  padding: var(--parity-space-md) var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-white-product-tip :is(strong, span) {
  display: block !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-white-product-tip strong {
  margin-bottom: 2px !important;
  color: #7c341f !important;
  font-size: 13px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-white-product-tip span {
  color: #845240 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-product-panel {
  display: grid !important;
  grid-template-columns: minmax(250px, .72fr) minmax(260px, 1fr) minmax(220px, .7fr) !important;
  gap: var(--parity-space-lg) !important;
  align-items: stretch !important;
  border: 0 !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-blue-soft) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-product-panel > div {
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-product-panel header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: var(--parity-space-sm) !important;
  color: var(--parity-ink) !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-product-fields {
  display: grid !important;
  align-content: start !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-style-box {
  display: grid !important;
  align-content: center !important;
  gap: var(--parity-space-sm) !important;
  border: 1px solid #ded8ed !important;
  border-radius: var(--parity-radius-md) !important;
  background: #fbf7ff !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-textareas {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-textarea {
  position: relative !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-textarea > label {
  display: flex !important;
  align-items: center !important;
  gap: var(--parity-space-sm) !important;
  min-height: 32px !important;
  color: var(--parity-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-textarea > label > span {
  display: inline-grid !important;
  width: 22px !important;
  height: 22px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--parity-brand) !important;
  color: #fff !important;
  font-size: 11px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-textarea textarea {
  width: 100% !important;
  min-height: 184px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-settings {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: var(--parity-space-md) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-soft) !important;
  padding: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-submit-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  min-height: 64px !important;
  border-top: 1px solid var(--parity-line) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-md) 0 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-submit-bar > div :is(strong, span) {
  display: block !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-submit-bar > div strong {
  color: var(--parity-ink) !important;
  font-size: 13px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-set"]
) .tb-ecom-submit-bar > div span {
  margin-top: 2px !important;
  color: var(--parity-muted) !important;
  font-size: 11px !important;
}

/* Detail page stays a wide, single work surface like the reference. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="detail-page"] .tb-detail-page-studio {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="detail-page"] .tb-source-switch {
  display: flex !important;
  gap: var(--parity-space-sm) !important;
  width: fit-content !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-soft) !important;
  padding: var(--parity-space-xs) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="detail-page"] .tb-source-switch label span {
  display: flex !important;
  align-items: center !important;
  gap: var(--parity-space-xs) !important;
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 0 var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="detail-page"] .tb-source-switch input:checked + span {
  background: var(--parity-brand) !important;
  color: #fff !important;
}

/* Product set becomes the reference-style left controls + right result/cases. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio {
  grid-template-columns: 360px minmax(560px, 1fr) !important;
  grid-template-areas:
    "title title"
    "tabs tabs"
    "form workspace" !important;
  align-items: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio > .tb-ecom-title { grid-area: title !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio > .tb-design-tabs { grid-area: tabs !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio > form { grid-area: form !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio > .tb-product-set-workspace { grid-area: workspace !important; }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace {
  min-width: 0 !important;
  min-height: 720px !important;
  overflow: hidden !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border-bottom: 1px solid var(--parity-line) !important;
  padding: 0 18px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs > div {
  align-self: stretch !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs button {
  position: relative !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 2px !important;
  color: var(--parity-muted) !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  cursor: pointer !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs button::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -1px !important;
  left: 0 !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs button.active {
  color: var(--parity-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs button.active::after {
  background: var(--parity-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-workspace-tabs > a {
  color: var(--parity-muted) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-panel {
  min-height: 664px !important;
  padding: 16px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-panel[hidden] {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-panel > :is(.tb-product-image-result, .tb-real-case-gallery) {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-panel > .tb-product-image-result .tb-tool-result {
  min-height: 540px !important;
  display: grid !important;
  place-items: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-product-panel {
  grid-template-columns: minmax(0, 1fr) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-textareas {
  grid-template-columns: minmax(0, 1fr) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-textarea textarea {
  min-height: 132px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-submit-bar {
  align-items: stretch !important;
  flex-wrap: wrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-submit-bar .tb-btn.primary {
  width: 100% !important;
}

@media (min-width: 1024px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio > form.tb-ecom-board {
    max-height: calc(100dvh - 48px) !important;
    overflow-y: auto !important;
    position: sticky !important;
    top: 24px !important;
    scrollbar-gutter: stable !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-board > .tb-white-product-tip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-ecom-board > .tb-white-product-tip > a {
    position: static !important;
    width: fit-content !important;
    max-width: 100% !important;
    justify-self: end !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-panel[data-product-set-panel="result"] > .tb-product-image-result > header {
    display: none !important;
  }
}

/* ---------- Commerce: white background, batch and chat ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] .tb-product-image-studio {
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] .tb-product-image-studio > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] .tb-product-image-studio > header h3 {
  margin: 2px 0 !important;
  font-size: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] form[data-tool-slug="product-image"] {
  display: grid !important;
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1fr) !important;
  gap: var(--parity-space-lg) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] .tb-product-image-upload {
  grid-row: span 4 !important;
  min-height: 360px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] form[data-tool-slug="product-image"] .tb-form-actions {
  align-self: end !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-studio {
  width: min(1080px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-studio > header {
  display: block !important;
  margin-bottom: var(--parity-space-md) !important;
  text-align: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-studio > header h3 {
  margin: var(--parity-space-xs) 0 !important;
  font-size: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-studio > nav {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] form[data-tool-slug="batch-main-image"] {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-upload {
  display: grid !important;
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1fr) !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-fields {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-fields > label:nth-child(-n+2) {
  grid-column: span 3 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-studio {
  width: min(1460px, 100%) !important;
  min-height: 720px !important;
  display: grid !important;
  grid-template-columns: 248px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-studio > aside {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--parity-space-md) !important;
  border-right: 1px solid var(--parity-line) !important;
  background: var(--parity-soft) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-studio > main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-studio > main > header {
  display: flex !important;
  justify-content: space-between !important;
  gap: var(--parity-space-md) !important;
  min-height: 52px !important;
  border-bottom: 1px solid var(--parity-line) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] form[data-tool-slug="chat-ecommerce-image"] {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  margin-top: auto !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-prompt {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: var(--parity-space-sm) !important;
  align-items: end !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-options {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(140px, 1fr)) auto !important;
  gap: var(--parity-space-sm) !important;
  align-items: end !important;
}

/* ---------- Model wear: dedicated left rail + preview ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-page {
  width: min(1460px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-head {
  display: block !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-head h3 {
  margin: 0 0 var(--parity-space-xs) !important;
  font-size: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-head p {
  margin: 0 !important;
  color: var(--parity-muted) !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-tabs {
  display: flex !important;
  gap: var(--parity-space-xs) !important;
  overflow-x: auto !important;
  margin-bottom: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-xs) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-tabs label span {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 7px !important;
  padding: 0 var(--parity-space-lg) !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-tabs input:checked + span {
  background: var(--parity-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-layout {
  display: grid !important;
  grid-template-columns: minmax(340px, 400px) minmax(560px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] form[data-tool-slug="model-wear"] {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  max-height: calc(100dvh - 190px) !important;
  overflow-y: auto !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-upload-stack {
  display: grid !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-demo {
  min-height: 680px !important;
  overflow: auto !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

/* ---------- Image compose tools: left input + right cases/results ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-image-compose-studio {
  width: min(1400px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-image-compose-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-image-compose-head h3 {
  margin: 2px 0 !important;
  font-size: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-design-tabs {
  display: flex !important;
  gap: var(--parity-space-xs) !important;
  width: fit-content !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  margin-bottom: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-xs) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-split-creator {
  display: grid !important;
  grid-template-columns: minmax(390px, 460px) minmax(520px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-creator-left {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-creator-right {
  min-width: 0 !important;
  min-height: 620px !important;
  display: grid !important;
  align-content: start !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-compose-canvas textarea {
  min-height: 220px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-compose-canvas-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--parity-space-sm) !important;
  min-height: 36px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-compose-settings {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--parity-space-sm) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="free-design"],
  [data-page="batch-copy-image"],
  [data-page="cover-design"]
) .tb-compose-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--parity-space-md) !important;
  border-top: 1px solid var(--parity-line) !important;
  padding-top: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-copy-image"] .tb-batch-reference-board {
  display: grid !important;
  grid-template-columns: 1.35fr .65fr !important;
  gap: var(--parity-space-sm) !important;
}

/* ---------- Main AI image page ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-main {
  background: var(--parity-canvas) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-studio {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-studio > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-studio > header h2 {
  margin: 2px 0 !important;
  font-size: 24px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-form {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-types {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--parity-space-sm) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-types label span {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--parity-space-sm) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-surface) !important;
  padding: 0 var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-types input:checked + span {
  border-color: var(--parity-brand) !important;
  background: var(--parity-brand-soft) !important;
  color: #7c341f !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-composer textarea {
  min-height: 300px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-settings {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: var(--parity-space-sm) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-result {
  margin-top: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

/* ---------- Edit, poster and cover-specific work surfaces ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="edit-image"] .tb-edit-creator {
  width: min(1400px, 100%) !important;
  display: grid !important;
  grid-template-columns: minmax(400px, 480px) minmax(520px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: start !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="edit-image"] .tb-edit-creator > :is(form, aside) {
  min-width: 0 !important;
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="edit-image"] .tb-mini-tabs {
  display: flex !important;
  gap: var(--parity-space-xs) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-soft) !important;
  padding: var(--parity-space-xs) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="edit-image"] .tb-mini-tabs label span {
  min-height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 6px !important;
  padding: 0 var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="edit-image"] .tb-mini-tabs input:checked + span {
  background: var(--parity-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-designer {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-center-title {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-tabs {
  display: flex !important;
  gap: var(--parity-space-xs) !important;
  overflow-x: auto !important;
  margin-bottom: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-xs) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-tabs button {
  min-height: 38px !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  padding: 0 var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-tabs button.active {
  background: var(--parity-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-board {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-input textarea {
  min-height: 280px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-settings {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: var(--parity-space-sm) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-material-field {
  grid-column: 1 / -1 !important;
}

/* ---------- WeChat cover gallery ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-studio {
  width: min(1420px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-studio > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-layout {
  display: grid !important;
  grid-template-columns: 340px minmax(560px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-controls {
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-gallery {
  min-width: 0 !important;
  display: grid !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-gallery > nav {
  display: flex !important;
  gap: var(--parity-space-sm) !important;
  overflow-x: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-gallery > nav button {
  min-height: 36px !important;
  flex: 0 0 auto !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: 999px !important;
  background: var(--parity-surface) !important;
  padding: 0 var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-gallery > nav button.active {
  border-color: var(--parity-blue) !important;
  background: var(--parity-blue) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-gallery > div:not(.tb-tool-result) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--parity-space-md) !important;
}

/* ---------- Logo: narrow form + rich template library ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-creator {
  width: min(1480px, 100%) !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 380px) minmax(640px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: start !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-creator > :is(form, aside) {
  min-width: 0 !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-style-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--parity-space-sm) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-style-grid label span {
  min-height: 78px !important;
  display: grid !important;
  place-items: center !important;
  gap: var(--parity-space-xs) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-style-grid input:checked + span {
  border-color: var(--parity-blue) !important;
  background: var(--parity-blue-soft) !important;
  color: #3443a7 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-gallery {
  min-height: 680px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-tabs {
  display: flex !important;
  gap: var(--parity-space-sm) !important;
  overflow-x: auto !important;
  margin: var(--parity-space-md) 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-tabs button {
  min-height: 36px !important;
  flex: 0 0 auto !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: 999px !important;
  background: var(--parity-surface) !important;
  padding: 0 var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-tabs button.active {
  border-color: var(--parity-blue) !important;
  background: var(--parity-blue) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] [data-logo-card] {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] [data-logo-card] figure {
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] [data-logo-card] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] [data-logo-card] > button {
  position: absolute !important;
  inset: auto var(--parity-space-sm) var(--parity-space-sm) var(--parity-space-sm) !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: var(--parity-radius-sm) !important;
  background: rgba(36, 39, 49, .9) !important;
  color: #fff !important;
  opacity: 0 !important;
  transform: translateY(6px) !important;
  transition: opacity 180ms ease-out, transform 180ms ease-out !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] [data-logo-card]:is(:hover, :focus-within) > button {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ---------- Translation and ID photo: reference-style two-column tools ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-image-task-studio {
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-image-task-studio > header {
  display: block !important;
  margin-bottom: var(--parity-space-md) !important;
  text-align: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-translation-steps {
  display: flex !important;
  justify-content: center !important;
  gap: var(--parity-space-sm) !important;
  margin: 0 0 var(--parity-space-md) !important;
  padding: 0 !important;
  list-style: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-translation-steps li {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--parity-space-sm) !important;
  border-radius: 999px !important;
  background: var(--parity-soft) !important;
  padding: 0 var(--parity-space-md) !important;
  color: var(--parity-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-translation-steps li.active {
  background: var(--parity-blue-soft) !important;
  color: #3443a7 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-image-task-layout {
  display: grid !important;
  grid-template-columns: minmax(340px, 1fr) minmax(340px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-lg) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] :is(.tb-image-task-upload, .tb-image-task-controls) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image-translate"] .tb-image-task-drop {
  min-height: 340px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="id-photo"] .tb-id-photo-studio {
  width: min(1260px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="id-photo"] .tb-id-photo-studio > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="id-photo"] .tb-id-photo-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, 360px) minmax(500px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="id-photo"] :is(.tb-id-photo-controls, .tb-id-photo-preview) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="id-photo"] .tb-id-photo-drop {
  min-height: 360px !important;
}

/* ---------- Crop and collage: editor topology ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-image-tool {
  width: min(1480px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-image-tool > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: var(--parity-space-lg) !important;
  margin-bottom: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-image-layout {
  min-height: calc(100dvh - 190px) !important;
  display: grid !important;
  grid-template-columns: 320px minmax(560px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) :is(.tb-local-controls, .tb-local-preview) {
  min-width: 0 !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-controls {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-settings {
  display: grid !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-preview {
  display: grid !important;
  place-items: center !important;
  overflow: auto !important;
  background: #eef1f7 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="crop-image"],
  [data-page="grid-collage"]
) .tb-local-preview canvas {
  max-width: 100% !important;
  max-height: calc(100dvh - 250px) !important;
  background: #fff !important;
}

/* Collage follows the desktop editor topology used by the reference: preset
   rail, working canvas, property rail.  This is intentionally desktop-only;
   mobile keeps the existing structural fallback. */
@media (min-width: 1024px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout {
    grid-template-columns: 220px minmax(520px, 1fr) 280px !important;
    gap: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-presets,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout > .tb-local-controls {
    min-width: 0 !important;
    border: 1px solid var(--parity-line) !important;
    border-radius: var(--parity-radius-md) !important;
    background: var(--parity-surface) !important;
    padding: 16px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-presets {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-presets > header,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout > .tb-local-controls > header {
    display: grid !important;
    gap: 4px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-presets > header strong,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout > .tb-local-controls > header strong {
    color: var(--parity-ink) !important;
    font-size: 14px !important;
    font-weight: 760 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-presets > header span,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout > .tb-local-controls > header span {
    color: var(--parity-muted) !important;
    font-size: 11px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-presets > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] [data-collage-preset] {
    min-height: 104px !important;
    display: grid !important;
    place-items: center !important;
    gap: 7px !important;
    border: 1px solid var(--parity-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 9px 7px !important;
    color: var(--parity-ink) !important;
    cursor: pointer !important;
    transition: border-color 180ms var(--parity-ease), background-color 180ms var(--parity-ease), transform 180ms var(--parity-ease) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] [data-collage-preset]:hover,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] [data-collage-preset][aria-pressed="true"] {
    border-color: var(--parity-brand) !important;
    background: var(--parity-brand-soft) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] [data-collage-preset]:active {
    transform: scale(.98) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] [data-collage-preset] b {
    font-size: 11px !important;
    font-weight: 680 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon {
    width: 58px !important;
    height: 54px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(0, 1fr) !important;
    gap: 3px !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 6px !important;
    background: #f5f7fb !important;
    padding: 4px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon i {
    display: block !important;
    border-radius: 2px !important;
    background: #cbd3e2 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon.layout-2x1 {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon.layout-3x2,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon.layout-3x3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon.layout-4x2,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-preset-icon.layout-4x3 {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout > .tb-local-preview {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 690px !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    place-items: stretch !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-local-preview-toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 1px solid var(--parity-line) !important;
    padding-bottom: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-local-preview-toolbar label {
    position: relative !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--parity-brand) !important;
    border-radius: 7px !important;
    background: var(--parity-brand) !important;
    padding: 0 14px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-local-preview-toolbar input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-local-preview-toolbar button {
    min-height: 36px !important;
    border: 1px solid var(--parity-line) !important;
    border-radius: 7px !important;
    background: #fff !important;
    padding: 0 13px !important;
    color: var(--parity-muted) !important;
    font-size: 12px !important;
    cursor: pointer !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-local-canvas-stage {
    min-height: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="grid-collage"] .tb-collage-layout > .tb-local-controls {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
  }
}

/* ---------- Reverse prompt: one clear upload + result panel ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="prompt-from-image"] .tb-prompt-reverse-studio {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="prompt-from-image"] .tb-prompt-reverse-studio > header {
  display: block !important;
  margin-bottom: var(--parity-space-md) !important;
  text-align: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="prompt-from-image"] .tb-prompt-reverse-studio > .tb-split-creator {
  display: grid !important;
  grid-template-columns: minmax(360px, 440px) minmax(420px, 1fr) !important;
  gap: var(--parity-space-md) !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="prompt-from-image"] .tb-prompt-reverse-studio :is(.tb-creator-left, .tb-creator-right) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: var(--parity-space-md) !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="prompt-from-image"] .tb-prompt-reverse-drop {
  min-height: 320px !important;
}

/* ---------- Upload and result surfaces inside the scoped pages ---------- */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) .tb-upload-drop {
  min-height: 104px !important;
  display: grid !important;
  place-content: center !important;
  justify-items: center !important;
  gap: var(--parity-space-xs) !important;
  border: 1px dashed #cdd2df !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-soft) !important;
  padding: var(--parity-space-lg) !important;
  color: var(--parity-text) !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: border-color 180ms ease-out, background-color 180ms ease-out !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) .tb-upload-drop:is(:hover, :focus-within),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="crop-image"],
  [data-page="grid-collage"],
  [data-page="prompt-from-image"]
) .tb-upload-drop:is([data-ui-drag-state="active"], .is-dragging) {
  border-color: var(--parity-brand) !important;
  background: var(--parity-brand-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) :is(.tb-real-case-gallery, .tb-product-image-result) {
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-md) !important;
  background: var(--parity-surface) !important;
  padding: var(--parity-space-lg) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) .tb-real-case-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: var(--parity-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
  [data-page="detail-page"],
  [data-page="product-image"],
  [data-page="product-set"],
  [data-page="batch-main-image"],
  [data-page="model-wear"],
  [data-page="chat-ecommerce-image"],
  [data-page="image"],
  [data-page="free-design"],
  [data-page="edit-image"],
  [data-page="batch-copy-image"],
  [data-page="poster-design"],
  [data-page="cover-design"],
  [data-page="wechat-cover"],
  [data-page="logo-design"],
  [data-page="image-translate"],
  [data-page="id-photo"],
  [data-page="prompt-from-image"]
) .tb-real-case-card {
  overflow: hidden !important;
  border: 1px solid var(--parity-line) !important;
  border-radius: var(--parity-radius-sm) !important;
  background: var(--parity-surface) !important;
  box-shadow: none !important;
}

/* ---------- Structural responsive changes ---------- */

@media (max-width: 1180px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="model-wear"] .tb-wear-layout,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-creator,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-layout {
    grid-template-columns: minmax(320px, .76fr) minmax(480px, 1.24fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="free-design"],
    [data-page="edit-image"],
    [data-page="batch-copy-image"],
    [data-page="cover-design"]
  ) :is(.tb-split-creator, .tb-edit-creator) {
    grid-template-columns: minmax(360px, .8fr) minmax(460px, 1.2fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-set"]
  ) .tb-ecom-product-panel {
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-set"]
  ) .tb-ecom-style-box {
    grid-column: 1 / -1 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-set"] .tb-product-set-studio {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "tabs"
      "form"
      "workspace" !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="model-wear"],
    [data-page="logo-design"],
    [data-page="wechat-cover"],
    [data-page="image-translate"],
    [data-page="id-photo"],
    [data-page="crop-image"],
    [data-page="grid-collage"],
    [data-page="prompt-from-image"]
  ) :is(
    .tb-wear-layout,
    .tb-logo-creator,
    .tb-wechat-cover-layout,
    .tb-image-task-layout,
    .tb-id-photo-layout,
    .tb-local-image-layout,
    .tb-prompt-reverse-studio > .tb-split-creator
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="free-design"],
    [data-page="edit-image"],
    [data-page="batch-copy-image"],
    [data-page="cover-design"]
  ) :is(.tb-split-creator, .tb-edit-creator) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-studio {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-studio > aside {
    border-right: 0 !important;
    border-bottom: 1px solid var(--parity-line) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] form[data-tool-slug="product-image"],
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-upload,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is([data-page="detail-page"], [data-page="product-set"]) .tb-ecom-product-panel,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is([data-page="detail-page"], [data-page="product-set"]) .tb-ecom-textareas {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="product-image"] .tb-product-image-upload {
    grid-row: auto !important;
    min-height: 220px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-settings,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-settings {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-image"],
    [data-page="product-set"],
    [data-page="batch-main-image"],
    [data-page="model-wear"],
    [data-page="chat-ecommerce-image"],
    [data-page="image"],
    [data-page="free-design"],
    [data-page="edit-image"],
    [data-page="batch-copy-image"],
    [data-page="poster-design"],
    [data-page="cover-design"],
    [data-page="wechat-cover"],
    [data-page="logo-design"],
    [data-page="image-translate"],
    [data-page="id-photo"],
    [data-page="crop-image"],
    [data-page="grid-collage"],
    [data-page="prompt-from-image"]
  ) :is(form, .tb-creator-right, .tb-real-case-gallery, .tb-product-image-result) {
    border-radius: var(--parity-radius-sm) !important;
    padding: var(--parity-space-md) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-set"]
  ) :is(.tb-ecom-title, .tb-ecom-submit-bar),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="free-design"],
    [data-page="batch-copy-image"],
    [data-page="cover-design"]
  ) :is(.tb-image-compose-head, .tb-compose-submit),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="product-image"],
    [data-page="id-photo"],
    [data-page="crop-image"],
    [data-page="grid-collage"]
  ) :is(.tb-product-image-studio > header, .tb-id-photo-studio > header, .tb-local-image-tool > header) {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-fields,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-options,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is([data-page="free-design"], [data-page="batch-copy-image"], [data-page="cover-design"]) .tb-compose-settings,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="image"] .tb-image-home-settings,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-settings {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-main-image"] .tb-batch-main-fields > label:nth-child(-n+2),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="poster-design"] .tb-poster-material-field {
    grid-column: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="batch-copy-image"] .tb-batch-reference-board,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="chat-ecommerce-image"] .tb-ecom-chat-prompt {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="logo-design"] .tb-logo-card-grid,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="wechat-cover"] .tb-wechat-cover-gallery > div:not(.tb-tool-result) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-set"]
  ) .tb-ecom-submit-bar .tb-btn.primary,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="free-design"],
    [data-page="batch-copy-image"],
    [data-page="cover-design"]
  ) .tb-compose-submit .tb-btn.primary {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-image"],
    [data-page="product-set"],
    [data-page="batch-main-image"],
    [data-page="model-wear"],
    [data-page="chat-ecommerce-image"],
    [data-page="image"],
    [data-page="free-design"],
    [data-page="edit-image"],
    [data-page="batch-copy-image"],
    [data-page="poster-design"],
    [data-page="cover-design"],
    [data-page="wechat-cover"],
    [data-page="logo-design"],
    [data-page="image-translate"],
    [data-page="id-photo"],
    [data-page="crop-image"],
    [data-page="grid-collage"],
    [data-page="prompt-from-image"]
  ) *,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-image"],
    [data-page="product-set"],
    [data-page="batch-main-image"],
    [data-page="model-wear"],
    [data-page="chat-ecommerce-image"],
    [data-page="image"],
    [data-page="free-design"],
    [data-page="edit-image"],
    [data-page="batch-copy-image"],
    [data-page="poster-design"],
    [data-page="cover-design"],
    [data-page="wechat-cover"],
    [data-page="logo-design"],
    [data-page="image-translate"],
    [data-page="id-photo"],
    [data-page="crop-image"],
    [data-page="grid-collage"],
    [data-page="prompt-from-image"]
  ) *::before,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:is(
    [data-page="detail-page"],
    [data-page="product-image"],
    [data-page="product-set"],
    [data-page="batch-main-image"],
    [data-page="model-wear"],
    [data-page="chat-ecommerce-image"],
    [data-page="image"],
    [data-page="free-design"],
    [data-page="edit-image"],
    [data-page="batch-copy-image"],
    [data-page="poster-design"],
    [data-page="cover-design"],
    [data-page="wechat-cover"],
    [data-page="logo-design"],
    [data-page="image-translate"],
    [data-page="id-photo"],
    [data-page="crop-image"],
    [data-page="grid-collage"],
    [data-page="prompt-from-image"]
  ) *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}