#clothes-panel.clothes-workspace { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: transparent; }
#clothes-panel [hidden], #clothes-panel .hide { display: none !important; }
#clothes-panel .workspace-status { color: var(--sc-text-secondary, #dbc6ad); margin: 6px 0 0; font-size: 13px; line-height: 1.5; }
#clothes-panel .workspace-status:empty, #clothes-panel [data-workspace-cost]:empty { display: none; }
#clothes-panel .upload-example-label { position: absolute; inset: 10px auto auto 10px; font-size: 11px; line-height: 1.5; padding: 3px 8px; color: var(--sc-text-primary, #f4e8d6); background: var(--sc-bg-surface, #251c16); border-radius: 20px; pointer-events: none; }
#clothes-panel .upload-card .remove-button {
  top: var(--sc-space-3);
  right: var(--sc-space-3);
  width: var(--sc-space-6);
  height: var(--sc-space-6);
  min-width: 0;
  min-height: 0;
  padding: 0;
}
/* Keep the 24px corner control easy to tap without covering the photo. */
#clothes-panel .upload-card .remove-button::after {
  content: "";
  position: absolute;
  inset: -11px;
  border-radius: inherit;
}
#clothes-panel .text-button svg { width: 12px; height: 12px; }
#clothes-panel .clothes-results-title, #clothes-panel [data-workspace-result-list]:empty { display: none; }
#clothes-panel .result-pane:has([data-workspace-result-list] > *) .result-empty { display: none; }
#clothes-panel .result-pane:has([data-workspace-result-list] > *) .clothes-results-title { display: block; margin: 0 0 12px; font-size: 18px; }
#clothes-panel [data-workspace-result-list] { min-width: 0; overflow-wrap: anywhere; }
#clothes-panel [data-workspace-result-list] img { max-width: 100%; }
#clothes-panel .generate-button svg:first-child { margin-inline-start: auto; }
#clothes-panel .generate-button .generate-arrow { margin-inline-start: auto; }
#clothes-panel .outfit-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  max-height: 85dvh;
  max-width: min(490px, calc(100vw - 32px));
  overflow-y: auto;
}
#clothes-panel .outfit-dialog li { line-height: 1.6; }
#clothes-panel .sc-generation-action { width: 100%; min-width: 0; }
#clothes-panel .sc-generation-action__measure { pointer-events: none; }
#clothes-panel .model-workspace__status { white-space: normal; }
@media (max-width: 600px) {
  #clothes-panel .upload-example-label { inset: 6px auto auto 6px; }
  #clothes-panel .outfit-dialog button { min-height: 44px; }
}
