/* Keep Product Data and Product Page Replication inside OnRay's shared workspace language. */
.product-data-page,
.commerce-page {
  --workspace-ink: #303730;
  --workspace-muted: #929990;
  --workspace-line: #e1e4de;
  --workspace-paper: #fff;
  --workspace-wash: #f6f7f3;
  --workspace-acid: #d8fa6a;
  --workspace-acid-hover: #c8ef55;
  --workspace-green: #789b38;
  --workspace-deep: #373d38;
  --workspace-ui: "Outfit", "Noto Sans SC", Manrope, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --workspace-mono: "DM Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  color: var(--workspace-ink);
  background: var(--workspace-wash);
  font-family: var(--workspace-ui);
  font-weight: 500;
}

.product-data-page button,
.product-data-page input,
.product-data-page select,
.product-data-page textarea,
.commerce-page button,
.commerce-page input,
.commerce-page select,
.commerce-page textarea {
  font-family: var(--workspace-ui);
}

.product-data-main,
.commerce-main {
  background: var(--workspace-wash);
}

.product-data-topbar,
.commerce-topbar {
  position: relative;
  top: auto;
  box-sizing: border-box;
  min-height: 70px;
  padding: 0 46px;
  color: #92968e;
  border-bottom: 1px solid var(--workspace-line);
  background: rgba(255, 255, 255, .83);
  backdrop-filter: blur(16px);
}

.product-data-topbar > div,
.commerce-topbar > div {
  gap: 8px;
  font-size: 12px;
}

.product-data-topbar i,
.commerce-topbar i {
  color: #c5c8c2;
}

.product-data-topbar strong,
.commerce-topbar strong {
  color: #353934;
  font-weight: 700;
}

.product-data-topbar p,
.commerce-topbar p {
  margin: 0 0 0 24px;
  color: var(--workspace-muted);
  font-size: 10px;
  text-align: right;
}

.product-data-content,
.commerce-content {
  box-sizing: border-box;
  max-width: 1490px;
  gap: 16px;
  padding: 35px 45px 60px;
}

/* Functional-area intro: same scale and restraint as the single/batch project headers. */
.product-data-hero,
.commerce-hero {
  min-height: 0;
  box-sizing: border-box;
  padding: 0 0 2px;
  color: var(--workspace-ink);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  align-items: flex-end;
  overflow: visible;
}

.product-data-hero::before,
.commerce-hero::before {
  display: none;
}

.product-data-hero::after,
.commerce-hero::after {
  display: none;
}

.product-data-hero p,
.commerce-hero .eyebrow {
  margin: 0 0 8px;
  color: #8ca644;
  font: 700 9px/1.2 var(--workspace-mono);
  letter-spacing: 1px;
}

.product-data-hero h1,
.commerce-hero h1 {
  margin: 0 0 7px;
  color: #272b27;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.3px;
}

.product-data-hero span,
.commerce-hero > div > p:last-child {
  max-width: 760px;
  margin: 0;
  color: #969b94;
  font-size: 11px;
  line-height: 1.65;
}

.product-data-hero > a,
.commerce-primary,
.commerce-source-card > button,
.commerce-action-row button,
.commerce-gate-layout aside button,
.commerce-header-actions button.primary,
.commerce-publish button,
.commerce-supply-tools button,
.commerce-dialog footer button,
.product-keyword-search > button,
.product-image-search > button:not(.subtle),
.product-dialog footer button {
  min-height: 34px;
  padding: 0 12px;
  color: #26341e;
  border: 0;
  border-radius: 3px;
  background: var(--workspace-acid);
  font-size: 10px;
  font-weight: 800;
  box-shadow: none;
}

.product-data-hero > a {
  min-height: 34px;
  box-sizing: border-box;
  gap: 12px;
}

.product-data-hero > a:hover,
.commerce-primary:hover,
.commerce-source-card > button:hover,
.commerce-action-row button:hover,
.commerce-gate-layout aside button:hover,
.commerce-header-actions button.primary:hover,
.commerce-publish button:hover,
.product-keyword-search > button:hover,
.product-image-search > button:not(.subtle):hover {
  color: #26341e;
  border-color: transparent;
  background: var(--workspace-acid-hover);
  transform: none;
}

.commerce-hero aside {
  max-width: 300px;
  padding: 6px 0 6px 14px;
  color: #4e5a49;
  border-left: 2px solid #a9c477;
  border-radius: 0;
  background: transparent;
}

.commerce-hero aside b {
  font-size: 11px;
}

.commerce-hero aside span {
  color: #879083;
  font-size: 9px;
  line-height: 1.55;
}

.commerce-topbar-task{display:flex;align-items:center;gap:9px;min-width:min(360px,42vw)}
.commerce-topbar-task span{flex:none;color:#7c847d;font-size:9px;font-weight:800;letter-spacing:.04em}
.commerce-topbar-task input{width:100%;min-width:0;height:32px;box-sizing:border-box;padding:0 10px;border:1px solid #d6ddd4;border-radius:4px;background:#fff;color:#2f3530;font:800 10px var(--workspace-ui);outline:0}
.commerce-topbar-task input:focus{border-color:#8fa765;box-shadow:0 0 0 3px rgba(143,167,101,.12)}
.commerce-hero .commerce-hero-actions{width:auto;max-width:none;padding:0;border:0;background:transparent}
.commerce-hero .commerce-hero-actions .commerce-page-actions{display:flex;align-items:center;gap:6px}

.commerce-flow {
  padding: 0 0 3px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 7px;
  overflow: visible;
}

.commerce-flow span {
  position: relative;
  min-width: 0;
  padding: 0;
  color: #8a9088;
  border-radius: 0;
  background: transparent;
  font-size: 9px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.commerce-flow b {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin: 0;
  color: #899188;
  border: 1px solid #cfd3cc;
  border-radius: 50%;
  background: var(--workspace-paper);
  font: 800 9px var(--workspace-mono);
  display: grid;
  place-items: center;
}

.commerce-flow span:first-child {
  color: #363d35;
  font-weight: 800;
}

.commerce-flow span:first-child b {
  color: #fff;
  border-color: var(--workspace-deep);
  background: var(--workspace-deep);
}

.commerce-flow span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 12px;
  right: -7px;
  width: 7px;
  height: 1px;
  background: #d7dbd4;
}

/* Shared flat panels and heading hierarchy. */
.product-search-panel,
.product-results-panel,
.commerce-step {
  border-color: var(--workspace-line);
  border-radius: 0;
  background: var(--workspace-paper);
  box-shadow: none;
}

.product-search-panel {
  gap: 14px;
  padding: 18px 19px;
}

.product-results-panel > header,
.commerce-step > header {
  min-height: 64px;
  box-sizing: border-box;
  padding: 14px 19px;
  border-color: #e9ece7;
}

.product-results-panel header p,
.commerce-step > header small {
  color: #8ca644;
  font: 700 9px var(--workspace-mono);
  letter-spacing: 1px;
}

.product-results-panel header h2,
.commerce-step > header h2 {
  margin: 5px 0 0;
  color: #363d35;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -.5px;
}

.commerce-step > header > span,
.product-results-panel header span {
  color: var(--workspace-muted);
  font-size: 9px;
}

.commerce-source-grid {
  padding: 14px 19px 12px;
  gap: 10px;
}

.commerce-reference-step > header {
  min-height: 52px;
  padding: 10px 15px;
}

.commerce-reference-step .commerce-source-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
  padding: 9px 14px 9px;
  gap: 8px;
}

.commerce-reference-summary,
.commerce-reference-section,
.commerce-reference-data-grid {
  margin: 0 14px 12px;
}

.commerce-reference-summary {
  padding: 12px;
  border-bottom: 1px solid var(--workspace-line);
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: center;
  gap: 18px;
}

.commerce-reference-summary > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.commerce-reference-summary b {
  color: #303730;
  font-size: 12px;
  line-height: 1.45;
}

.commerce-reference-summary span {
  color: var(--workspace-muted);
  font-size: 9px;
}

.commerce-reference-summary dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  gap: 6px;
}

.commerce-reference-summary dl div,
.commerce-parameter-list div,
.commerce-sku-list div {
  padding: 7px 9px;
  border: 1px solid var(--workspace-line);
  border-radius: 3px;
  background: #fff;
}

.commerce-reference-summary dt,
.commerce-reference-summary dd,
.commerce-parameter-list dt,
.commerce-parameter-list dd {
  margin: 0;
}

.commerce-reference-summary dt {
  color: var(--workspace-muted);
  font-size: 8px;
}

.commerce-reference-summary dd {
  margin-top: 2px;
  color: #303730;
  font-size: 10px;
  font-weight: 750;
}

.commerce-reference-section h3,
.commerce-reference-data-grid h3 {
  margin: 0 0 7px;
  color: #363d35;
  font-size: 10px;
}

.commerce-reference-section h3 span,
.commerce-reference-data-grid h3 span {
  color: var(--workspace-muted);
  font-size: 8px;
  font-weight: 500;
}

.commerce-reference-section .commerce-reference-images {
  padding: 0;
}

.commerce-detail-images figure {
  min-width: 86px;
}

.commerce-detail-images img {
  width: 86px;
  height: 104px;
}

.commerce-reference-data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.commerce-reference-data-grid > section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--workspace-line);
  border-radius: 3px;
  background: #fbfcf9;
}

.commerce-supply-loading {
  margin: 10px 0;
  padding: 9px 10px;
  color: #8a3e2f;
  border-left: 3px solid #d5573d;
  background: #fff4f1;
  font-size: 9px;
  font-weight: 750;
}

.commerce-supply-section {
  padding-top: 12px;
}

.commerce-supply-section > b,
.commerce-supply-data > section > b {
  color: #3b433a;
  font-size: 10px;
}

.commerce-supply-data {
  padding: 8px 0 13px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.commerce-supply-data > section {
  max-height: 210px;
  padding: 10px;
  overflow: auto;
  border: 1px solid var(--workspace-line);
  border-radius: 3px;
  background: #fbfcf9;
}

.commerce-supply-data p {
  margin: 6px 0 0;
  color: #555e54;
  font-size: 8px;
  display: grid;
  grid-template-columns: minmax(72px, .7fr) minmax(0, 1.3fr);
  gap: 6px;
}

.commerce-supply-data p span {
  color: var(--workspace-muted);
}

.commerce-parameter-list,
.commerce-sku-list {
  max-height: 210px;
  margin: 0;
  overflow: auto;
  display: grid;
  gap: 5px;
}

.commerce-parameter-list div,
.commerce-sku-list div {
  display: grid;
  grid-template-columns: minmax(85px, .7fr) minmax(0, 1.3fr);
  gap: 8px;
}

.commerce-parameter-list dt,
.commerce-sku-list b {
  color: #596158;
  font-size: 9px;
}

.commerce-parameter-list dd,
.commerce-sku-list span {
  color: #303730;
  font-size: 9px;
}

.commerce-reference-step .commerce-source-card {
  padding: 9px 10px;
  gap: 7px;
}

.commerce-link-compact {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) auto;
  align-items: end;
  gap: 7px;
}

.commerce-link-compact label {
  min-width: 0;
  gap: 4px;
}

.commerce-link-compact input,
.commerce-link-compact select,
.commerce-link-compact button {
  min-height: 32px !important;
  height: 32px;
}

.commerce-link-compact button {
  padding: 0 14px;
  white-space: nowrap;
}

.commerce-image-compact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 8px;
  align-items: stretch;
}

.commerce-image-compact-actions {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 5px;
}

.commerce-image-compact-actions .commerce-platform-checks {
  flex-wrap: nowrap;
  gap: 5px;
}

.commerce-image-compact-actions .commerce-platform-checks label {
  flex: 1;
  justify-content: center;
  min-width: 0;
  padding: 5px 6px;
  border-radius: 3px;
}

.commerce-image-compact-actions button {
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
}

.commerce-image-compact-actions > small {
  overflow: hidden;
  color: var(--workspace-muted);
  font-size: 8px;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-reference-step .commerce-image-search-drop {
  min-height: 56px !important;
  padding: 6px 7px;
  grid-template-columns: 42px 1fr;
  column-gap: 8px;
}

.commerce-reference-step .commerce-image-search-drop > span {
  width: 42px;
  height: 42px;
}

.commerce-reference-step .commerce-results {
  padding: 0 14px 9px;
}

.commerce-reference-step .commerce-empty {
  padding: 10px 12px;
}

.commerce-source-fields.compact {
  grid-template-columns: minmax(0, 220px);
}

.commerce-source-card,
.commerce-reference-preview,
.commerce-supply-disclosure,
.commerce-supply-layout,
.commerce-upload,
.commerce-analysis,
.commerce-gate-layout aside,
.commerce-module,
.commerce-generated figure,
.commerce-empty,
.commerce-no-data,
.commerce-qa-grid span,
.product-advanced,
.product-image-drop,
.product-dialog,
.commerce-dialog-shell {
  border-radius: 3px;
}

.commerce-source-card {
  padding: 13px 14px;
  border-color: var(--workspace-line);
  background: #fbfcf9;
}

.commerce-source-card .commerce-query {
  gap: 5px;
}

.commerce-source-card .commerce-query input {
  min-height: 38px;
}

.commerce-source-card > button {
  min-height: 34px;
}

.commerce-image-search-drop {
  min-height: 70px !important;
  grid-template-columns: 52px 1fr;
}

.commerce-image-search-drop > span {
  width: 52px;
  height: 52px;
}

.commerce-source-title span {
  color: #8ca644;
  font: 700 8px var(--workspace-mono);
}

.commerce-source-title b {
  font-size: 12px;
}

.commerce-source-card p,
.commerce-source-card label,
.commerce-form-grid label,
.commerce-supply-tools label,
.commerce-dialog label {
  color: #747d72;
  font-size: 9px;
}

.commerce-source-card input,
.commerce-source-card select,
.commerce-form-grid input,
.commerce-form-grid select,
.commerce-form-grid textarea,
.commerce-supply-tools input,
.commerce-dialog textarea,
.commerce-dialog select,
.product-keyword-search input,
.product-primary-filters input,
.product-primary-filters select,
.product-advanced input {
  border-color: #dce2d9;
  border-radius: 3px;
  background: #fbfcf9;
  color: #465044;
  font-size: 10px;
}

.commerce-source-card input:focus,
.commerce-source-card select:focus,
.commerce-form-grid input:focus,
.commerce-form-grid select:focus,
.commerce-form-grid textarea:focus,
.commerce-supply-tools input:focus,
.commerce-dialog textarea:focus,
.commerce-dialog select:focus,
.product-keyword-search input:focus,
.product-primary-filters input:focus,
.product-primary-filters select:focus,
.product-advanced input:focus {
  border-color: #9ab96b;
  box-shadow: 0 0 0 2px rgba(137, 167, 73, .11);
}

.commerce-platform-checks label,
.commerce-image-search-drop,
.commerce-market-entry a,
.commerce-header-actions button,
.product-country-row button,
.product-platform-row label,
.product-search-tabs,
.product-search-tabs button,
.product-filter-footer button,
.product-results-panel header button,
.product-results-panel footer button,
.product-image-search .subtle {
  border-radius: 3px;
}

.commerce-market-entry a,
.commerce-header-actions button,
.product-country-row button,
.product-platform-row label,
.product-filter-footer button,
.product-results-panel header button,
.product-results-panel footer button,
.product-image-search .subtle {
  color: #687362;
  border-color: #dce1d9;
  background: #fff;
  font-size: 9px;
}

.product-country-row button:hover,
.product-country-row button.active,
.product-search-tabs button.active {
  color: #50682e;
  border-color: #b8cd91;
  background: #f2f8e7;
  box-shadow: none;
}

.product-country-row > b,
.product-platform-row > b {
  font-size: 10px;
}

.product-platform-row > span,
.product-image-drop small,
.product-primary-filters label,
.product-advanced label,
.product-filter-footer span {
  color: var(--workspace-muted);
  font-size: 9px;
}

.product-search-tabs {
  background: #f5f7f2;
}

.product-search-tabs button {
  padding: 7px 12px;
  font-size: 9px;
}

.product-keyword-search input {
  height: 40px;
}

.product-image-drop {
  min-height: 72px;
  background: #fbfcf9;
}

.product-image-drop b {
  font-size: 11px;
}

.product-primary-filters input,
.product-primary-filters select,
.product-advanced input {
  height: 35px;
}

.product-advanced {
  border-color: #e5e9e2;
}

.product-advanced summary {
  color: #657062;
  font-size: 10px;
}

.product-filter-footer i,
.product-source-status span {
  color: #5e7536;
  border-radius: 3px;
  background: #eff7df;
}

.product-table-wrap th {
  color: #8a9289;
  background: #fafbf9;
  font-size: 9px;
}

.product-table-wrap td {
  color: #636b61;
  font-size: 10px;
}

.product-table-wrap tr:hover td {
  background: #fbfcfa;
}

.product-cell b,
.product-shop b {
  color: #515a50;
  font-size: 10px;
}

.product-row-actions button,
.product-row-actions a {
  border-radius: 3px;
  font-size: 9px;
}

.product-row-actions button,
.product-results-panel header button:last-child {
  color: #26341e;
  border-color: var(--workspace-acid);
  background: var(--workspace-acid);
}

.product-results-panel > footer {
  background: #fafbf9;
}

.commerce-results,
.commerce-action-row,
.commerce-modules,
.commerce-generated,
.commerce-qa-grid {
  padding-left: 19px;
  padding-right: 19px;
}

.commerce-reference-preview,
.commerce-analysis {
  margin-left: 19px;
  margin-right: 19px;
}

.commerce-brief-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(250px, .55fr);
  padding: 14px 19px;
  gap: 12px;
}

.commerce-brief-compact {
  gap: 9px;
}

.commerce-brief-compact > label {
  gap: 5px;
}

.commerce-brief-compact input,
.commerce-brief-compact select {
  min-height: 34px;
  padding: 7px 9px;
}

.commerce-brief-compact > label > small {
  color: #939b90;
  font-size: 8px;
  line-height: 1.35;
}

.commerce-brief-list {
  min-width: 0;
  margin: 0;
  padding: 8px 9px 9px;
  border: 1px solid #e1e5de;
  border-radius: 3px;
  background: #fbfcf9;
}

.commerce-brief-list legend {
  padding: 0 5px;
  color: #626c64;
  font-size: 9px;
  font-weight: 750;
}

.commerce-brief-list legend span {
  margin-left: 5px;
  color: #949c92;
  font-weight: 500;
}

.commerce-brief-list > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.commerce-brief-list[data-commerce-brief-group="specifications"] > .commerce-brief-items {
  max-height: 75px;
  padding-right: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  align-content: start;
  scrollbar-width: thin;
  scrollbar-color: #92a184 #edf0ea;
}
.commerce-brief-list[data-commerce-brief-group="specifications"] > .commerce-brief-items::-webkit-scrollbar { width: 7px; }
.commerce-brief-list[data-commerce-brief-group="specifications"] > .commerce-brief-items::-webkit-scrollbar-track { border-radius: 999px; background: #edf0ea; }
.commerce-brief-list[data-commerce-brief-group="specifications"] > .commerce-brief-items::-webkit-scrollbar-thumb { border-radius: 999px; background: #92a184; cursor: grab; }

.commerce-brief-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 4px;
}

.commerce-brief-item > button,
.commerce-brief-add {
  border: 1px solid #dce2d9;
  border-radius: 3px;
  background: #fff;
  color: #697467;
  cursor: pointer;
}

.commerce-brief-item > button {
  min-height: 34px;
  padding: 0;
  color: #b94b3a;
  font-size: 15px;
}

.commerce-brief-add {
  min-height: 27px;
  margin-top: 6px;
  padding: 0 9px;
  font-size: 8px;
  font-weight: 750;
}

.commerce-brief-add:hover,
.commerce-brief-item > button:hover { border-color: #9ab96b; background: #f5f8ee; }
.commerce-brief-add:disabled { opacity: .38; cursor: not-allowed; }

#commerceBriefAiStatus.is-loading { color: #d44d37; font-weight: 800; }
#commerceBriefAiStatus.is-ready { color: #67843c; font-weight: 750; }

.commerce-brief-list input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid #dce2d9;
  border-radius: 3px;
  background: #fff;
  color: #465044;
  font-size: 10px;
  outline: 0;
}

.commerce-brief-list input:focus {
  border-color: #9ab96b;
  box-shadow: 0 0 0 2px rgba(137, 167, 73, .11);
}

.commerce-sku-editor {
  min-width: 0;
  margin: 0;
  padding: 8px 9px 9px;
  border: 1px solid #e1e5de;
  border-radius: 3px;
  background: #fbfcf9;
}
.commerce-sku-editor legend { padding: 0 5px; color: #626c64; font-size: 9px; font-weight: 750; }
.commerce-sku-editor legend span { margin-left: 5px; color: #949c92; font-weight: 500; }
.commerce-sku-items { max-height: 75px; padding-right: 5px; display: grid; gap: 6px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #92a184 #edf0ea; }
.commerce-sku-item { display: grid; grid-template-columns: minmax(90px, .38fr) minmax(180px, 1fr) 28px; gap: 5px; }
.commerce-sku-item input { width: 100%; min-width: 0; min-height: 34px; box-sizing: border-box; padding: 7px 9px; border: 1px solid #dce2d9; border-radius: 3px; background: #fff; color: #465044; font-size: 10px; outline: 0; }
.commerce-sku-item input:focus { border-color: #9ab96b; box-shadow: 0 0 0 2px rgba(137, 167, 73, .11); }
.commerce-sku-item button { min-height: 34px; padding: 0; border: 1px solid #dce2d9; border-radius: 3px; background: #fff; color: #b94b3a; font-size: 15px; cursor: pointer; }

.commerce-upload {
  padding: 12px;
  background: #f7f9f4;
}

.commerce-role-legend {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 10px;
  padding: 8px 8px 8px 24px;
}

.commerce-uploaded-images {
  grid-template-columns: repeat(3, 1fr) !important;
}

.commerce-action-row {
  padding-bottom: 16px;
}

.commerce-upload > label {
  color: #587336;
  border-color: #b8cd91;
  border-radius: 3px;
}

.commerce-analysis {
  color: var(--workspace-ink);
  border-color: #d8e3ca;
  background: #f7faef;
}

.commerce-analysis > header {
  border-color: #dce6d0;
}

.commerce-analysis header small,
.commerce-lock-grid span {
  color: var(--workspace-green);
}

.commerce-analysis-summary,
.commerce-analysis ul,
.commerce-analysis p,
.commerce-strategy-list small {
  color: #687363;
}

.commerce-fact-grid section,
.commerce-lock-grid section,
.commerce-strategy-list article {
  color: var(--workspace-ink);
  border-color: #dce6d0;
  border-radius: 3px;
  background: #fff;
}

.commerce-analysis details {
  border-color: #dce6d0;
  border-radius: 3px;
}

.commerce-analysis .commerce-analysis-block { background: rgba(255,255,255,.42); }
.commerce-analysis .commerce-analysis-block > summary { display: flex; align-items: center; justify-content: space-between; }
.commerce-analysis .commerce-analysis-block > summary::after { content: '＋'; color: #7d8b74; font-size: 12px; font-weight: 650; }
.commerce-analysis .commerce-analysis-block[open] > summary::after { content: '−'; }
.commerce-analysis-block-content { padding: 0 10px 10px; }
.commerce-analysis-block-content .commerce-analysis-summary { padding: 4px 2px 10px; }
.commerce-analysis-block-content .commerce-fact-grid,
.commerce-analysis-block-content .commerce-lock-grid { padding: 0; }

.commerce-gate-step > header { min-height: 48px; padding: 10px 19px; }
.commerce-gate-step .commerce-gate-layout { padding: 10px 19px 14px; grid-template-columns: minmax(210px,.75fr) minmax(150px,.48fr) minmax(210px,.62fr); gap: 9px; }
.commerce-gate-step .commerce-module { min-height: 64px; padding: 9px 10px; }
.commerce-gate-step .commerce-generated .commerce-empty { min-height: 64px; padding: 10px; }
.commerce-gate-step .commerce-generated img { height: 128px; aspect-ratio: auto; object-fit: contain; }
.commerce-gate-step .commerce-generated figcaption { padding: 6px 8px; }
.commerce-gate-step .commerce-gate-layout aside { padding: 10px 12px; gap: 6px; }
.commerce-gate-step .commerce-gate-layout aside b { font-size: 12px; }
.commerce-gate-step .commerce-gate-layout aside p { font-size: 9px; line-height: 1.45; }
.commerce-gate-step .commerce-gate-layout aside button { min-height: 32px; }

.commerce-module {
  border-color: var(--workspace-line);
}

.commerce-module:has(input:checked) {
  border-color: #a9c477;
  background: #f7faef;
}

.commerce-module > i {
  color: #34422b;
  border-radius: 3px;
  background: var(--workspace-acid);
}

.commerce-module-action {
  color: #587336;
  border-color: #b8cd91;
  border-radius: 3px;
}

.commerce-pack-note {
  border-left-color: #a9c477;
  border-radius: 0 3px 3px 0;
  background: #f7faef;
}

.commerce-pack-note span {
  color: #6d7669;
}

.commerce-dialog::backdrop,
.product-dialog::backdrop {
  background: rgba(24, 30, 25, .58);
}

.commerce-dialog-shell,
.product-dialog {
  border: 1px solid var(--workspace-line);
  box-shadow: 0 24px 70px rgba(19, 28, 20, .28);
}

.commerce-dialog-shell > header,
.product-dialog form > header {
  padding: 17px 19px;
}

.commerce-dialog-shell h2,
.product-dialog h2 {
  font-size: 16px;
}

@media (max-width: 1100px) {
  .commerce-reference-step .commerce-source-grid {
    grid-template-columns: 1fr;
  }

  .product-data-topbar,
  .commerce-topbar {
    padding: 0 25px;
  }

  .product-data-content,
  .commerce-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (max-width: 760px) {
  .product-data-topbar,
  .commerce-topbar {
    min-height: 58px;
    padding: 0 15px;
  }

  .product-data-topbar p,
  .commerce-topbar p {
    display: none;
  }

  .product-data-content,
  .commerce-content {
    gap: 12px;
    padding: 20px 14px 46px;
  }

  .product-data-hero,
  .commerce-hero {
    gap: 18px;
    padding: 0 0 2px;
  }

  .product-data-hero::after,
  .commerce-hero::after {
    display: none;
  }

  .product-data-hero h1,
  .commerce-hero h1 {
    font-size: 23px;
  }

  .commerce-hero aside {
    max-width: none;
  }

  .product-search-panel,
  .commerce-source-grid,
  .commerce-brief-grid,
  .commerce-results,
  .commerce-action-row,
  .commerce-modules,
  .commerce-generated,
  .commerce-qa-grid {
    padding-right: 14px;
    padding-left: 14px;
  }

  .commerce-reference-preview,
  .commerce-analysis {
    margin-right: 14px;
    margin-left: 14px;
  }

  .commerce-brief-list > div {
    grid-template-columns: 1fr;
  }

  .commerce-flow {
    display: flex;
    overflow-x: auto;
    padding-bottom: 7px;
  }

  .commerce-flow span {
    flex: 0 0 128px;
    min-width: 128px;
  }

  .commerce-link-compact,
  .commerce-image-compact {
    grid-template-columns: 1fr;
  }

  .commerce-reference-summary,
  .commerce-reference-data-grid,
  .commerce-supply-data {
    grid-template-columns: 1fr;
  }

  .commerce-reference-summary dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Returned catalog, supply and generated images share one preview/selection pattern. */
.commerce-returned-image,
.commerce-generated figure,
.commerce-product,
.commerce-supply-card { position: relative; }
.commerce-returned-image > button,
.commerce-result-thumb,
.commerce-detail-thumb,
.commerce-generated-preview { display: block; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.commerce-returned-image > button:focus-visible,
.commerce-result-thumb:focus-visible,
.commerce-detail-thumb:focus-visible,
.commerce-generated-preview:focus-visible { outline: 3px solid rgba(227,67,45,.28); outline-offset: 2px; }
.commerce-returned-image.selected-image,
.commerce-generated figure.selected-image,
.commerce-product.selected-image,
.commerce-supply-card.selected-image { border-color: #df4c36 !important; box-shadow: 0 0 0 2px rgba(223,76,54,.12); }
.commerce-image-check { position: absolute; top: 7px; right: 7px; z-index: 3; display: inline-flex !important; grid-template-columns: none !important; align-items: center; gap: 5px !important; min-height: 28px; padding: 0 8px; border: 1px solid rgba(255,255,255,.76); border-radius: 999px; background: rgba(20,27,22,.76); color: #fff !important; font-size: 9px !important; cursor: pointer; backdrop-filter: blur(5px); }
.commerce-image-check.compact { top: 5px; right: 5px; min-height: 24px; padding: 0 6px; }
.commerce-image-check input { width: 14px !important; height: 14px !important; min-height: 0 !important; margin: 0; accent-color: #e3432d; }
.commerce-image-check span { color: inherit !important; font-size: inherit !important; }
.commerce-returned-image { min-width: 104px; margin: 0; }
.commerce-returned-image img { display: block; }
.commerce-returned-image figcaption { padding-right: 2px; }
.commerce-result-thumb img { display: block; }
.commerce-detail-thumb { width: 84px; height: 84px; }
.commerce-detail-thumb img { width: 84px; height: 84px; object-fit: contain; }
.commerce-supply-gallery .commerce-returned-image { min-width: 102px; }
.commerce-supply-gallery .commerce-returned-image img { width: 102px; height: 102px; }
.commerce-generated-preview { width: 100%; }

.commerce-preview-dialog { width: min(720px, calc(100vw - 32px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 0; border: 0; background: transparent; }
.commerce-preview-dialog::backdrop { background: rgba(11,15,12,.78); backdrop-filter: blur(7px); }
.commerce-preview-shell { width: 100%; overflow: hidden; border: 1px solid #d4d9d1; border-radius: 16px; background: #fff; box-shadow: 0 28px 90px rgba(8,12,9,.42); }
.commerce-preview-shell > header { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 22px; border-bottom: 1px solid #e5e9e2; }
.commerce-preview-shell > header small { color: #dc4c34; font: 750 9px var(--mono, monospace); letter-spacing: .12em; }
.commerce-preview-shell > header h2 { max-width: 760px; margin: 4px 0 0; overflow: hidden; color: #202720; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.commerce-preview-shell > header button { width: 38px; height: 38px; flex: 0 0 auto; padding: 0; border: 1px solid #dce2d9; border-radius: 50%; background: #f7f9f5; color: #263028; font-size: 24px; cursor: pointer; }
.commerce-preview-stage { width: 100%; min-height: 220px; height: min(58vh, 520px); padding: 0; overflow: auto; overscroll-behavior: contain; background: #e9ede7; scrollbar-color: #8f9a8f #e3e8e1; }
.commerce-preview-stage.is-pannable { cursor: grab; touch-action: none; }
.commerce-preview-stage.is-dragging { cursor: grabbing; user-select: none; }
.commerce-preview-stage img { display: block; max-width: none; max-height: none; object-fit: fill; box-shadow: none; user-select: none; -webkit-user-drag: none; }
.commerce-preview-shell > footer { min-height: 64px; display: flex; align-items: center; gap: 14px; padding: 0 22px; border-top: 1px solid #e5e9e2; }
.commerce-preview-shell > footer label { display: inline-flex; align-items: center; gap: 8px; color: #252d26; font-size: 12px; font-weight: 800; cursor: pointer; }
.commerce-preview-shell > footer input { width: 17px; height: 17px; accent-color: #e3432d; }
.commerce-preview-shell > footer small { color: #7a847b; font-size: 10px; }
.commerce-preview-shell > footer #commercePreviewZoom { color: #d64b35; font-weight: 800; }
.commerce-preview-shell > footer a { margin-left: auto; color: #d9422f; font-size: 11px; font-weight: 850; text-decoration: none; }

/* Product reference output: verified product on the left, compact 1688 titles on the right. */
.commerce-reference-output-grid {
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
  gap: 10px;
  align-items: start;
}

.commerce-reference-main-output { min-width: 0; }
.commerce-reference-output-grid .commerce-results,
.commerce-reference-output-grid .commerce-reference-preview,
.commerce-reference-output-grid .commerce-supply-disclosure {
  margin: 0;
}
.commerce-reference-output-grid .commerce-results { padding: 0; }

.commerce-reference-product-switcher {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.commerce-reference-product-switcher button {
  width: 100%;
  padding: 7px 9px;
  border: 1px solid #dce2d9;
  border-radius: 3px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.commerce-reference-product-switcher button.selected {
  border-color: #9ab96b;
  background: #f5f8ee;
  box-shadow: inset 3px 0 0 #8fae4f;
}
.commerce-reference-product-switcher button b,
.commerce-reference-product-switcher button span { display: block; }
.commerce-reference-product-switcher button b { color: #303730; font-size: 11px; line-height: 1.4; }
.commerce-reference-product-switcher button span { margin-top: 2px; color: #778075; font-size: 8px; }

/* Keep the selected product identity on the same line as the read-result heading. */
.commerce-reference-preview > .commerce-read-product-head {
  min-height: 48px;
  padding: 8px 11px;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
}
.commerce-read-product-label {
  display: flex !important;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.commerce-read-product-label small { flex: 0 0 auto; }
.commerce-read-product-label b { color: #303730; font-size: 11px; }
.commerce-reference-product-switcher-inline {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.commerce-reference-product-switcher-inline button {
  width: auto;
  min-width: 0;
  max-width: 100%;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.commerce-reference-product-switcher-inline button b,
.commerce-reference-product-switcher-inline button span {
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commerce-reference-product-switcher-inline button b { max-width: min(38vw, 420px); }
.commerce-reference-product-switcher-inline button span {
  max-width: min(18vw, 180px);
  padding-left: 7px;
  border-left: 1px solid #dce2d9;
}
.commerce-read-product-note { white-space: nowrap; }
.commerce-reference-facts-only {
  display: block;
  padding: 8px 11px;
}
.commerce-reference-facts-only dl {
  width: 100%;
  grid-template-columns: repeat(6, minmax(70px, 1fr));
}

.commerce-reference-data-grid { grid-template-columns: 1fr; gap: 6px; }
.commerce-reference-data-grid > section { padding: 7px; }
.commerce-reference-data-grid h3 { margin-bottom: 5px; }
.commerce-reference-data-disclosure {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--workspace-line);
  border-radius: 3px;
  background: #fbfcf9;
}
.commerce-reference-data-disclosure > summary {
  min-height: 29px;
  padding: 0 8px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 7px;
  align-items: center;
  list-style: none;
  cursor: pointer;
}
.commerce-reference-data-disclosure > summary::-webkit-details-marker { display: none; }
.commerce-reference-data-disclosure > summary b { color: #3b433a; font-size: 9px; }
.commerce-reference-data-disclosure > summary span { color: var(--workspace-muted); font-size: 8px; }
.commerce-reference-data-disclosure > summary i { color: #d84d37; font-size: 8px; font-style: normal; }
.commerce-reference-data-disclosure[open] > summary { border-bottom: 1px solid var(--workspace-line); }
.commerce-reference-data-disclosure > .commerce-parameter-list,
.commerce-reference-data-disclosure > .commerce-sku-list { margin: 5px; }
.commerce-parameter-list,
.commerce-sku-list { max-height: 142px; gap: 3px; }
.commerce-reference-data-disclosure .commerce-parameter-list {
  max-height: 108px;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
}
.commerce-parameter-list div,
.commerce-sku-list div {
  padding: 4px 6px;
  grid-template-columns: minmax(70px, .62fr) minmax(0, 1.38fr);
  gap: 6px;
  align-items: start;
}
.commerce-parameter-list dt,
.commerce-parameter-list dd,
.commerce-sku-list b,
.commerce-sku-list span {
  font-size: 8px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.commerce-tier-price-section .commerce-sku-list {
  max-height: 62px;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}
.commerce-tier-price-section .commerce-sku-list div { grid-template-columns: auto 1fr; }

.commerce-reference-output-grid .commerce-supply-disclosure {
  position: sticky;
  top: 58px;
  border-color: #dce2d9;
  background: #fbfcf9;
}
.commerce-reference-output-grid .commerce-supply-disclosure summary { padding: 8px 10px 8px 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; }
.commerce-supply-inline-action {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #d8ded5;
  border-radius: 3px;
  background: #fff;
  color: #4a554b;
  font-size: 8px;
  font-weight: 800;
  cursor: pointer;
}
.commerce-supply-inline-action:hover:not(:disabled) { border-color: #99b667; color: #6c863b; }
.commerce-supply-inline-action:disabled { cursor: not-allowed; opacity: .46; }
.commerce-reference-output-grid .commerce-supply-tools {
  padding: 9px 10px;
  grid-template-columns: 1fr;
  gap: 6px;
}
.commerce-reference-output-grid .commerce-supply-tools-action-only { display: flex; justify-content: flex-end; }
.commerce-reference-output-grid .commerce-supply-tools-action-only button { min-height: 28px; padding: 0 10px; }
.commerce-reference-output-grid .commerce-supply-layout {
  min-height: 0;
  max-height: 520px;
  margin: 0 9px 9px;
  display: block;
  overflow: hidden;
  border-color: #dce2d9;
}
.commerce-reference-output-grid .commerce-supplies {
  max-height: 500px;
  padding: 6px;
  border-right: 0;
  gap: 5px;
}
.commerce-supply-title-card {
  width: 100%;
  min-height: 52px;
  padding: 7px 8px;
  border: 1px solid #dce2d9;
  border-radius: 3px;
  background: #fff;
  display: grid;
  grid-template-columns: 20px 42px minmax(0, 1fr) auto;
  grid-template-areas: "number image title action" "number image vendor action";
  gap: 2px 7px;
  align-items: center;
  color: #303730;
  text-align: left;
  cursor: pointer;
}
.commerce-supply-title-card:hover,
.commerce-supply-title-card.selected { border-color: #98b466; background: #f5f8ee; }
.commerce-supply-title-card > span { grid-area: number; color: #a1aa9f; font: 750 9px var(--workspace-mono); }
.commerce-supply-title-card > img { grid-area: image; width: 42px; height: 42px; border: 1px solid #e2e7df; border-radius: 3px; background: #fff; object-fit: contain; }
.commerce-supply-title-card > b { grid-area: title; font-size: 9px; line-height: 1.35; }
.commerce-supply-title-card > small { grid-area: vendor; min-width: 0; display: flex; align-items: center; gap: 5px; overflow: hidden; color: #7d867b; font-size: 8px; white-space: nowrap; }
.commerce-supply-title-card > small > span { overflow: hidden; text-overflow: ellipsis; }
.commerce-supply-title-card > small > em { flex: 0 0 auto; color: #b94b37; font-size: 7px; font-style: normal; font-weight: 800; }
.commerce-supply-title-card > i { grid-area: action; color: #d84d37; font-size: 8px; font-style: normal; white-space: nowrap; }

.commerce-supply-dialog {
  width: min(920px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  padding: 0;
  border: 0;
  background: transparent;
}
.commerce-supply-dialog::backdrop { background: rgba(11,15,12,.72); backdrop-filter: blur(7px); }
.commerce-supply-dialog-shell {
  overflow: hidden;
  border: 1px solid #d4d9d1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 28px 90px rgba(8,12,9,.42);
}
.commerce-supply-dialog-shell > header {
  min-height: 66px;
  padding: 0 18px;
  border-bottom: 1px solid #e5e9e2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.commerce-supply-dialog-shell > header > div { min-width: 0; }
.commerce-supply-dialog-shell > header small { color: #dc4c34; font: 750 8px var(--workspace-mono); letter-spacing: .12em; }
.commerce-supply-dialog-shell > header h2 { max-width: 760px; margin: 3px 0 0; overflow: hidden; color: #242c25; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.commerce-supply-dialog-shell > header button { width: 34px; height: 34px; flex: 0 0 auto; padding: 0; border: 1px solid #dce2d9; border-radius: 50%; background: #f7f9f5; color: #263028; font-size: 21px; cursor: pointer; }
.commerce-supply-dialog-body { max-height: calc(100dvh - 126px); padding: 14px 18px 18px; overflow: auto; }
.commerce-supply-dialog-body .commerce-supply-detail-head { grid-template-columns: minmax(0, 1fr) auto; }

.commerce-uploaded-images figcaption { gap: 5px; }
.commerce-uploaded-images figcaption > label { display: grid; gap: 3px; }
.commerce-uploaded-images figcaption > label > span { color: #788178; font-size: 7px; font-weight: 750; }
.commerce-uploaded-images figcaption select {
  width: 100%;
  min-height: 27px;
  padding: 0 22px 0 7px;
  border: 1px solid #dce2d9;
  border-radius: 3px;
  background: #f8faf6;
  color: #303830;
  font-size: 8px;
  font-weight: 750;
}

@media (max-width: 980px) {
  .commerce-reference-output-grid { grid-template-columns: 1fr; }
  .commerce-reference-output-grid .commerce-supply-disclosure { position: static; }
  .commerce-gate-step .commerce-gate-layout { grid-template-columns: 1fr 1fr; }
  .commerce-gate-step .commerce-gate-layout aside { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .commerce-preview-stage { min-height: 220px; height: 54vh; padding: 10px; }
  .commerce-preview-shell > header,
  .commerce-preview-shell > footer { padding-left: 14px; padding-right: 14px; }
  .commerce-preview-shell > footer small { display: none; }
  .commerce-reference-output-grid .commerce-supply-disclosure summary { gap: 6px; }
  .commerce-supply-inline-action { padding: 0 7px; font-size: 7px; }
  .commerce-reference-output-grid { padding-right: 10px; padding-left: 10px; }
  .commerce-reference-summary { grid-template-columns: 1fr; gap: 8px; }
  .commerce-reference-preview > .commerce-read-product-head {
    grid-template-columns: max-content minmax(0, 1fr);
  }
  .commerce-read-product-note { display: none; }
  .commerce-reference-product-switcher-inline button b { max-width: 52vw; }
  .commerce-reference-product-switcher-inline button span { max-width: 28vw; }
  .commerce-reference-facts-only dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commerce-supply-dialog { width: calc(100vw - 16px); }
  .commerce-supply-dialog-body { padding: 10px; }
  .commerce-supply-dialog-body .commerce-supply-detail-head,
  .commerce-supply-data { grid-template-columns: 1fr; }
  .commerce-reference-data-disclosure .commerce-parameter-list { grid-template-columns: 1fr; }
  .commerce-sku-item { grid-template-columns: minmax(76px,.42fr) minmax(0,1fr) 28px; }
  .commerce-gate-step .commerce-gate-layout { grid-template-columns: 1fr; }
  .commerce-gate-step .commerce-gate-layout aside { grid-column: auto; }
}

/* 2026-08-29 compact commerce details, editable strategy grid and unified main-image generation. */
.commerce-page .commerce-flow { grid-template-columns: repeat(5, 1fr); }

.commerce-details-step > header { min-height: 46px; padding: 8px 14px; }
.commerce-details-step .commerce-brief-grid {
  padding: 9px 14px 8px;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .26fr);
  gap: 8px;
  align-items: start;
}
.commerce-details-step .commerce-form-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.commerce-details-step .commerce-form-grid > label { gap: 3px; font-size: 8px; }
.commerce-details-step .commerce-form-grid > label > small { display: none; }
.commerce-details-step .commerce-form-grid input,
.commerce-details-step .commerce-form-grid select { min-height: 30px; height: 30px; padding: 5px 7px; font-size: 9px; }
.commerce-details-step .commerce-brief-list.wide,
.commerce-details-step .commerce-sku-editor.wide { grid-column: span 2; padding: 5px 6px 6px; }
.commerce-details-step .commerce-form-grid > label.wide { grid-column: span 2; }
.commerce-details-step .commerce-brief-list legend,
.commerce-details-step .commerce-sku-editor legend { padding: 0 3px; font-size: 8px; }
.commerce-details-step .commerce-brief-list > div { gap: 4px; }
.commerce-details-step .commerce-brief-item { grid-template-columns: minmax(0, 1fr) 24px; gap: 3px; }
.commerce-details-step .commerce-brief-item > button,
.commerce-details-step .commerce-sku-item button { min-height: 28px; height: 28px; font-size: 13px; }
.commerce-details-step .commerce-brief-add { min-height: 22px; margin-top: 4px; padding: 0 7px; font-size: 7px; }
.commerce-details-step .commerce-brief-list[data-commerce-brief-group="specifications"] > .commerce-brief-items,
.commerce-details-step .commerce-sku-items { max-height: 61px; }
.commerce-details-step .commerce-sku-item { grid-template-columns: minmax(72px, .34fr) minmax(120px, 1fr) 24px; gap: 3px; }
.commerce-details-step .commerce-sku-item input { min-height: 28px; height: 28px; padding: 4px 6px; font-size: 9px; }
.commerce-details-step .commerce-upload { padding: 8px; gap: 6px; }
.commerce-details-step .commerce-upload > div:first-child b { font-size: 10px; }
.commerce-details-step .commerce-upload > div:first-child span { font-size: 7px; }
.commerce-details-step .commerce-role-legend { margin: 0; padding: 5px 5px 5px 19px; grid-template-columns: 1fr; gap: 0; font-size: 7px; line-height: 1.35; }
.commerce-details-step .commerce-upload > label { min-height: 30px; font-size: 8px; }
.commerce-details-step .commerce-uploaded-images { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 4px; }
.commerce-details-step .commerce-uploaded-images figcaption { padding: 3px; gap: 2px; }
.commerce-details-step .commerce-uploaded-images figcaption > label > span { display: none; }
.commerce-details-step .commerce-uploaded-images figcaption select { min-height: 23px; padding-left: 4px; font-size: 7px; }
.commerce-details-step .commerce-uploaded-images button { top: 2px; right: 2px; width: 18px; height: 18px; }
.commerce-details-step .commerce-action-row { padding: 0 14px 10px; gap: 9px; }
.commerce-details-step .commerce-action-row button { min-height: 32px; }
.commerce-details-step .commerce-action-row p { font-size: 8px; }

.commerce-details-step .commerce-analysis {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  color: var(--workspace-ink);
  border: 0;
  border-top: 1px solid #e4e9df;
  border-radius: 0;
  background: transparent;
  display: grid;
  gap: 5px;
}
.commerce-details-step .commerce-analysis.hidden { display: none; }
.commerce-details-step .commerce-analysis details { margin: 5px 0 0; border: 1px solid #dce3d8; border-radius: 3px; background: #fbfcf9; }
.commerce-details-step .commerce-analysis summary { min-height: 31px; box-sizing: border-box; padding: 5px 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; list-style: none; cursor: pointer; }
.commerce-details-step .commerce-analysis summary::-webkit-details-marker { display: none; }
.commerce-details-step .commerce-analysis summary > span { min-width: 0; display: flex; align-items: center; gap: 9px; }
.commerce-details-step .commerce-analysis summary b { color: #414a40; font-size: 9px; }
.commerce-details-step .commerce-analysis summary small { color: #929a90; font-size: 7px; font-weight: 550; }
.commerce-details-step .commerce-analysis summary i { color: #6d803f; font-size: 7px; font-style: normal; font-weight: 750; white-space: nowrap; }
.commerce-merged-analysis-body { padding: 4px 7px 7px; border-top: 1px solid #e7ebe4; display: grid; gap: 5px; }
.commerce-merged-analysis-body > p { margin: 0; color: #606a5e; font-size: 8px; line-height: 1.45; }
.commerce-merged-analysis-body section { display: grid; grid-template-columns: 75px 1fr; gap: 7px; align-items: start; }
.commerce-merged-analysis-body section > b { padding-top: 3px; color: #596655; font-size: 8px; }
.commerce-merged-analysis-body section > div { display: flex; flex-wrap: wrap; gap: 3px; }
.commerce-merged-analysis-body section span { padding: 2px 5px; border: 1px solid #e1e6dd; border-radius: 2px; background: #fff; color: #6d756b; font-size: 7px; }

.commerce-strategy-editor[open] > summary { border-bottom: 1px solid #e7ebe4; }
.commerce-strategy-table { overflow-x: auto; }
.commerce-strategy-head,
.commerce-strategy-row { min-width: 980px; display: grid; grid-template-columns: 28px 130px 150px minmax(260px, 1.5fr) minmax(180px, .9fr) minmax(160px, .8fr); gap: 4px; align-items: stretch; }
.commerce-strategy-head { padding: 4px 6px; color: #8b9389; background: #f2f5ee; font-size: 7px; }
.commerce-strategy-row { padding: 3px 6px; border-top: 1px solid #edf0ea; }
.commerce-strategy-row:first-of-type { border-top: 0; }
.commerce-strategy-row > span { color: #8aa051; font: 750 8px var(--workspace-mono); display: grid; place-items: center; }
.commerce-strategy-row input,
.commerce-strategy-row textarea { width: 100%; min-width: 0; min-height: 27px; box-sizing: border-box; padding: 5px 6px; overflow: hidden; resize: none; border: 1px solid transparent; border-radius: 2px; background: transparent; color: #4d574b; font: 550 8px/1.45 var(--workspace-ui); }
.commerce-strategy-row input:hover,
.commerce-strategy-row textarea:hover { border-color: #dce3d8; background: #fff; }
.commerce-strategy-row input:focus,
.commerce-strategy-row textarea:focus { min-height: 58px; overflow: auto; border-color: #98b368; background: #fff; outline: 0; box-shadow: 0 0 0 2px rgba(145,173,92,.1); }

.commerce-main-generation-sample { padding: 9px 14px 10px; border-bottom: 1px solid #e7ebe4; background: #fbfcf9; }
.commerce-main-generation-pack { padding: 9px 0 0; }
.commerce-generation-subhead { min-height: 31px; padding: 0 1px 7px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.commerce-main-generation-pack > .commerce-generation-subhead { padding-right: 14px; padding-left: 14px; }
.commerce-generation-subhead > div:first-child { display: flex; align-items: baseline; gap: 9px; }
.commerce-generation-subhead b { color: #3b443a; font-size: 10px; }
.commerce-generation-subhead span { color: #8b9389; font-size: 8px; }
.commerce-generation-subhead > i { color: #8ca644; font: 750 8px var(--workspace-mono); font-style: normal; }
.commerce-main-generation-step .commerce-gate-layout { padding: 0; grid-template-columns: minmax(190px,.7fr) minmax(180px,.55fr) minmax(290px,1fr); gap: 6px; }
.commerce-main-generation-step .commerce-gate-layout > * { min-height: 108px; }
.commerce-main-generation-step .commerce-gate-layout .commerce-module { min-height: 108px; box-sizing: border-box; padding: 10px 84px 10px 10px; }
.commerce-main-generation-step .commerce-generated.gate { min-height: 108px; }
.commerce-main-generation-step .commerce-generated.gate .commerce-empty { min-height: 108px; box-sizing: border-box; display: grid; place-items: center; }
.commerce-main-generation-step .commerce-generated.gate img { height: 108px; }
.commerce-main-generation-step .commerce-gate-layout aside { min-height: 108px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #dfe5d9; background: #f3f7eb; align-content: center; }
.commerce-main-generation-step .commerce-gate-layout aside > div { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.commerce-main-generation-step .commerce-gate-layout aside button { min-height: 30px; padding: 0 8px; font-size: 8px; }
.commerce-main-generation-step .commerce-gate-layout aside b { font-size: 10px; }
.commerce-main-generation-step .commerce-gate-layout aside p { font-size: 8px; }
.commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { padding-top: 3px; padding-bottom: 9px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.commerce-main-generation-step .commerce-main-generation-pack .commerce-module { min-height: 55px; padding-top: 7px; padding-bottom: 7px; }
.commerce-main-generation-step .commerce-main-generation-pack > .commerce-generated { padding-top: 0; }

.commerce-dialog { width: min(680px, calc(100vw - 24px)); }
.commerce-dialog-shell { border-radius: 8px; box-shadow: 0 24px 70px rgba(21,30,23,.32); }
.commerce-dialog-shell > header { min-height: 54px; box-sizing: border-box; padding: 10px 14px; align-items: center; background: #fbfcf9; }
.commerce-dialog-shell > header h2 { margin-top: 2px; font-size: 14px; }
.commerce-dialog-shell > header button { width: 30px; height: 30px; padding: 0; border: 1px solid #dce2d9; border-radius: 50%; background: #fff; font-size: 19px; }
.commerce-dialog-body { max-height: calc(100dvh - 150px); padding: 11px 14px; gap: 9px; }
.commerce-dialog textarea { min-height: 82px; max-height: 160px; padding: 8px; line-height: 1.45; }
.commerce-dialog-options { gap: 5px; }
.commerce-dialog-options label { gap: 3px; }
.commerce-dialog-options select { min-height: 31px; padding: 5px 7px; }
.commerce-dialog-assets { margin-top: 5px; gap: 4px; }
.commerce-dialog-note { padding: 6px 8px; font-size: 8px !important; }
.commerce-dialog-shell > footer { padding: 8px 14px; display: flex; justify-content: flex-end; }
.commerce-dialog-shell > footer button { width: auto; min-width: 150px; min-height: 32px; }
.commerce-prompt-heading button { min-height: 26px; }

.commerce-preview-dialog { width: 210px; max-width: calc(100vw - 24px); }
.commerce-preview-shell { border-radius: 7px; box-shadow: 0 18px 50px rgba(8,12,9,.38); }
.commerce-preview-shell > header { min-height: 38px; padding: 0 8px; gap: 6px; }
.commerce-preview-shell > header small { display: none; }
.commerce-preview-shell > header h2 { margin: 0; font-size: 10px; }
.commerce-preview-shell > header button { width: 24px; height: 24px; border-radius: 50%; font-size: 16px; }
.commerce-preview-stage { min-height: 0; padding: 0; overflow: hidden; background: #edf0ea; }
.commerce-preview-stage img { object-fit: contain; }
.commerce-preview-shell > footer { min-height: 34px; padding: 0 7px; gap: 6px; }
.commerce-preview-shell > footer label { gap: 4px; font-size: 8px; }
.commerce-preview-shell > footer input { width: 13px; height: 13px; }
.commerce-preview-shell > footer small { font-size: 7px; }
.commerce-preview-shell > footer a { font-size: 8px; }

@media (max-width: 1180px) {
  .commerce-details-step .commerce-brief-grid { grid-template-columns: 1fr; }
  .commerce-details-step .commerce-uploaded-images { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .commerce-page .commerce-flow span { flex-basis: 120px; min-width: 120px; }
  .commerce-details-step .commerce-form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .commerce-details-step .commerce-brief-list.wide,
  .commerce-details-step .commerce-sku-editor.wide,
  .commerce-details-step .commerce-form-grid > label.wide { grid-column: 1 / -1; }
  .commerce-main-generation-step .commerce-gate-layout { grid-template-columns: 1fr; }
  .commerce-main-generation-step .commerce-gate-layout aside { grid-column: auto; }
  .commerce-generation-subhead { align-items: flex-start; flex-direction: column; }
  .commerce-main-generation-pack > .commerce-generation-subhead { padding-bottom: 8px; }
}
@media (max-width: 560px) {
  .commerce-details-step .commerce-form-grid { grid-template-columns: 1fr; }
  .commerce-details-step .commerce-brief-list.wide,
  .commerce-details-step .commerce-sku-editor.wide,
  .commerce-details-step .commerce-form-grid > label.wide { grid-column: auto; }
  .commerce-details-step .commerce-uploaded-images { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: 1fr; }
  .commerce-main-generation-step .commerce-gate-layout aside > div { grid-template-columns: 1fr; }
  .commerce-preview-shell > footer #commercePreviewSelectionCount { display: none; }
}

/* 2026-08-29 · unified image studio */
.commerce-page .commerce-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.commerce-main-generation-step > header { min-height: 58px; padding: 13px 19px; }
.commerce-main-generation-sample { padding: 15px 18px 18px; background: linear-gradient(145deg,#fbfcf9,#f4f7f0); }
.commerce-main-generation-pack { padding-top: 14px; }
.commerce-detail-generation-pack { margin-top: 6px; padding-top: 17px; border-top: 1px solid #dfe5dc; background: #fbfcfa; }
.commerce-generation-subhead { min-height: 38px; padding-bottom: 10px; }
.commerce-main-generation-pack > .commerce-generation-subhead { padding-right: 18px; padding-left: 18px; }
.commerce-generation-subhead > div:first-child { align-items: center; gap: 10px; }
.commerce-generation-subhead b { color: #273128; font-size: 12px; }
.commerce-generation-subhead span { font-size: 9px; line-height: 1.5; }
.commerce-generation-subhead > i { padding: 5px 8px; border-radius: 999px; background: #eef4e3; color: #657a3f; }

.commerce-main-generation-step .commerce-gate-layout { padding: 0; grid-template-columns: minmax(360px,.92fr) minmax(420px,1.08fr); gap: 14px; }
.commerce-main-generation-step .commerce-gate-layout > * { min-height: 260px; }
.commerce-main-generation-step .commerce-gate-result-panel,
.commerce-main-generation-step .commerce-gate-prompt { min-width: 0; padding: 16px; border: 1px solid #dde4da; border-radius: 10px; box-sizing: border-box; display: grid; align-content: start; gap: 11px; }
.commerce-main-generation-step .commerce-gate-result-panel { background: #fff; }
.commerce-main-generation-step .commerce-gate-prompt { background: linear-gradient(145deg,#fff8f5,#f3f7ee); }
.commerce-main-generation-step .commerce-gate-panel-label { display: flex !important; grid-template-columns: none !important; align-items: center; justify-content: space-between; gap: 12px; }
.commerce-main-generation-step .commerce-gate-panel-label span { color: #303a31; font-size: 11px; font-weight: 800; }
.commerce-main-generation-step .commerce-gate-panel-label small { color: #8a9389; font-size: 8px; }
.commerce-main-generation-step .commerce-gate-layout .commerce-module { min-height: 66px; padding: 0; }
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate { min-height: 158px; }
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate .commerce-empty { min-height: 158px; padding: 18px; box-sizing: border-box; display: grid; place-content: center; gap: 4px; }
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate .commerce-empty b { color: #535e54; font-size: 11px; }
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate .commerce-empty span { color: #929a91; font-size: 8px; }
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate img { width: 100%; height: 190px; aspect-ratio: auto; object-fit: contain; }
.commerce-main-generation-step .commerce-gate-layout aside { min-height: 260px; padding: 16px; border: 1px solid #e6ddd8; border-radius: 10px; background: linear-gradient(145deg,#fff8f5,#f3f7ee); align-content: stretch; }
.commerce-main-generation-step .commerce-gate-layout aside > div { display: flex; grid-template-columns: none; }
.commerce-main-generation-step .commerce-gate-prompt label { display: block; }
.commerce-main-generation-step .commerce-gate-prompt textarea { min-height: 152px; max-height: 240px; padding: 11px 12px; border-radius: 7px; background: rgba(255,255,255,.92); }
.commerce-main-generation-step .commerce-gate-actions { display: grid !important; grid-template-columns: 1.2fr .8fr !important; gap: 7px; }
.commerce-main-generation-step .commerce-gate-layout aside button { min-height: 37px; padding: 0 10px; border-radius: 6px; font-size: 9px; }
.commerce-main-generation-step .commerce-gate-layout aside .commerce-generate-featured { border-color: #df5237; background: linear-gradient(135deg,#ef6447,#d9452d); color: #fff; box-shadow: 0 8px 18px rgba(222,72,44,.18); }
.commerce-main-generation-step .commerce-gate-layout aside .commerce-approve { border-color: #33483a; background: #33483a; }

.commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { padding: 4px 18px 12px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.commerce-module { min-height: 94px; padding: 0; border: 1px solid #dfe5dc; border-radius: 8px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: stretch; overflow: hidden; background: #fff; box-shadow: 0 5px 15px rgba(30,41,32,.035); transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.commerce-module:hover { transform: translateY(-1px); border-color: #bccbb6; box-shadow: 0 9px 20px rgba(30,41,32,.075); }
.commerce-module:has(input:checked) { border-color: #d9a391; background: #fffaf7; }
.commerce-module.locked { opacity: .52; background: #f1f3ef; }
.commerce-module-select { min-width: 0; padding: 12px; display: grid; grid-template-columns: auto auto minmax(0,1fr); align-items: start; gap: 9px; cursor: pointer; }
.commerce-module-select input { width: 14px; height: 14px; margin: 3px 0 0; accent-color: #df5237; }
.commerce-module-index { width: 30px; height: 30px; border-radius: 7px; background: #eef2ea; color: #657165; font: 750 8px var(--workspace-mono); display: grid !important; place-items: center; }
.commerce-module-copy { min-width: 0; display: grid !important; gap: 3px; }
.commerce-module-copy b { color: #303a31; font-size: 10px; line-height: 1.35; }
.commerce-module-copy small { color: #7d877d; font-size: 8px; line-height: 1.45; }
.commerce-module-copy em { color: #9b6758; font: 700 7px var(--workspace-mono); font-style: normal; }
.commerce-module-action { position: static; right: auto; top: auto; transform: none; align-self: stretch; min-width: 82px; min-height: 100%; padding: 0 9px; border: 0; border-left: 1px solid #f0ded8; border-radius: 0; background: linear-gradient(180deg,#fff9f7,#fff0eb); color: #ae442f; font-size: 8px; font-weight: 800; cursor: pointer; }
.commerce-module-action:hover { border-color: #df5237; background: linear-gradient(180deg,#ee6347,#db472f); color: #fff; }
.commerce-module-action span { display: inline; font-size: 11px; }
.commerce-module.gate-module { min-height: 66px; display: block; }
.commerce-module.gate-module .commerce-module-select { grid-template-columns: auto minmax(0,1fr); padding: 10px 11px; cursor: default; }
.commerce-module.gate-module .commerce-module-index { background: #293b2f; color: #fff; }

.commerce-generated { gap: 10px; }
.commerce-generated figure { border-radius: 8px; box-shadow: 0 6px 16px rgba(30,41,32,.045); transition: transform .18s ease,box-shadow .18s ease; }
.commerce-generated figure:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(30,41,32,.085); }
.commerce-generated figcaption { padding: 8px 9px; }
.commerce-generated figcaption a { padding: 5px 8px; border-radius: 5px; background: #fff0eb; color: #b7442f; }

@media (max-width: 1180px) {
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .commerce-main-generation-step .commerce-gate-layout { grid-template-columns: 1fr; }
  .commerce-main-generation-step .commerce-gate-layout > * { min-height: auto; }
}
@media (max-width: 560px) {
  .commerce-page .commerce-flow { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
  .commerce-page .commerce-flow span { min-width: 0; }
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: 1fr; }
  .commerce-module { grid-template-columns: minmax(0,1fr) 76px; }
  .commerce-main-generation-step .commerce-gate-actions { grid-template-columns: 1fr !important; }
}

/* 2026-08-29 · reference-image batch selection */
.commerce-upload-batchbar { min-height: 30px; padding: 5px 7px; border: 1px solid #dfe5dc; border-radius: 7px; background: #fff; display: grid !important; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; }
.commerce-upload-batchbar.is-empty { opacity: .58; }
.commerce-upload-batchbar > label { display:flex; align-items:center; gap:5px; color:#4f5b51; font-size:8px; font-weight:800; cursor:pointer; }
.commerce-upload-batchbar input { width:13px; height:13px; margin:0; accent-color:#df5237; }
.commerce-upload-batchbar > span { color:#89928a; font-size:8px; }
.commerce-upload-batchbar > button { min-height:25px; padding:0 9px; border:1px solid #e4b7ad; border-radius:5px; background:#fff7f4; color:#b84833; font-size:8px; font-weight:800; cursor:pointer; }
.commerce-upload-batchbar > button:disabled { border-color:#e3e7e1; background:#f4f6f3; color:#a4aba4; cursor:not-allowed; }
.commerce-details-step .commerce-uploaded-images figure.selected-image { border-color:#df5237; box-shadow:0 0 0 2px rgba(223,82,55,.1); }
.commerce-upload-check { position:absolute; z-index:2; left:3px; top:3px; min-height:19px; padding:0 5px 0 3px; border:1px solid rgba(255,255,255,.85); border-radius:999px; background:rgba(31,42,33,.82); display:flex; align-items:center; gap:3px; color:#fff; font-size:7px; font-weight:800; cursor:pointer; backdrop-filter:blur(4px); }
.commerce-upload-check input { width:11px; height:11px; margin:0; accent-color:#df5237; }
.commerce-upload-check span { color:#fff; font-size:7px; }
@media (max-width: 560px) {
  .commerce-upload-batchbar { grid-template-columns:auto 1fr; }
  .commerce-upload-batchbar > button { grid-column:1 / -1; width:100%; }
}

/* Failed image retry and download choices */
.commerce-generation-head-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.commerce-generation-head-actions > span { color:#8a9389; font-size:8px; }
.commerce-generation-head-actions > button { min-height:29px; padding:0 10px; border:1px solid #df5237; border-radius:6px; background:#fff3ef; color:#b4432e; font-size:8px; font-weight:800; cursor:pointer; }
.commerce-module.generation-failed { border-color:#df5237; background:#fff5f2; box-shadow:0 0 0 2px rgba(223,82,55,.09); }
.commerce-module.generation-failed .commerce-module-index { background:#df5237; color:#fff; }
.commerce-download-choice { position:relative; }
.commerce-download-options { position:absolute; z-index:18; right:0; top:calc(100% + 5px); min-width:128px; padding:5px; border:1px solid #dce3d9; border-radius:7px; background:#fff; box-shadow:0 12px 28px rgba(30,41,32,.14); display:grid; gap:3px; }
.commerce-download-options button { min-height:29px; padding:0 9px; border:0; border-radius:5px; background:#f6f8f4; color:#465147; text-align:left; font-size:8px; font-weight:800; cursor:pointer; }
.commerce-download-options button:hover { background:#fff0eb; color:#b7442f; }
@media (max-width: 700px) {
  .commerce-generation-head-actions { align-items:flex-end; flex-direction:column; }
  .commerce-generation-head-actions > span { display:none; }
}

/* 2026-08-30 · Step 03 uses the same compact workspace language as Steps 01–02 */
.commerce-main-generation-step {
  --generation-line: #e1e6de;
  --generation-muted: #f7f9f5;
  --generation-acid: var(--workspace-acid, #d8fa6a);
  --generation-deep: var(--workspace-deep, #373d38);
  overflow: visible;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.commerce-main-generation-step > header {
  min-height: 52px;
  padding: 10px 15px;
  border-bottom: 1px solid var(--generation-line);
  background: #fff;
}
.commerce-generation-head-actions {
  flex-wrap: wrap;
  gap: 6px;
}
.commerce-generation-head-actions > span {
  max-width: 410px;
  color: #7f8980;
  font-size: 8px;
  line-height: 1.45;
}
.commerce-generation-head-actions > button {
  min-height: 29px;
  padding: 0 10px;
  border: 1px solid #dec4bc;
  border-radius: 3px;
  background: #fff8f5;
  color: #a34735;
  box-shadow: none;
}
.commerce-main-generation-sample {
  padding: 0;
  border-bottom: 1px solid var(--generation-line);
  background: #fff;
}
.commerce-generation-subhead {
  min-height: 43px;
  box-sizing: border-box;
  padding: 8px 12px;
  align-items: center;
  border-bottom: 1px solid var(--generation-line);
  background: var(--generation-muted);
}
.commerce-main-generation-pack > .commerce-generation-subhead {
  padding: 8px 12px;
}
.commerce-generation-subhead > div:first-child {
  min-width: 0;
  display: grid;
  align-items: start;
  gap: 1px;
}
.commerce-generation-subhead b {
  color: #3b443c;
  font-size: 10px;
  line-height: 1.35;
}
.commerce-generation-subhead span {
  color: #899189;
  font-size: 8px;
  line-height: 1.4;
}
.commerce-generation-subhead > i {
  flex: 0 0 auto;
  padding: 3px 7px;
  border: 1px solid #d6e5b1;
  border-radius: 3px;
  background: #f2f8e5;
  color: #627642;
  font: 750 7px var(--workspace-mono);
  font-style: normal;
}
.commerce-main-generation-step .commerce-gate-layout {
  padding: 10px 12px 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}
.commerce-main-generation-step .commerce-gate-layout > * {
  min-height: 218px;
}
.commerce-main-generation-step .commerce-gate-result-panel,
.commerce-main-generation-step .commerce-gate-prompt,
.commerce-main-generation-step .commerce-gate-layout aside {
  min-width: 0;
  min-height: 218px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid var(--generation-line);
  border-radius: 3px;
  background: #fbfcfa;
  box-shadow: none;
  align-content: start;
  gap: 8px;
}
.commerce-main-generation-step .commerce-gate-prompt {
  background: #f8faf6;
}
.commerce-main-generation-step .commerce-gate-panel-label {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.commerce-main-generation-step .commerce-gate-panel-label span {
  color: #424b43;
  font-size: 9px;
  font-weight: 800;
}
.commerce-main-generation-step .commerce-gate-panel-label small {
  color: #929992;
  font-size: 7px;
}
.commerce-main-generation-step .commerce-gate-layout .commerce-module,
.commerce-main-generation-step .commerce-module.gate-module {
  min-height: 52px;
  border-radius: 3px;
}
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate,
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate .commerce-empty {
  min-height: 126px;
}
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate .commerce-empty {
  padding: 13px;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  gap: 3px;
}
.commerce-main-generation-step .commerce-gate-result-panel .commerce-generated.gate img {
  width: 100%;
  height: 148px;
  object-fit: contain;
}
.commerce-main-generation-step .commerce-gate-prompt textarea {
  min-height: 126px;
  max-height: 200px;
  padding: 8px 9px;
  border: 1px solid #dce2da;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-gate-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px;
}
.commerce-main-generation-step .commerce-gate-layout aside button {
  min-height: 32px;
  padding: 0 9px;
  border-radius: 3px;
  font-size: 8px;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-gate-layout aside .commerce-generate-featured {
  border-color: #bcd45d;
  background: var(--generation-acid);
  color: #30372f;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-gate-layout aside .commerce-approve {
  border-color: #4e5950;
  background: #fff;
  color: #404a42;
}
.commerce-main-generation-pack {
  margin: 10px 12px 0;
  padding: 0;
  overflow: visible;
  border: 1px solid var(--generation-line);
  border-radius: 3px;
  background: #fff;
}
.commerce-detail-generation-pack {
  margin-top: 10px;
  padding-top: 0;
  border-top: 1px solid var(--generation-line);
  background: #fff;
}
.commerce-generation-subhead .commerce-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.commerce-generation-subhead .commerce-header-actions > button,
.commerce-generation-subhead .commerce-download-choice > button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #d9dfd7;
  border-radius: 3px;
  background: #fff;
  color: #566057;
  font-size: 8px;
  font-weight: 750;
  box-shadow: none;
}
.commerce-generation-subhead .commerce-header-actions > button.primary {
  border-color: #bcd45d;
  background: var(--generation-acid);
  color: #30372f;
}
.commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules {
  padding: 9px 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.commerce-main-generation-step .commerce-module {
  min-height: 72px;
  border: 1px solid #e0e5de;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
  transition: border-color .15s ease, background .15s ease;
}
.commerce-main-generation-step .commerce-module:hover {
  transform: none;
  border-color: #aebbaa;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-module:has(input:checked) {
  border-color: #a8bd6d;
  background: #fbfdf5;
}
.commerce-main-generation-step .commerce-module.locked {
  opacity: .55;
  background: #f2f4f1;
}
.commerce-main-generation-step .commerce-module-select {
  padding: 8px;
  gap: 6px;
}
.commerce-main-generation-step .commerce-module-select input {
  width: 13px;
  height: 13px;
  accent-color: #718c35;
}
.commerce-main-generation-step .commerce-module-index {
  width: 25px;
  height: 25px;
  border-radius: 2px;
  background: #eef3e5;
  color: #68794b;
}
.commerce-main-generation-step .commerce-module-copy b { font-size: 9px; }
.commerce-main-generation-step .commerce-module-copy small { font-size: 7px; }
.commerce-main-generation-step .commerce-module-copy em { color: #78865c; }
.commerce-main-generation-step .commerce-module-action {
  min-width: 68px;
  padding: 0 7px;
  border-left: 1px solid #e2e7df;
  background: #f5f8ef;
  color: #607443;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-module-action:hover {
  border-color: #889f57;
  background: #eaf3d3;
  color: #455733;
}
.commerce-main-generation-step .commerce-generated {
  padding: 0 10px 10px;
  gap: 6px;
}
.commerce-main-generation-step .commerce-generated figure {
  border-radius: 3px;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-generated figure:hover {
  transform: none;
  box-shadow: none;
}
.commerce-main-generation-step .commerce-generated figcaption {
  padding: 6px 7px;
}
.commerce-main-generation-step .commerce-generated figcaption a {
  padding: 4px 7px;
  border-radius: 3px;
  background: #eff5e4;
  color: #5f7340;
}
.commerce-main-generation-step .commerce-pack-note {
  margin: 8px 10px 0;
  padding: 6px 8px;
  border-radius: 2px;
  background: #f6f8f4;
}
.commerce-main-generation-step .commerce-generation-status {
  margin: 8px 12px 0;
  padding: 7px 9px;
  border-radius: 3px;
  font-size: 12px;
}
.commerce-generation-progress { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:10px 12px; }
.commerce-image-progress-card { min-width:0; padding:10px 12px; background:#f5f8f1; border:1px solid #d5dfcd; border-radius:7px; color:#344b28; }
.commerce-image-progress-card header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:6px; font-size:12px; }
.commerce-image-progress-card header b { font-size:13px; }
.commerce-image-progress-card progress { display:block; width:100%; height:8px; margin:9px 0 7px; border:0; border-radius:8px; overflow:hidden; background:#e1e8db; accent-color:#6b8735; }
.commerce-image-progress-card progress::-webkit-progress-bar { background:#e1e8db; border-radius:8px; }
.commerce-image-progress-card progress::-webkit-progress-value { background:#6b8735; border-radius:8px; transition:width .3s; }
.commerce-image-progress-card p { margin:0; font-size:12px; line-height:1.5; }
.commerce-image-progress-card.has-error { background:#fff6f2; border-color:#e1b6a7; color:#8a3f2b; }
@media(max-width:560px) { .commerce-generation-progress { grid-template-columns:minmax(0,1fr); } }
.commerce-main-generation-step .commerce-module.generation-failed {
  border-color: #d66550;
  background: #fff7f4;
  box-shadow: none;
}
.commerce-download-options {
  min-width: 122px;
  padding: 4px;
  border-radius: 3px;
  box-shadow: 0 10px 24px rgba(30,41,32,.12);
}
.commerce-download-options button {
  min-height: 27px;
  border-radius: 2px;
  background: #f7f9f5;
}
.commerce-download-options button:hover {
  background: #edf4df;
  color: #566d38;
}
@media (max-width: 1180px) {
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .commerce-generation-subhead { align-items: flex-start; flex-direction: column; }
  .commerce-generation-subhead .commerce-header-actions { width: 100%; flex-wrap: wrap; }
  .commerce-generation-subhead .commerce-header-actions > button,
  .commerce-generation-subhead .commerce-download-choice { flex: 1 1 auto; }
  .commerce-generation-subhead .commerce-download-choice > button { width: 100%; }
}
@media (max-width: 560px) {
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-modules { grid-template-columns: 1fr; }
  .commerce-main-generation-step .commerce-gate-actions { grid-template-columns: 1fr !important; }
}

/* 2026-09-02 explicit page save/clear controls and compact all-in-one listing copy. */
.commerce-hero aside{width:min(430px,44vw);max-width:430px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 0 5px 14px}
.commerce-hero aside>div:first-child{min-width:0;display:grid;gap:3px}.commerce-page-actions{display:flex;align-items:center;gap:5px}.commerce-page-actions button{min-height:29px;padding:0 9px;border:1px solid #cad3c4;border-radius:3px;background:#fff;color:#53604f;font:750 8px var(--workspace-ui);white-space:nowrap;cursor:pointer}.commerce-page-actions button:first-child{border-color:#9fb975;background:#eff7df;color:#465d30}.commerce-page-actions button:last-child{border-color:#dfc8c0;color:#a24736}.commerce-page-actions button:hover{border-color:#809b59;background:#e6f2cf;color:#354727}.commerce-page-actions button:last-child:hover{border-color:#c65b44;background:#fff1ed;color:#9b3826}.commerce-page-actions button:disabled{opacity:.5;cursor:not-allowed}
.commerce-taskbar{padding:7px 10px}.commerce-taskbar label{max-width:none}.commerce-taskbar input{min-height:33px;height:33px}
.commerce-listing-copy{margin:0 14px 14px;border-radius:5px}.commerce-listing-copy-head{padding:9px 11px;gap:12px}.commerce-listing-copy-head h3{margin:1px 0;font-size:13px}.commerce-listing-copy-head p{font-size:8px}.commerce-listing-copy-head small{font-size:8px}.commerce-listing-copy-head button{min-height:29px;padding:0 9px;border-radius:3px;font-size:8px}.commerce-listing-copy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px}.commerce-listing-copy-grid label{min-width:0;gap:3px}.commerce-listing-copy-grid label.wide{grid-column:1/-1}.commerce-listing-copy-grid span{font-size:8px}.commerce-listing-copy-grid input,.commerce-listing-copy-grid textarea{min-height:31px;padding:6px 7px;border-radius:3px;font-size:9px;line-height:1.4}.commerce-listing-copy-grid textarea{height:82px;min-height:82px}.commerce-listing-copy-status{padding:0 10px 8px;font-size:8px}
@media(max-width:900px){.commerce-hero aside{width:100%;max-width:none;grid-template-columns:1fr}.commerce-page-actions{justify-content:flex-start}.commerce-listing-copy-grid{grid-template-columns:1fr 1fr}.commerce-listing-copy-grid label:last-child{grid-column:1/-1}.commerce-listing-copy-grid textarea{height:88px}}
@media(max-width:820px){.commerce-topbar{gap:12px}.commerce-topbar-task{min-width:min(310px,48vw)}}
@media(max-width:560px){.commerce-page-actions{display:grid;grid-template-columns:1fr 1fr}.commerce-page-actions button{width:100%}.commerce-listing-copy-grid{grid-template-columns:1fr}.commerce-listing-copy-grid label:last-child{grid-column:auto}.commerce-listing-copy-grid textarea{height:96px}.commerce-listing-copy-head{align-items:stretch}.commerce-listing-copy-head>div:last-child{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:560px){.commerce-topbar{min-height:0;padding:9px 13px;align-items:stretch;flex-direction:column;gap:7px}.commerce-topbar-task{width:100%;min-width:0}.commerce-topbar-task input{height:31px}.commerce-hero .commerce-hero-actions{width:100%}}

/* 2026-09-11 guided commerce workflow: keep API controls intact while reducing first-use complexity. */
.commerce-page .commerce-flow {
  position: sticky;
  top: 8px;
  z-index: 12;
  padding: 7px;
  gap: 6px;
  border-color: #dfe5dc;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 26px rgba(29,42,32,.08);
  backdrop-filter: blur(12px);
}
.commerce-page .commerce-flow span {
  position: relative;
  min-height: 45px;
  box-sizing: border-box;
  padding: 7px 10px 7px 42px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #f5f7f3;
  display: grid;
  align-content: center;
  gap: 1px;
  color: #687269;
  white-space: normal;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.commerce-page .commerce-flow span::after { display: none; }
.commerce-page .commerce-flow span:hover { border-color: #c8d2c4; transform: translateY(-1px); }
.commerce-page .commerce-flow span > b {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 23px;
  height: 23px;
  margin: 0;
  border-radius: 50%;
  background: #e6ebe3;
  display: grid;
  place-items: center;
  color: #627063;
  font: 800 8px var(--workspace-mono);
  transform: translateY(-50%);
}
.commerce-page .commerce-flow span > i { color: #3d483f; font-size: 10px; font-style: normal; font-weight: 850; }
.commerce-page .commerce-flow span > small { color: #89918a; font-size: 8px; font-weight: 650; }
.commerce-page .commerce-flow span.active { border-color: #aabd7a; background: #f7fbe9; }
.commerce-page .commerce-flow span.active > b { background: #c8f05a; color: #2d382f; box-shadow: 0 0 0 4px rgba(200,240,90,.18); }
.commerce-page .commerce-flow span.complete { background: #f0f5ea; }
.commerce-page .commerce-flow span.complete > b { background: #344b3b; color: transparent; }
.commerce-page .commerce-flow span.complete > b::after { content: '✓'; position: absolute; color: #fff; font: 800 10px var(--workspace-ui); }

.commerce-reference-step .commerce-source-guided {
  grid-template-columns: minmax(520px,1.15fr) minmax(330px,.85fr);
  padding: 12px 14px 8px;
  gap: 8px;
}
.commerce-reference-step .commerce-source-guided > .commerce-source-card {
  padding: 12px;
  border-color: #d8e0d5;
  border-radius: 7px;
  background: #fbfcfa;
}
.commerce-reference-step .commerce-link-compact {
  grid-template-columns: minmax(130px,.22fr) minmax(280px,1fr) auto;
  align-items: end;
}
.commerce-reference-step .commerce-source-image-card .commerce-image-compact {
  min-height: 82px;
}
@media (max-width: 1150px) {
  .commerce-reference-step .commerce-source-guided { grid-template-columns: 1fr; }
}
.commerce-source-alternative,
.commerce-optional-details,
.commerce-module-options,
.commerce-publish-checks,
.commerce-publish-advanced,
.commerce-reserved-marketplaces,
.commerce-listing-copy-disclosure {
  min-width: 0;
  border: 1px solid #e0e5de;
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
}
.commerce-source-alternative > summary,
.commerce-optional-details > summary,
.commerce-module-options > summary,
.commerce-publish-checks > summary,
.commerce-publish-advanced > summary,
.commerce-reserved-marketplaces > summary,
.commerce-listing-copy-disclosure > summary {
  min-height: 44px;
  box-sizing: border-box;
  padding: 8px 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #3f4a41;
  cursor: pointer;
  list-style: none;
}
.commerce-source-alternative > summary::-webkit-details-marker,
.commerce-optional-details > summary::-webkit-details-marker,
.commerce-module-options > summary::-webkit-details-marker,
.commerce-publish-checks > summary::-webkit-details-marker,
.commerce-publish-advanced > summary::-webkit-details-marker,
.commerce-reserved-marketplaces > summary::-webkit-details-marker,
.commerce-listing-copy-disclosure > summary::-webkit-details-marker { display: none; }
.commerce-source-alternative > summary span,
.commerce-optional-details > summary span,
.commerce-module-options > summary span,
.commerce-publish-checks > summary span,
.commerce-publish-advanced > summary span,
.commerce-reserved-marketplaces > summary span,
.commerce-listing-copy-disclosure > summary span { min-width: 0; display: grid; gap: 2px; }
.commerce-source-alternative > summary b,
.commerce-optional-details > summary b,
.commerce-module-options > summary b,
.commerce-publish-checks > summary b,
.commerce-publish-advanced > summary b,
.commerce-reserved-marketplaces > summary b,
.commerce-listing-copy-disclosure > summary b { font-size: 10px; }
.commerce-source-alternative > summary small,
.commerce-optional-details > summary small,
.commerce-module-options > summary small,
.commerce-publish-checks > summary small,
.commerce-publish-advanced > summary small,
.commerce-reserved-marketplaces > summary small,
.commerce-listing-copy-disclosure > summary small { color: #7b857d; font-size: 8px; line-height: 1.4; }
.commerce-source-alternative > summary i,
.commerce-optional-details > summary i,
.commerce-module-options > summary i,
.commerce-publish-checks > summary i,
.commerce-publish-advanced > summary i,
.commerce-reserved-marketplaces > summary i,
.commerce-listing-copy-disclosure > summary i { flex: 0 0 auto; color: #6d7d5a; font-size: 8px; font-style: normal; font-weight: 800; }
.commerce-source-alternative[open] > summary,
.commerce-optional-details[open] > summary,
.commerce-module-options[open] > summary,
.commerce-publish-checks[open] > summary,
.commerce-publish-advanced[open] > summary,
.commerce-reserved-marketplaces[open] > summary,
.commerce-listing-copy-disclosure[open] > summary { border-bottom: 1px solid #e5e9e2; background: #f7f9f5; }
.commerce-source-alternative[open] > summary i,
.commerce-optional-details[open] > summary i,
.commerce-module-options[open] > summary i,
.commerce-publish-checks[open] > summary i,
.commerce-publish-advanced[open] > summary i,
.commerce-reserved-marketplaces[open] > summary i,
.commerce-listing-copy-disclosure[open] > summary i { font-size: 0; }
.commerce-source-alternative[open] > summary i::after,
.commerce-optional-details[open] > summary i::after,
.commerce-module-options[open] > summary i::after,
.commerce-publish-checks[open] > summary i::after,
.commerce-publish-advanced[open] > summary i::after,
.commerce-reserved-marketplaces[open] > summary i::after,
.commerce-listing-copy-disclosure[open] > summary i::after { content: '收起'; font-size: 8px; }
.commerce-source-alternative .commerce-source-card { border: 0; border-radius: 0; background: #fafbf9; }
.commerce-reference-step .commerce-reference-output-grid { padding-top: 2px; }
.commerce-reference-step .commerce-supply-disclosure { margin-top: 4px; }

.commerce-details-step .commerce-brief-grid {
  grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr);
  padding: 12px 14px;
  gap: 10px;
}
.commerce-details-step .commerce-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; align-content: start; }
.commerce-details-step .commerce-form-grid > label { font-size: 10px; }
.commerce-details-step .commerce-form-grid input,
.commerce-details-step .commerce-form-grid select { min-height: 36px; height: 36px; padding: 7px 9px; font-size: 11px; }
.commerce-details-step .commerce-form-grid > label > small { display: block; font-size: 8px; line-height: 1.4; }
.commerce-optional-details { grid-column: 1 / -1; margin-top: 2px; }
.commerce-advanced-form { padding: 10px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.commerce-advanced-form > .wide { grid-column: 1 / -1; }
.commerce-details-step .commerce-upload { min-height: 0; padding: 12px; gap: 9px; border-radius: 7px; }
.commerce-details-step .commerce-upload > div:first-child b { font-size: 11px; }
.commerce-details-step .commerce-upload > div:first-child span { font-size: 8px; line-height: 1.5; }
.commerce-details-step .commerce-role-legend { max-height: 70px; overflow: auto; font-size: 8px; line-height: 1.5; }
.commerce-details-step .commerce-analysis { grid-column: 1 / -1; margin: 0; }
.commerce-details-step .commerce-action-row { position: sticky; bottom: 8px; z-index: 8; margin: 0 14px 12px; padding: 8px 10px; border: 1px solid #dce3d8; border-radius: 7px; background: rgba(250,252,248,.94); box-shadow: 0 8px 24px rgba(34,48,37,.08); backdrop-filter: blur(10px); }
.commerce-details-step .commerce-action-row p { font-size: 9px; }

.commerce-main-generation-step .commerce-module-options { margin: 8px 10px; }
.commerce-main-generation-step .commerce-module-options > .commerce-modules,
.commerce-main-generation-step .commerce-main-generation-pack > .commerce-module-options > .commerce-modules {
  padding: 9px;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
}
.commerce-main-generation-step .commerce-main-generation-pack > .commerce-generated { padding-top: 8px; }

.commerce-publish .commerce-publish-checks { margin: 10px 14px 0; }
.commerce-publish .commerce-publish-checks .commerce-qa-grid { margin: 0; padding: 9px; }
.commerce-publish .commerce-marketplaces { grid-template-columns: minmax(0,1fr); }
.commerce-marketplace-essential { grid-template-columns: repeat(4,minmax(0,1fr)); }
.commerce-marketplace-essential > label.wide { grid-column: span 2; }
.commerce-publish-advanced { grid-column: 1 / -1; margin-top: 2px; }
.commerce-publish-advanced > .commerce-marketplace-form { padding: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.commerce-reserved-marketplaces { margin-top: 8px; }
.commerce-reserved-marketplaces .commerce-marketplace-reserved { padding: 9px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.commerce-listing-copy-disclosure { margin: 0 14px 14px; }
.commerce-listing-copy-disclosure .commerce-listing-copy { margin: 0; border: 0; border-radius: 0; }

@media (max-width: 980px) {
  .commerce-details-step .commerce-brief-grid { grid-template-columns: 1fr; }
  .commerce-main-generation-step .commerce-module-options > .commerce-modules,
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-module-options > .commerce-modules { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commerce-marketplace-essential { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commerce-publish-advanced > .commerce-marketplace-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .commerce-page,
  .commerce-page .library-main,
  .commerce-page .commerce-content { max-width: 100%; overflow-x: hidden; }
  .commerce-page .commerce-flow { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; }
  .commerce-page .commerce-flow span { min-width: 0; }
  .commerce-reference-step .commerce-link-compact { grid-template-columns: 1fr; }
  .commerce-reference-step .commerce-link-compact input,
  .commerce-reference-step .commerce-link-compact select { padding: 0 10px; line-height: 1.2; }
  .commerce-page .commerce-step > header { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
  .commerce-page .commerce-market-entry { width: 100%; align-items: stretch; }
  .commerce-page .commerce-market-entry a { width: 100%; box-sizing: border-box; justify-content: center; }
  .commerce-reference-step .commerce-source-guided,
  .commerce-reference-step .commerce-reference-output-grid { min-width: 0; box-sizing: border-box; }
  .commerce-source-alternative > summary,
  .commerce-optional-details > summary,
  .commerce-module-options > summary,
  .commerce-publish-checks > summary,
  .commerce-publish-advanced > summary,
  .commerce-reserved-marketplaces > summary,
  .commerce-listing-copy-disclosure > summary { align-items: flex-start; }
  .commerce-details-step .commerce-form-grid,
  .commerce-advanced-form { grid-template-columns: 1fr; }
  .commerce-advanced-form > .wide { grid-column: auto; }
  .commerce-details-step .commerce-action-row { position: static; align-items: stretch; }
  .commerce-details-step .commerce-action-row button { width: 100%; }
  .commerce-main-generation-step .commerce-module-options > .commerce-modules,
  .commerce-main-generation-step .commerce-main-generation-pack > .commerce-module-options > .commerce-modules { grid-template-columns: 1fr; }
  .commerce-marketplace-essential,
  .commerce-publish-advanced > .commerce-marketplace-form { grid-template-columns: 1fr; }
  .commerce-marketplace-essential > label.wide { grid-column: auto; }
  .commerce-reserved-marketplaces .commerce-marketplace-reserved { grid-template-columns: 1fr; }
}

/* Listing destination is selected before product work, so localization and title rules are deterministic. */
.commerce-store-context {
  margin: 8px 0 12px;
  border: 1px solid #dbe3d7;
  border-radius: 10px;
  background: linear-gradient(135deg,#fbfcfa 0%,#f4f8f0 100%);
  box-shadow: 0 8px 24px rgba(34,48,37,.05);
  overflow: hidden;
}
.commerce-store-context > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px 7px;
  border-bottom: 1px solid #e5eae2;
}
.commerce-store-context > header div { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.commerce-store-context > header small { font-size: 8px; letter-spacing: .12em; color: #7b8678; }
.commerce-store-context > header b { font-size: 12px; color: #182019; }
.commerce-store-context > header > span { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; background: #edf3e8; color: #52634c; font-size: 8px; font-weight: 700; }
.commerce-store-context-grid {
  display: grid;
  grid-template-columns: minmax(150px,.75fr) minmax(230px,1.2fr) minmax(140px,.7fr) auto;
  align-items: end;
  gap: 8px;
  padding: 9px 12px 10px;
}
.commerce-store-context-grid > label { display: grid; gap: 4px; min-width: 0; color: #525e50; font-size: 9px; font-weight: 700; }
.commerce-store-context-grid select { width: 100%; min-width: 0; height: 34px; padding: 0 30px 0 9px; border: 1px solid #d7ded3; border-radius: 7px; background: #fff; color: #182019; font-size: 10px; }
.commerce-store-context .commerce-store-actions { display: flex; gap: 5px; align-items: center; min-height: 34px; }
.commerce-store-context .commerce-store-actions button { min-height: 32px; padding: 0 9px; border: 1px solid #d2dacd; border-radius: 7px; background: #fff; color: #354134; font-size: 8px; font-weight: 700; white-space: nowrap; }
.commerce-store-context .commerce-store-actions button:first-child { border-color: #272f27; background: #272f27; color: #fff; }
.commerce-details-step .commerce-form-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.commerce-details-step .commerce-product-title-field { grid-column: 1 / -1 !important; }
#commerceProductTitleRule { color: #6d7869; }
#commerceProductTitleRule.is-over-limit { color: #b42318; font-weight: 700; }

@media (max-width: 980px) {
  .commerce-store-context-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commerce-store-context .commerce-store-actions { justify-content: flex-start; }
}
@media (max-width: 700px) {
  .commerce-store-context > header { align-items: flex-start; }
  .commerce-store-context > header div { display: grid; gap: 2px; }
  .commerce-store-context-grid,
  .commerce-details-step .commerce-form-grid { grid-template-columns: 1fr; }
  .commerce-store-context .commerce-store-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .commerce-store-context .commerce-store-actions button { width: 100%; }
  .commerce-store-context .commerce-store-actions button:first-child { grid-column: 1 / -1; }
}

/* 2026-09-12: compact product facts, isolated SKU data and Mercado Libre pricing guidance. */
.commerce-details-step .commerce-primary-brief-field {
  align-self: start;
  display: grid;
  grid-template-rows: 15px 36px;
  gap: 4px;
}
.commerce-reference-data-disclosure .commerce-parameter-list {
  max-height: 154px;
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.commerce-reference-sku-list {
  max-height: 260px;
  margin: 6px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 6px;
  overflow: auto;
}
.commerce-reference-sku-list > p { margin: 6px; color: #7a8379; font-size: 9px; }
.commerce-reference-sku-card {
  min-width: 0;
  padding: 7px;
  border: 1px solid #e0e5dd;
  border-radius: 5px;
  background: #fff;
}
.commerce-reference-sku-card > header { display: flex; align-items: baseline; justify-content: space-between; gap: 7px; }
.commerce-reference-sku-card > header b { min-width: 0; overflow: hidden; color: #303830; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.commerce-reference-sku-card > header small { flex: 0 0 auto; color: #879087; font-size: 7px; }
.commerce-reference-sku-card dl { margin: 6px 0 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; }
.commerce-reference-sku-card dl div { min-width: 0; padding: 4px; border-radius: 3px; background: #f5f7f3; }
.commerce-reference-sku-card dt { color: #818a80; font-size: 7px; }
.commerce-reference-sku-card dd { margin: 2px 0 0; overflow-wrap: anywhere; color: #343c34; font-size: 8px; font-weight: 750; }
.commerce-reference-sku-properties { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 3px; }
.commerce-reference-sku-properties span { padding: 3px 5px; border: 1px solid #e3e7df; border-radius: 999px; color: #4b554a; font-size: 7px; }
.commerce-reference-sku-properties i { margin-right: 3px; color: #879087; font-style: normal; }
.commerce-details-step .commerce-sku-editor.wide { grid-column: 1 / -1; }
.commerce-details-step .commerce-sku-items { max-height: 255px; padding-right: 4px; gap: 6px; }
.commerce-details-step .commerce-sku-item {
  position: relative;
  padding: 7px 36px 7px 7px;
  border: 1px solid #e0e5dd;
  border-radius: 5px;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 5px;
}
.commerce-details-step .commerce-sku-item label { min-width: 0; display: grid; gap: 3px; color: #7a8479; font-size: 7px; font-weight: 700; }
.commerce-details-step .commerce-sku-item label:nth-child(2),
.commerce-details-step .commerce-sku-item label:nth-child(4) { grid-column: span 2; }
.commerce-details-step .commerce-sku-item input { min-height: 29px; height: 29px; }
.commerce-details-step .commerce-sku-item > button { position: absolute; top: 7px; right: 7px; width: 24px; }
.commerce-sku-editor-footer { margin-top: 5px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.commerce-sku-editor-footer small { color: #7b857b; font-size: 7px; line-height: 1.4; }
.commerce-sku-pricing-advice { margin-top: 7px; overflow: hidden; border: 1px solid #dce4d7; border-radius: 5px; background: #f8faf5; }
.commerce-sku-pricing-advice > header { min-height: 34px; padding: 6px 8px; border-bottom: 1px solid #e1e7dd; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.commerce-sku-pricing-advice > header div { display: grid; gap: 2px; }
.commerce-sku-pricing-advice > header b { color: #303a30; font-size: 9px; }
.commerce-sku-pricing-advice > header small,
.commerce-sku-pricing-advice > header > span { color: #7b8579; font-size: 7px; }
.commerce-sku-price-rows { max-height: 230px; padding: 6px; display: grid; gap: 5px; overflow: auto; }
.commerce-sku-price-rows article { min-width: 0; padding: 6px; border: 1px solid #e2e7de; border-radius: 4px; background: #fff; display: grid; grid-template-columns: minmax(150px,1fr) minmax(165px,.9fr) minmax(180px,.95fr); gap: 5px; align-items: center; }
.commerce-sku-price-rows article > div { min-width: 0; display: grid; gap: 2px; }
.commerce-sku-price-id b { overflow: hidden; color: #303830; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.commerce-sku-price-id span,
.commerce-sku-price-rows article small { color: #7b847a; font-size: 7px; }
.commerce-sku-price-rows article > div:not(:first-child) { position: relative; padding: 5px 42px 5px 6px; border-radius: 3px; background: #f5f7f2; }
.commerce-sku-price-rows article > div:not(:first-child) b { color: #253125; font-size: 9px; }
.commerce-sku-price-rows article b i { color: #65765b; font-size: 7px; font-style: normal; font-weight: 650; }
.commerce-sku-price-rows article button { position: absolute; top: 50%; right: 5px; min-height: 24px; padding: 0 7px; border: 1px solid #9caf83; border-radius: 3px; background: #edf4e5; color: #3f5832; font-size: 7px; font-weight: 800; transform: translateY(-50%); cursor: pointer; }

@media (max-width: 980px) {
  .commerce-reference-data-disclosure .commerce-parameter-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commerce-reference-sku-list { grid-template-columns: 1fr; }
  .commerce-sku-price-rows article { grid-template-columns: 1fr 1fr; }
  .commerce-sku-price-id { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .commerce-details-step .commerce-primary-brief-field { grid-template-rows: auto 36px; }
  .commerce-reference-data-disclosure .commerce-parameter-list { grid-template-columns: 1fr; }
  .commerce-reference-sku-card dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commerce-details-step .commerce-sku-item { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commerce-details-step .commerce-sku-item label:nth-child(2),
  .commerce-details-step .commerce-sku-item label:nth-child(4) { grid-column: auto; }
  .commerce-sku-editor-footer { align-items: flex-start; flex-direction: column; }
  .commerce-sku-price-rows article { grid-template-columns: 1fr; }
  .commerce-sku-price-id { grid-column: auto; }
}
/* Per-SKU publishing: compact cards, readable and horizontally safe on phones. */
.commerce-variant-panel { margin-top:16px; padding:16px; border:1px solid #dce2d8; border-radius:14px; background:#fff; color:#253023; }
.commerce-variant-panel > header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.commerce-variant-panel small { display:block; color:#5b6758; line-height:1.5; margin-top:5px; }
.commerce-variant-panel button { border:1px solid #cbd5c5; background:#f4f7f0; color:#253023; padding:9px 13px; border-radius:8px; font:inherit; cursor:pointer; }
#commerceVariantRows article { border-top:1px solid #e2e7de; padding:12px 0; }
#commerceVariantRows article > header { font-weight:650; margin-bottom:10px; }
.commerce-variant-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.commerce-variant-fields label { display:flex; flex-direction:column; gap:5px; min-width:0; }
.commerce-variant-fields input { width:100%; min-width:0; box-sizing:border-box; border:1px solid #ced8c8; border-radius:7px; padding:8px; background:white; color:#20291e; }
.commerce-variant-images { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.commerce-variant-images label { display:flex; align-items:center; gap:6px; max-width:210px; border:1px solid #dae2d5; padding:5px; border-radius:8px; font-size:12px; }
.commerce-variant-images img { width:40px; height:40px; object-fit:contain; }
.commerce-variant-panel input[type=checkbox] { width:16px; height:16px; flex-shrink:0; accent-color:#435b2b; }
#commerceVariantResults p { padding:8px; background:#f4f6f1; border-radius:8px; overflow-wrap:anywhere; }
@media(max-width:700px) { .commerce-variant-panel { padding:10px; } .commerce-variant-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.commerce-brief-translate { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 0; }
.commerce-brief-translate button { border:1px solid #ccd5c5; border-radius:8px; padding:7px 12px; font:inherit; color:#263622; background:#f4f7f0; cursor:pointer; }
.commerce-brief-translate button:disabled { opacity:.6; cursor:wait; }
.commerce-brief-translate small { color:#56644e; line-height:1.5; flex:1 1 220px; }

/* SKU details stay visible and use both the form and reference-upload columns. */
.commerce-details-step .commerce-brief-grid > .commerce-sku-editor {
  grid-column:1 / -1; min-width:0; margin:0; padding:12px; border:1px solid #dce3d7; border-radius:8px;
  background:#fbfcf9; container:commerce-skus / inline-size;
}
.commerce-details-step .commerce-sku-editor legend { font-size:13px; color:#2d3a29; padding:0 6px; }
.commerce-details-step .commerce-sku-editor legend span { font-size:11px; color:#64705f; }
.commerce-details-step .commerce-sku-items { max-height:none; overflow:visible; padding:0; gap:10px; }
.commerce-details-step .commerce-sku-item { grid-template-columns:minmax(0,1fr) 300px; gap:14px; padding:12px 40px 12px 12px; align-items:start; min-width:0; }
.commerce-sku-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-areas:"kind option cost mass" "size size stock sales"; gap:8px; min-width:0; }
.commerce-details-step .commerce-sku-fields > label { font-size:11px; color:#596651; gap:4px; grid-column:auto; }
.commerce-details-step .commerce-sku-fields > label:nth-child(1) { grid-area:kind; }
.commerce-details-step .commerce-sku-fields > label:nth-child(2) { grid-area:option; }
.commerce-details-step .commerce-sku-fields > label:nth-child(3) { grid-area:cost; }
.commerce-details-step .commerce-sku-fields > label:nth-child(4) { grid-area:size; }
.commerce-details-step .commerce-sku-fields > label:nth-child(5) { grid-area:mass; }
.commerce-details-step .commerce-sku-fields > label:nth-child(6) { grid-area:stock; }
.commerce-details-step .commerce-sku-fields > label:nth-child(7) { grid-area:sales; }
.commerce-details-step .commerce-sku-fields input { height:34px; min-height:34px; padding:6px 8px; font-size:12px; border-radius:5px; color:#273224; }
.commerce-sku-inline-pricing { min-width:0; padding-left:14px; border-left:1px solid #e1e7dc; align-self:stretch; }
.commerce-sku-price-heading { display:block; margin-bottom:7px; font-size:11px; color:#46573c; font-weight:700; }
.commerce-sku-price-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.commerce-sku-price-option { min-width:0; background:#f3f7ed; border-radius:6px; padding:8px; display:grid; gap:6px; }
.commerce-sku-price-option small,.commerce-sku-price-empty { font-size:11px; line-height:1.5; color:#627156; }
.commerce-sku-price-value { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px; overflow-wrap:anywhere; }
.commerce-sku-price-value b { font-size:15px; color:#293d20; }
.commerce-sku-price-value span { font-size:12px; color:#566947; }
.commerce-details-step .commerce-sku-inline-pricing button { position:static; width:auto; height:auto; min-height:28px; padding:4px 10px; justify-self:start; background:#fff; border:1px solid #b6c6a4; color:#405932; border-radius:5px; font:inherit; font-size:11px; }
.commerce-details-step .commerce-sku-item > button { top:12px; right:9px; border-radius:5px; }
.commerce-sku-pricing-note { margin-top:8px; font-size:11px; color:#627057; line-height:1.5; }
.commerce-sku-editor-footer small { font-size:11px; }
.commerce-sku-selected-price { display:block; margin-top:6px; color:#3b5730; font-size:11px; }
.commerce-publish-picture-section { margin:12px 14px; padding:12px; border:1px solid #dce3d7; border-radius:8px; background:#fbfcf9; }
.commerce-publish-picture-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.commerce-publish-picture-toolbar b { margin-right:auto; }
.commerce-publish-picture-toolbar button { min-height:32px; padding:5px 10px; font-size:12px; }
.commerce-publish-picture-toolbar span { font-size:12px; font-variant-numeric:tabular-nums; }
.commerce-measurement-sync { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:8px 0; }
.commerce-measurement-sync button { min-height:32px; padding:6px 10px; font-size:12px; }
.commerce-measurement-sync small { flex:1 1 220px; color:#44533c; line-height:1.6; }
.commerce-sku-fields > label[hidden] { display:none !important; }
.commerce-details-step .commerce-uploaded-images figcaption .commerce-reference-view { display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px; align-items:center; margin-top:5px; }
.commerce-details-step .commerce-uploaded-images figcaption .commerce-reference-view select { width:100%; min-width:0; min-height:30px; font-size:12px; }
.commerce-details-step .commerce-uploaded-images figcaption .commerce-reference-view span { display:block; font-size:11px; }
.commerce-variant-images label:has(input:checked) { border-color:#647c2e; background:#f0f6e5; }
.commerce-variant-images input[type="checkbox"] { accent-color:#647c2e; width:17px; height:17px; flex-shrink:0; }
.commerce-publish-picture-section p,.commerce-publish-image-status { font-size:12px; color:#596a50; line-height:1.5; }
.commerce-publish-image-status { margin:10px 14px; }
.commerce-variant-fields input[readonly] { background:#f3f6f0; color:#5d6856; cursor:default; }
@container commerce-skus (max-width:760px) {
  .commerce-details-step .commerce-sku-item { grid-template-columns:minmax(0,1fr); gap:10px; }
  .commerce-sku-inline-pricing { border-left:0; border-top:1px solid #e1e7dc; padding:10px 0 0; }
}
@container commerce-skus (max-width:460px) {
  .commerce-sku-fields { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"kind option" "cost mass" "size size" "stock sales"; }
  .commerce-details-step .commerce-sku-item { padding:12px 32px 12px 8px; }
  .commerce-details-step .commerce-sku-item > button { right:5px; }
  .commerce-sku-price-options { gap:6px; }
}

/* Listing copy sits immediately before publication and exposes only two fields. */
/* Two compact rows of SKU fields on desktop; reflow instead of clipping on phones. */
.commerce-details-step .commerce-sku-item { grid-template-columns:minmax(0,1fr) 230px; gap:10px; padding:9px 32px 9px 10px; }
.commerce-details-step .commerce-sku-fields { grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-areas:none; gap:6px 8px; }
.commerce-details-step .commerce-sku-fields > label:nth-child(n) { grid-area:auto; font-size:11px; gap:3px; }
.commerce-details-step .commerce-sku-fields input { min-height:30px; height:30px; padding:4px 6px; }
.commerce-sku-inline-pricing { padding-left:10px; }
.commerce-sku-price-heading { margin-bottom:4px; }
.commerce-sku-price-option { padding:5px; gap:3px; }
.commerce-sku-price-value b { font-size:13px; }
.commerce-sku-selected-price { margin-top:3px; }
@container commerce-skus (max-width:880px) {
  .commerce-details-step .commerce-sku-item { grid-template-columns:minmax(0,1fr); }
  .commerce-sku-inline-pricing { border-left:0; border-top:1px solid #e1e7dc; padding:6px 0 0; }
}
@container commerce-skus (max-width:600px) { .commerce-details-step .commerce-sku-fields { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@container commerce-skus (max-width:420px) { .commerce-details-step .commerce-sku-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.commerce-sku-bulk { margin:8px 0 10px; border:1px solid #dce3d7; border-radius:7px; background:#f5f8f0; }
.commerce-sku-bulk summary { padding:9px 12px; cursor:pointer; font-size:12px; font-weight:700; color:#33492a; }
.commerce-sku-bulk-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0 12px 10px; }
.commerce-sku-bulk-grid label { min-width:0; display:grid; gap:4px; font-size:11px; color:#46573c; }
.commerce-sku-bulk-grid input,.commerce-sku-bulk-grid select { width:100%; min-width:0; min-height:34px; padding:6px 8px; font-size:12px; border:1px solid #cdd8c5; border-radius:5px; background:#fff; color:#26351f; }
.commerce-sku-bulk-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:0 12px 10px; }
.commerce-sku-bulk-actions small { color:#506346; font-size:11px; }
.commerce-sku-bulk-actions button { padding:6px 12px; min-height:32px; font-size:12px; background:#fff; border:1px solid #b6c6a4; color:#33492a; border-radius:5px; }
#commerceSkuSyncStatus { display:block; font-size:11px; color:#46573c; margin:5px 0; }
@container commerce-skus (max-width:600px) { .commerce-sku-bulk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.commerce-marketplace-form label[hidden] { display:none!important; }
.commerce-marketplace-inline { grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px 10px; align-items:start; }
.commerce-marketplace-inline > label { min-width:0; gap:4px; }
.commerce-marketplace-inline input,.commerce-marketplace-inline select { width:100%; min-width:0; min-height:34px; padding:6px 8px; font-size:12px; }
.commerce-marketplace-inline .commerce-category-input { display:flex; min-width:0; gap:6px; }
.commerce-marketplace-inline .commerce-category-input input { flex:1; width:0; }
.commerce-marketplace-inline .commerce-category-input button { flex-shrink:0; min-height:34px; padding:6px 10px; font-size:12px; }
@media(max-width:1100px) { .commerce-marketplace-inline { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) { .commerce-marketplace-inline { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .commerce-marketplace-inline { grid-template-columns:minmax(0,1fr); } .commerce-marketplace-inline > label.wide { grid-column:auto; } }
.commerce-sku-fields .commerce-sku-sale,.commerce-sku-fields .commerce-sku-quantity { grid-area:auto; }
#commerceSkuPublishNotice { margin:8px 0;font-size:12px;color:#475448; }
.commerce-listing-copy-grid { grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); }
.commerce-listing-copy-grid label:last-child { grid-column:auto; }
@media(max-width:560px) { .commerce-listing-copy-grid { grid-template-columns:1fr; } }