/* Home "Chosen outfit" editor: the saved-outfit preview's own rules, copied for this dialog (v122). */
#homeLookDialog { background: var(--surface); }
#homeLookDialog .outfit-preview-sheet { padding-top: 8px; padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
#homeLookDialog .sheet-head { gap: 10px; align-items: start; margin-bottom: 12px; }
#homeLookDialog .sheet-head > div { min-width: 0; flex: 1 1 auto; }
/* Edit piece sits just left of the close button (owner, v123). */
#homeLookDialog .sheet-head > #homeLookEditPiece { margin-right: -2px; }
#homeLookDialog .sheet-head h2 { margin: 2px 0 0; font: 500 clamp(24px,6vw,32px)/1.14 var(--serif); text-overflow: ellipsis; overflow: hidden; }
#homeLookDialog .field-label { margin-bottom: 4px; }
#homeLookEditPiece { display:inline-flex; align-items:center; gap:6px; flex:none; font-weight:750; font-size:12px; align-self:start; margin-top:4px; min-height:36px; background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:8px 10px; color:var(--ink); white-space:nowrap; }
#homeLookEditPiece:disabled { opacity:.45; }
#homeLookDialog .outfit-preview-actions .primary-button:disabled { opacity:.5; }
/* Don't pair: a lasting rule between the outlined garment and its current match (v124). */
#homeLookDialog .home-avoid { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin:2px 0 0; padding:0 15px; border:1px solid var(--line); border-radius:99px; background:transparent; color:var(--ink); font:inherit; font-size:13px; font-weight:700; max-width:100%; }
#homeLookDialog .home-avoid[hidden] { display:none; }
#homeLookDialog .home-avoid svg { flex:none; color:var(--danger-ink); }
#homeLookDialog .home-avoid span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }