/* A generation workflow: profile, an inline wardrobe and the current selection. */
#legacyCollage[hidden] { display:none !important; }
.generation-layout { display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,24%,250px);gap:clamp(14px,2vw,26px);align-items:start; }
.generation-browser.atelier-browser { margin:0;padding:0;border:0;background:transparent; }
.generation-browser-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px; }
.generation-browser-heading h3 { margin:0;font-size:16px;font-weight:500; }
.generation-browser-heading>span { color:var(--muted);font-size:12px; }
.generation-browser .atelier-browser-content { padding:0; }
.generation-browser [data-catalog="canvas"] { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:flex-end; }
.generation-browser .catalog-category-select { min-width:130px; }
.generation-browser .catalog-category-select select { border-radius:10px;background:var(--card); }
.generation-browser .catalog-tools>input { border-radius:10px;background:var(--card); }
.generation-browser #outfitPicker { display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;gap:14px;max-height:660px;overflow:auto;overscroll-behavior:contain;scroll-snap-type:none;padding:3px 5px 12px 2px; }
.generation-browser .picker-entry { border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden; }
.generation-browser .picker-entry.is-on-table { border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink); }
.generation-browser .picker-item { position:relative;width:100%;height:auto;min-height:180px;padding:0 0 12px;gap:11px;border-radius:0;background:transparent; }
.generation-browser .picker-thumb { display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;background:#eeece9; }
.generation-browser .picker-item>span:not(.picker-thumb) { display:block;padding:0 10px;font-size:12px;line-height:1.5; }
.generation-browser .picker-item small { display:none; }
.generation-browser .picker-preview { top:7px;right:7px;border-radius:50%;width:30px;height:30px;min-width:30px;min-height:30px;background:var(--card);color:var(--ink); }
.generation-browser .picker-selected-badge { top:8px;left:8px;border-radius:50%;width:24px;height:24px;padding:0;font-size:0;display:grid;place-items:center; }
.generation-browser .picker-selected-badge::after { content:'✓';font-size:14px; }
.generation-selection.atelier-selection-panel { position:sticky;top:110px;padding:0 0 0 24px; }
.generation-selection>h3 { margin:0 0 16px;font:500 16px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.generation-selection .atelier-selected-list { max-height:260px;overflow:auto; }
.generation-options { border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-size:12px; }
.generation-options>summary { min-height:32px;cursor:pointer;color:var(--muted); }
.generation-options p { font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0; }
.generation-options .wonder-level { padding:12px 0 0; }
.generation-empty { grid-column:1/-1;font-size:14px;color:var(--muted);padding:25px 0; }
.generation-selection .atelier-selected-row img { border-radius:5px; }
@media(min-width:721px) and (max-width:1050px) {
  .generation-layout { grid-template-columns:minmax(0,1fr) clamp(160px,25%,220px);gap:18px; }
  .generation-browser #outfitPicker { grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
  .generation-selection.atelier-selection-panel { padding-left:16px; }
}
@media(max-width:720px) {
  #outfitView { padding-bottom:110px; }
  .generation-layout { display:grid;grid-template-columns:minmax(0,1fr) clamp(108px,28%,180px);gap:10px; }
  .generation-browser-heading { flex-wrap:wrap;gap:4px;margin-bottom:12px; }
  .generation-browser-heading h3,.generation-selection>h3 { font-size:14px; }
  .generation-browser [data-catalog="canvas"] { display:block; }
  .generation-browser .catalog-category-select { display:block;width:100%;min-width:0;font-size:0;margin-bottom:10px; }
  .generation-browser .catalog-category-select select { height:42px;font-size:13px;margin:0; }
  .generation-browser .catalog-tools { gap:6px;flex-wrap:wrap; }
  .generation-browser .catalog-tools>input { flex-basis:100%;min-width:0;width:100%;height:42px;font-size:13px; }
  .generation-browser .catalog-tools>small { display:none; }
  .generation-browser .catalog-tools>details { width:100%; }
  .generation-browser .catalog-tools>details>summary { padding:6px 0; }
  .generation-browser #outfitPicker { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:65svh;min-height:160px; }
  .generation-browser .picker-item { min-height:0;padding-bottom:9px;gap:8px; }
  .generation-browser .picker-item>span:not(.picker-thumb) { padding:0 5px;font-size:11px; }
  .generation-browser .picker-preview { width:28px;height:28px;min-width:28px;min-height:28px;top:3px;right:3px; }
  .generation-browser .picker-selected-badge { width:19px;height:19px;top:6px;left:5px; }
  .generation-selection.atelier-selection-panel { display:flex;flex-direction:column;position:sticky;top:96px;padding:0 0 0 8px;margin:0;border-top:0;border-left:1px solid var(--line);max-height:calc(100svh - 190px);overflow-y:auto;scrollbar-width:thin; }
  .generation-selection>h3 { order:-2; }
  .generation-selection .generation-actions { order:-1;margin-bottom:12px; }
  .generation-selection>* { flex-shrink:0; }
  .generation-browser .catalog-filter-fields label { min-width:0;flex-basis:100%; }
  .generation-selection .atelier-selected-list { display:grid;grid-template-columns:1fr;max-height:28svh;gap:6px; }
  .generation-selection .atelier-selected-row { position:relative; }
  .generation-selection .atelier-selected-row>button:first-child { flex-direction:column;gap:5px;padding:6px;width:100%;text-align:center; }
  .generation-selection .atelier-selected-row>button:last-child { position:absolute;right:0;top:0;min-width:28px;min-height:32px;font-size:18px;background:var(--card);border-radius:0 4px 0 8px; }
  .generation-selection .atelier-selected-row img { width:100%;height:auto;aspect-ratio:1; }
  .generation-selection .atelier-selected-row span { font-size:11px; }
  .generation-selection .atelier-selected-row small { display:none; }
  .generation-selection .generation-actions { grid-template-columns:1fr;gap:8px; }
  .generation-selection .generation-actions>button { min-height:44px;padding:10px 4px;font-size:12px; }
  .generation-selection .tryon-album-entry { margin-top:12px;padding:10px 5px;gap:5px; }
  .generation-selection .album-entry-icon { display:none; }
  .generation-selection .album-entry-text strong { font:500 12px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
  .generation-selection .album-count { font-size:10px; }
  .generation-selection .tryon-album-entry>span:last-child { display:none; }
  .generation-selection #resolveTryOnSelection { width:100%;font-size:12px;padding:8px 3px; }
  .generation-selection #tryOnSummary { font-size:11px;line-height:1.7; }
  .generation-options { margin-top:12px;padding-top:10px; }
  .generation-options .wonder-level small { padding-left:0; }
  .generation-options input[type="checkbox"] { flex-shrink:0; }
  .generation-selection :is(#tryOnGenerationStatus,#tryOnError,#tryOnSelectionIssue) { overflow-wrap:anywhere; }
}
@media(min-width:560px) and (max-width:720px) {
  .generation-layout { grid-template-columns:minmax(0,1fr) clamp(140px,28%,180px);gap:14px; }
  .generation-browser #outfitPicker { grid-template-columns:repeat(3,minmax(0,1fr)); }
}