/* Garment coordinates share a 232px waist on a 492px composition. */
.lookbook-outfit{display:block;position:relative;container-type:size;overflow:hidden}
.lookbook-outfit>.lookbook-stage{--u:calc(100cqh / 492);position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(var(--u)*220);height:100%}
.lookbook-layer{display:block;position:absolute;left:50%;transform:translateX(-50%);background:var(--cloth);mask:var(--asset) center/contain no-repeat;-webkit-mask:var(--asset) center/contain no-repeat;isolation:isolate}
.lookbook-layer img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1) brightness(1.16)}
.lookbook-layer[data-color="White"] img{filter:grayscale(1) brightness(1.23) contrast(.9)}
.lookbook-layer[data-color="Black"] img{mix-blend-mode:screen;filter:grayscale(1) contrast(1.3);opacity:.12}
.lookbook-top{--offset:9;--height:237;top:calc(var(--u)*var(--offset));width:calc(var(--u)*190);height:calc(var(--u)*var(--height));z-index:2;clip-path:inset(0 0 max(0px,calc(var(--u)*(var(--height) - 232 + var(--offset)))) 0)}
.lookbook-stage[data-top="sweater"] .lookbook-top{--offset:7;--height:245;width:calc(var(--u)*196)}
.lookbook-stage[data-top="shirt"] .lookbook-top{--offset:7;left:calc(50% + var(--u)*2)}
.lookbook-stage[data-top="polo"] .lookbook-top{--offset:7}
.lookbook-stage[data-top="hoodie"] .lookbook-top{--offset:11}
.lookbook-layered .lookbook-top{clip-path:polygon(43% 0,57% 0,65% 25%,77% calc(var(--u)*(232 - var(--offset))),23% calc(var(--u)*(232 - var(--offset))),35% 25%)}
.lookbook-bottom{--w:calc(var(--u)*125);--h:calc(var(--u)*252);top:calc(var(--u)*228);width:var(--w);height:var(--h);z-index:1;mask-size:calc(var(--w)*2.007843) calc(var(--h)*1.100287);mask-position:calc(var(--w)*-.503922) calc(var(--h)*-.050143);-webkit-mask-size:calc(var(--w)*2.007843) calc(var(--h)*1.100287);-webkit-mask-position:calc(var(--w)*-.503922) calc(var(--h)*-.050143)}
.lookbook-bottom img{position:absolute;width:calc(var(--w)*2.007843);height:calc(var(--h)*1.100287);left:calc(var(--w)*-.503922);top:calc(var(--h)*-.050143);object-fit:fill}
.lookbook-bottom[data-type="shorts"]{--h:calc(var(--u)*145);mask-size:calc(var(--w)*1.090522) calc(var(--h)*1.35689);mask-position:calc(var(--w)*-.045793) calc(var(--h)*-.161661);-webkit-mask-size:calc(var(--w)*1.090522) calc(var(--h)*1.35689);-webkit-mask-position:calc(var(--w)*-.045793) calc(var(--h)*-.161661)}
.lookbook-bottom[data-type="shorts"] img{width:calc(var(--w)*1.090522);height:calc(var(--h)*1.35689);left:calc(var(--w)*-.045793);top:calc(var(--h)*-.161661)}
.lookbook-outer{top:calc(var(--u)*5);width:calc(var(--u)*245);height:calc(var(--u)*250);z-index:3}
.lookbook-outer[data-type="blazer"]{width:calc(var(--u)*210);height:calc(var(--u)*270)}
.lookbook-stage:not(.lookbook-layered) .lookbook-outer[data-type="blazer"]{top:calc(var(--u)*16);width:calc(var(--u)*200);height:calc(var(--u)*250)}
.lookbook-outer[data-type="coat"]{top:calc(var(--u)*4);width:calc(var(--u)*238);height:calc(var(--u)*330);mask-size:100% 100%;-webkit-mask-size:100% 100%}
.lookbook-outer[data-type="coat"] img{object-fit:fill}
.lookbook-hood{top:calc(var(--u)*11);width:calc(var(--u)*190);height:calc(var(--u)*237);z-index:4;clip-path:polygon(25% 0,75% 0,75% 17%,50% 22%,25% 17%)}
.lookbook-garment{display:inline-block;position:relative;width:64px;height:75px;flex-shrink:0}
.lookbook-garment>.lookbook-stage{display:block;width:100%;height:100%;position:relative}
.lookbook-single{inset:0;transform:none;width:100%;height:100%}
.lookbook-fallback>.fitcheck-outfit-composite{width:100%;height:100%}
.lookbook-garment.lookbook-fallback>svg{width:100%;height:100%}
body.field-notes.ui-polished.fitcheck-theme-page :is(.advisor-memory-list,.match-card-grid,#outfit-log-list)>li>.lookbook-outfit{height:320px;min-height:320px;padding:18px 0 12px;background:radial-gradient(ellipse at 50% 45%,#faf7ef,#eae1d1);border-radius:5px}
body.field-notes.ui-polished.fitcheck-theme-page :is(.advisor-memory-list,.match-card-grid,#outfit-log-list)>li>.lookbook-outfit>.lookbook-stage{height:calc(100% - 26px);top:14px;--u:calc((100cqh - 26px) / 492)}
body.field-notes.ui-polished.fitcheck-theme-page .item-picker-garment.lookbook-garment{width:32px;height:38px}
body.field-notes.ui-polished.fitcheck-theme-page .wanted-garment-icon.lookbook-garment{width:56px;height:66px}
.lookbook-outfit.lookbook-fallback>.fitcheck-outfit-composite{position:absolute;inset:0}
@media(max-width:700px){body.field-notes.ui-polished.fitcheck-theme-page :is(.advisor-memory-list,.match-card-grid,#outfit-log-list)>li>.lookbook-outfit{height:290px;min-height:290px}}

/* Keep legacy/striped cards aligned with realistic compositions. */
body.field-notes.ui-polished.fitcheck-theme-page :is(.advisor-memory-list,.match-card-grid,#outfit-log-list)>li>.fitcheck-outfit-composite:not(.lookbook-outfit){height:320px;min-height:320px;background:radial-gradient(ellipse at 50% 45%,#faf7ef,#eae1d1)}
@media(max-width:700px){body.field-notes.ui-polished.fitcheck-theme-page :is(.advisor-memory-list,.match-card-grid,#outfit-log-list)>li>.fitcheck-outfit-composite:not(.lookbook-outfit){height:290px;min-height:290px}}

.color-picker-group-label{grid-column:1 / -1;padding:8px 4px 3px;font-size:.85em;font-weight:600;color:var(--text-muted,#6d6559)}

/* Readable phone input, including Safari's focused-field zoom threshold. */
@media(max-width:700px){
 body.field-notes.ui-polished.fitcheck-theme-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea,.item-picker-trigger,.color-picker-trigger){font-size:max(16px,calc(14px * var(--fitcheck-text-scale)))}
}

.storage-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--theme-line-strong,#cbbdaa);border-radius:5px;background:var(--theme-paper,#faf7ef)}
.storage-feedback[data-status="error"]{border-color:#a84a32}
.storage-feedback button{min-height:44px;padding:8px 12px}