#commerce-flow-root[data-flow="product"] .cf-product-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#commerce-flow-root[data-flow="product"] .cf-product-choice { position:relative; display:flex; flex-direction:column; align-items:stretch; padding:0; overflow:hidden; border:1px solid var(--ws-line); border-radius:10px; background:var(--ws-surface); color:var(--ws-ink); text-align:left; }
.cf-product-choice img { width:100%; aspect-ratio:1.6; object-fit:contain; background:#f5f7f7; display:block; border-bottom:1px solid var(--ws-line); }
.cf-product-choice strong { padding:9px 10px 2px; font-size:12px; line-height:1.45; }
.cf-product-choice small { padding:0 10px 10px; font-size:11px; line-height:1.5; color:var(--ws-muted); }
#commerce-flow-root[data-flow="product"] .cf-product-choice[aria-pressed="true"] { border-color:var(--ws-teal); box-shadow:0 0 0 1px var(--ws-teal); background:var(--ws-tint); }
.cf-product-choice[aria-pressed="true"]::after { content:'✓'; position:absolute; top:7px; right:7px; width:21px; height:21px; display:grid; place-items:center; border-radius:50%; background:var(--ws-teal); color:white; font-size:12px; }
#commerce-flow-root[data-flow="product"] .cf-product-choice:hover { border-color:var(--ws-teal); }
.cf-product-choice:focus-visible { outline:3px solid #60bdb2; outline-offset:3px; }
.cf-product-choice:disabled { cursor:wait; opacity:.7; }
.cf-product-purpose .cf-note { margin:10px 0 0; }
.cf-product-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.cf-product-tabs button { min-width:0; min-height:36px; padding:7px 9px; border:1px solid var(--ws-line,#dce6e7); border-radius:7px; background:var(--ws-surface,#fff); color:var(--ws-muted,#587075); font-size:12px; line-height:1.4; }
.cf-product-tabs button[aria-pressed="true"] { color:var(--ws-teal,#008678); border-color:var(--ws-teal,#008678); background:var(--ws-tint,#eef8f6); }
.cf-product-tabs button:focus-visible { outline:3px solid #60bdb2; outline-offset:2px; }
.cf-optional > summary { cursor:pointer; font-size:12px; line-height:1.5; }
.cf-optional > .cf-field { margin-top:10px; }
@media(pointer:coarse) { .cf-product-tabs button { min-height:44px; } }
.cf-product-expectation { margin:12px 0 16px; padding:14px 16px; border:1px solid var(--ws-line); background:var(--ws-subtle); border-radius:8px; }
.cf-product-expectation h3 { margin:0 0 6px; font-size:14px; color:var(--ws-ink); }
.cf-product-expectation p { margin:0; font-size:12px; line-height:1.65; color:var(--ws-muted); max-width:72ch; }
.cf-product-expectation p+p { margin-top:5px; }
.cf-product-expectation [data-expect-layout] { color:var(--ws-teal); }
.cf-product-advanced>summary { cursor:pointer; font-weight:600; font-size:12px; }
.cf-product-advanced>.cf-note { margin:12px 0; }
.cf-product-advanced .cf-counter { margin:8px 0; }
.cf-product-mobile-nav { display:none; }
@media(min-width:901px) { #commerce-flow-root[data-flow="product"] .rg-hero img { height:clamp(240px,calc(100dvh - 450px),600px); object-fit:contain; } }
@media(max-width:900px) { .cf-product-mobile-nav { display:inline-flex; margin-top:8px; min-height:38px; align-items:center; } }
@media(prefers-reduced-motion:no-preference) { .cf-product-choice { transition:border-color .18s,background .18s,box-shadow .18s; } }

.cf-ratios { margin:16px 0 0; padding:0; border:0; min-width:0; }
.cf-ratios legend { margin-bottom:10px; font-size:12px; font-weight:600; color:var(--ws-ink); }
.cf-ratio-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.cf-ratio-option { position:relative; cursor:pointer; min-width:0; }
.cf-ratio-option input { position:absolute; width:1px; height:1px; padding:0; opacity:0; }
.cf-ratio-content { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:96px; gap:7px; border:1px solid var(--ws-line); border-radius:9px; background:var(--ws-surface); color:var(--ws-muted); }
.cf-ratio-content i { display:block; box-sizing:border-box; border:1.5px solid currentColor; border-radius:3px; }
.cf-ratio-content strong { font-size:12px; line-height:1; color:var(--ws-ink); }
.cf-ratio-content small { font-size:10px; line-height:1.35; text-align:center; padding:0 3px; }
.cf-ratio-option input:checked+span { border-color:var(--ws-teal); color:var(--ws-teal); background:var(--ws-tint); box-shadow:0 0 0 1px var(--ws-teal); }
.cf-ratio-option input:focus-visible+span { outline:3px solid #60bdb2; outline-offset:3px; }
.cf-ratio-option input:disabled+span { opacity:.6; cursor:wait; }
.product-subnav { display:none; }
body[data-workspace-page="product"] .product-subnav { display:grid; gap:2px; padding:2px 0 7px; }
.sidebar .product-subnav a { min-height:32px; padding:7px 10px 7px 40px; font-size:12px; border-radius:7px; }
.sidebar .product-subnav a.active { color:var(--ws-teal); background:var(--ws-tint); }
body.nav-collapsed .product-subnav { display:none; }
.cf-size-choice .cf-ratios { margin-top:0; }
@media(max-width:900px) { body[data-workspace-page="product"] .product-subnav { display:none; } }

.generation-model-choice{border-bottom:1px solid var(--line,#e6e7ed);padding-bottom:18px}.generation-model-choice select{width:100%}.creative-helper{border:1px solid #ddd8f8;border-radius:14px;padding:16px;background:#fbfaff}.creative-helper h2{margin-top:0}.creative-plan-list{display:grid;gap:12px}.creative-plan-list article{border-top:1px solid #e6e2f4;padding-top:12px}.creative-helper textarea{width:100%;box-sizing:border-box}

/* Keep model and output controls compact so the creation brief stays visible. */
.member-resolution,
.generation-model-choice.cf-section {
  display:grid;
  gap:4px;
  padding:6px 18px;
}
.member-resolution > label,
.generation-model-choice > .cf-field {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:0;
  font-size:13px;
  line-height:1.3;
}
.member-resolution > label select,
.generation-model-choice > .cf-field select {
  width:100%;
  min-width:0;
  height:36px;
  min-height:36px;
  padding:6px 10px;
  margin:0;
}
.member-resolution > small,
.generation-model-choice > .cf-note {
  margin:0;
  font-size:11px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
@media (pointer:coarse) {
  .member-resolution > label select,
  .generation-model-choice > .cf-field select {
    height:44px;
    min-height:44px;
  }
}
.lai-brief fieldset > .member-resolution,
.lai-brief fieldset > .generation-model-choice { padding:6px 0; }
.product-creative-helper textarea,
.product-creative-helper input { width:100%; min-width:0; box-sizing:border-box; }
.product-creative-helper .creative-plan-list article { display:grid; gap:8px; }
.product-creative-helper .creative-plan-list label { margin:0; }
.product-creative-helper [data-creative-warning] { color:#95612b; }
#cf-active-plan { background:var(--ws-tint,#eef8f6); }
#cf-active-plan p { margin:6px 0; }
.white-edit-panel { display:grid; gap:12px; margin-top:14px; min-width:0; }
.white-edit-actions { display:flex; flex-wrap:wrap; gap:8px; }
.white-edit-panel .cf-field { margin:0; min-width:0; }
.white-edit-canvas-wrap { width:100%; max-width:560px; border:1px solid var(--ws-line); border-radius:8px; overflow:hidden; background:#fff; }
.white-edit-canvas-wrap canvas { display:block; width:100%; height:auto; cursor:crosshair; }
.white-edit-point { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
.white-edit-point button { grid-column:1/-1; }
.white-edit-panel input { width:100%; min-width:0; box-sizing:border-box; }
.white-edit-panel [role=status] { margin:0; line-height:1.6; overflow-wrap:anywhere; }
.rg-garment-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.rg-garment-compare figure { margin:0; min-width:0; }
.rg-garment-compare img { display:block; width:100%; height:280px; object-fit:contain; background:#fff; }
.rg-garment-compare figcaption { padding:8px; text-align:center; }
.lai-delivery-review { padding:16px; background:var(--ws-surface,#fff); }
.lai-size-review { display:flex; gap:20px; align-items:flex-end; }
.lai-size-review figure { border:0; border-radius:0; padding:8px; background:#fff; color:var(--ws-ink,#18383b); }
.lai-size-review figcaption { display:block; text-align:center; padding:6px 0 0; background:#fff; }
@media(max-width:450px) {
 .white-edit-actions button, .white-edit-point button { max-width:100%; white-space:normal; }
 .rg-garment-compare { gap:8px; }
 .rg-garment-compare img { height:210px; }
 .lai-gallery>figure>figcaption { flex-wrap:wrap; gap:12px; }
}

/* The taller workbench keeps one scrolling brief and a separate submit footer. */
#commerce-flow-root .cf-config-body { min-width:0; min-height:0; }
#commerce-flow-root .cf-config-body > .cf-section { padding:12px 16px; }
#commerce-flow-root .cf-config-body .cf-section h2,
#commerce-flow-root .cf-config-body .cf-section summary { margin-bottom:8px; }
#commerce-flow-root .cf-config-body .cf-field { min-width:0; gap:6px; margin-bottom:10px; }
#commerce-flow-root .cf-config-body .cf-field:last-child { margin-bottom:0; }
#commerce-flow-root .cf-config-body .cf-field textarea { min-height:78px; line-height:1.55; padding:9px 10px; }
#commerce-flow-root .cf-config-body .cf-section p,
#commerce-flow-root .cf-config-body .cf-note { margin:7px 0 0; line-height:1.5; }
#commerce-flow-root .cf-config-body .cf-note:empty { display:none; }
#commerce-flow-root .cf-config-body .cf-upload { min-height:84px; padding:8px; gap:4px; }
#commerce-flow-root .cf-config-body .cf-plus { font-size:20px; line-height:1; }
#commerce-flow-root .cf-config-body .cf-files img { height:68px; }
#commerce-flow-root .cf-config-body .cf-files:empty { display:none; }
#commerce-flow-root .cf-config-body .cf-choices { gap:6px; }
#commerce-flow-root .cf-config-body .cf-choices label { min-height:38px; padding:7px 9px; border-radius:7px; }
#commerce-flow-root .cf-config-body .creative-helper {
 background:var(--ws-surface,#fff); border-color:var(--ws-line,#dce6e7); border-radius:0;
}
#commerce-flow-root .cf-config-body .product-creative-helper {
 border:0; border-bottom:1px solid var(--ws-line,#dce6e7);
}
#commerce-flow-root .product-creative-helper > [data-product-write] {
 min-height:38px; max-width:100%; padding:8px 12px; font-size:12px; line-height:1.5;
 border-radius:7px; white-space:normal; text-align:left;
}
#commerce-flow-root .product-creative-helper > [data-creative-description] {
 margin:6px 0 0; font-size:12px; line-height:1.5;
}
#commerce-flow-root .product-creative-helper > :is([data-creative-status],[data-creative-result]):empty {
 display:none;
}
#commerce-flow-root .cf-config-body #cf-active-plan { background:var(--ws-surface,#fff); }
#commerce-flow-root .cf-output-options { margin:0; min-width:0; border-bottom:1px solid var(--ws-line,#dce6e7); background:var(--ws-surface,#fff); }
#commerce-flow-root .cf-output-options > summary {
 display:flex; align-items:center; gap:9px; min-height:44px; padding:10px 16px;
 list-style:none; cursor:pointer; color:var(--ws-ink,#18383b); font-size:12px; font-weight:600;
}
#commerce-flow-root .cf-output-options > summary::-webkit-details-marker { display:none; }
#commerce-flow-root .cf-output-options > summary small { margin-left:auto; color:var(--ws-muted,#587075); font-size:11px; font-weight:400; overflow-wrap:anywhere; }
#commerce-flow-root .cf-output-chevron { flex:none; color:var(--ws-muted,#587075); font-size:16px; line-height:1; }
#commerce-flow-root .cf-output-options[open] .cf-output-chevron { transform:rotate(180deg); }
#commerce-flow-root .cf-output-options > summary:focus-visible { outline:2px solid var(--ws-teal,#008678); outline-offset:-3px; }
#commerce-flow-root .cf-output-options > .cf-generation-settings { padding:4px 16px 12px; border-bottom:0; }
#commerce-flow-root .cf-output-options:not([open]) > .cf-generation-settings { display:none; }
#commerce-flow-root .cf-config-body > #cf-product-layout { padding:0; }
#commerce-flow-root .cf-copy-settings { margin:0; min-width:0; background:var(--ws-surface,#fff); }
#commerce-flow-root #cf-product-layout .cf-copy-settings > summary {
 display:flex; align-items:center; justify-content:space-between; gap:9px; min-height:44px;
 margin:0; padding:10px 16px; list-style:none; cursor:pointer;
 color:var(--ws-ink,#18383b); font-size:12px; font-weight:600; line-height:1.5;
}
#commerce-flow-root .cf-copy-settings > summary::-webkit-details-marker { display:none; }
#commerce-flow-root .cf-copy-settings > summary:focus-visible { outline:2px solid var(--ws-teal,#008678); outline-offset:-3px; }
#commerce-flow-root .cf-copy-settings[open] > summary .cf-output-chevron { transform:rotate(180deg); }
#commerce-flow-root .cf-copy-settings-body { padding:4px 16px 12px; }
#commerce-flow-root .cf-copy-settings:not([open]) > .cf-copy-settings-body { display:none; }
#commerce-flow-root .cf-generation-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; }
#commerce-flow-root .cf-generation-settings > .cf-setting-fields,
#commerce-flow-root .cf-generation-settings > .cf-setting-ratio,
#commerce-flow-root .cf-generation-settings > #cf-setting-impact { grid-column:1/-1; min-width:0; }
#commerce-flow-root .cf-setting-fields .cf-field { margin:0; }
#commerce-flow-root .cf-setting-fields:has(> #cf-copy-language[hidden]),
#commerce-flow-root .cf-setting-fields:not(:has(> #cf-copy-language)) { grid-template-columns:minmax(0,1fr); }
#commerce-flow-root .cf-generation-settings > .member-resolution,
#commerce-flow-root .cf-generation-settings > .generation-model-choice { min-width:0; padding:0; margin:0; border:0; }
#commerce-flow-root .cf-generation-settings > .member-resolution > label,
#commerce-flow-root .cf-generation-settings > .generation-model-choice > .cf-field {
 display:flex; flex-direction:column; align-items:stretch; gap:6px; margin:0;
}
#commerce-flow-root .cf-generation-settings > .member-resolution > small,
#commerce-flow-root .cf-generation-settings > .generation-model-choice > .cf-note { margin-top:5px; }
#commerce-flow-root .cf-generation-settings .cf-ratios { margin:0; }
#commerce-flow-root .cf-generation-settings .cf-ratios legend { margin-bottom:7px; }
#commerce-flow-root .cf-generation-settings .cf-ratio-content { display:grid; grid-template-columns:28px minmax(0,1fr); grid-template-rows:auto auto; min-height:52px; gap:3px 4px; border-radius:7px; padding:6px; }
#commerce-flow-root .cf-generation-settings .cf-ratio-content i { grid-row:1/3; justify-self:center; transform:scale(.8); }
#commerce-flow-root .cf-generation-settings .cf-ratio-content strong,
#commerce-flow-root .cf-generation-settings .cf-ratio-content small { text-align:center; min-width:0; padding:0; }
#commerce-flow-root .cf-generation-settings .cf-ratio-options { gap:6px; }
@media (min-width:1101px) {
 #commerce-flow-root .cf-product-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
 #commerce-flow-root .cf-product-tabs button { padding:7px 4px; }
}
@media (max-width:450px) {
 #commerce-flow-root .cf-generation-settings { gap:10px 8px; }
 #commerce-flow-root .cf-config-body > .cf-section { padding:12px; }
 #commerce-flow-root .cf-output-options > summary { padding:10px 12px; }
 #commerce-flow-root .cf-output-options > .cf-generation-settings { padding:4px 12px 12px; }
 #commerce-flow-root #cf-product-layout .cf-copy-settings > summary { padding:10px 12px; }
 #commerce-flow-root .cf-copy-settings-body { padding:4px 12px 12px; }
 #commerce-flow-root .cf-generation-settings .cf-ratio-content { grid-template-columns:20px minmax(0,1fr); gap:3px; padding:6px 3px; }
}
@media (pointer:coarse) {
 #commerce-flow-root .product-creative-helper > [data-product-write] { min-height:44px; }
 #commerce-flow-root .cf-generation-settings .cf-ratio-content { min-height:56px; }
 #commerce-flow-root .cf-config-body .cf-choices label { min-height:44px; }
}