
.mixd-builder .category-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.mixd-builder .category-filters button{padding:6px 8px;font-size:9px;border-radius:4px;background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.mixd-builder .category-filters button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.mixd-builder .product-grid[data-filtered=true]{grid-template-columns:1fr}
.mixd-builder .product-grid[data-filtered=true] .slot-choices{display:grid;grid-template-columns:1fr 1fr}
.mixd-builder .choice-action{position:absolute;top:8px;left:8px;padding:3px 5px;border-radius:3px;background:#fffffff2;font-size:8px;font-weight:700;color:var(--navy);line-height:1.25}
.mixd-builder .selected .choice-action{background:var(--navy);color:white}
.mixd-builder{background:#f7f8fc;justify-content:center;padding-top:28px;padding-bottom:24px}
.mixd-builder .builder-heading{margin-bottom:18px;align-items:center}
.mixd-builder .builder-heading h2{font-size:clamp(35px,3.5vw,52px);letter-spacing:-2px}
.mixd-builder .builder-heading .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:10px}
.mixd-builder .builder-heading>p{font-size:13px;line-height:1.6;max-width:290px}
.mixd-builder .builder-heading>p>span{font-size:11px}
.mixd-builder .builder{display:grid;grid-template-columns:minmax(235px,1fr) minmax(0,1.8fr) minmax(230px,.95fr);gap:16px;background:none;border:0;box-shadow:none;overflow:visible;min-height:0;flex:none;border-radius:0;align-items:stretch}
.mixd-builder .preview-panel,.mixd-builder .builder-workspace,.mixd-builder .outfit-summary{padding:18px;background:#fff;border:1px solid #dfe4f0;border-radius:14px;min-width:0;box-shadow:0 7px 20px #263f8305;display:flex;flex-direction:column;grid-column:auto;gap:0}
.mixd-builder .preview-panel{scroll-margin-top:calc(var(--header-height) + 12px)}
.mixd-builder .builder-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;min-height:20px}
.mixd-builder .builder-panel-heading h3{font-size:14px;letter-spacing:-.3px;color:#23345e;line-height:1.4}
.mixd-builder .preview-state{font-size:7px;letter-spacing:1px;background:#edf1fb;color:var(--navy);border-radius:4px;padding:6px 7px;font-weight:700;white-space:nowrap}
.mixd-builder .model-image-frame{position:relative;overflow:hidden;background:#1b192b;border-radius:9px;height:360px;min-height:260px;max-height:510px;flex:1}
.mixd-builder #model-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
.mixd-builder #model-photo[hidden]{display:none}
.mixd-builder .preview-copy{padding:14px 0 12px;min-height:78px}
.mixd-builder .preview-copy h4{font-size:17px;letter-spacing:-.5px;margin-bottom:5px}
.mixd-builder #preview-label{display:block;max-width:none;min-height:0;font-size:10px;line-height:1.6;color:var(--muted)}
.mixd-builder .builder-mini-mark{color:var(--pink);font-size:24px;line-height:1}
.mixd-builder .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;flex:none;align-items:start}
.mixd-builder .outfit-slot{min-width:0}
.mixd-builder .slot-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-height:30px;font-size:10px;text-transform:none;letter-spacing:0;margin-bottom:8px}
.mixd-builder .slot-label small{font-size:6px;letter-spacing:.7px;color:#6b7487;line-height:1}
.mixd-builder .slot-choices{display:flex;flex-direction:column;gap:10px}
.mixd-builder .item-choice{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:5px;gap:0;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;text-align:left;position:relative;min-width:0;box-shadow:none}
.mixd-builder .item-choice:hover{border-color:#91a1c4;background:#fbfcff}
.mixd-builder .item-choice.selected{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy);background:#f5f7fd}
.mixd-builder .choice-art{display:block;position:relative;width:100%;height:112px;flex:none;overflow:hidden;background:#f3f3f2;border-radius:4px}
.mixd-builder .choice-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none;transition:none}
.mixd-builder .choice-copy{display:flex;flex-direction:column;gap:5px;padding:9px 3px 6px;flex:1;min-width:0}
.mixd-builder .choice-copy small{font-size:7px;letter-spacing:.7px;line-height:1;color:#6e778a}
.mixd-builder .choice-copy b{font-size:10px;line-height:1.35;min-height:28px;color:#203253;letter-spacing:-.1px;font-weight:600}
.mixd-builder .choice-copy strong{font-size:11px;line-height:1.3;color:var(--navy);margin:0}
.mixd-builder .choice-check{position:absolute;top:9px;right:9px;width:17px;height:17px;border-radius:50%;font-size:10px;background:var(--navy);color:white;display:grid;place-items:center;opacity:0;box-shadow:0 1px 5px #0002}
.mixd-builder .selected .choice-check{opacity:1}
.mixd-builder .builder-hint{font-size:10px;line-height:1.6;margin-top:16px;color:var(--muted)}
.mixd-builder .outfit-summary{background:#f0f3fb;border-color:#dbe2f2;padding:18px}
.mixd-builder .outfit-summary .builder-panel-heading{align-items:flex-start;margin-bottom:12px}
.mixd-builder #item-count{font-size:8px;white-space:nowrap;background:white;border:1px solid #dde4f2;border-radius:20px;padding:5px 7px;line-height:1.2}
.mixd-builder .summary-look-name{display:flex;flex-direction:column;gap:7px;padding-bottom:17px;border-bottom:1px solid #dbe2ee}
.mixd-builder #summary-look{font-size:20px;font-weight:700;letter-spacing:-.7px;line-height:1.2}
.mixd-builder .summary-look-name small{font-size:7px;letter-spacing:.8px;color:var(--muted)}
.mixd-builder #summary-items{display:block;flex:1}
.mixd-builder .summary-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:1px solid #dbe2ee;color:#203253}
.mixd-builder .summary-thumb{position:relative;width:54px;height:64px;overflow:hidden;flex:none;border-radius:5px;background:white;display:grid;place-items:center}
.mixd-builder .summary-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mixd-builder .summary-copy{display:flex;flex-direction:column;gap:3px;flex:1;font-size:10px;line-height:1.35;min-width:0}
.mixd-builder .summary-copy small{display:block;font-size:7px;color:var(--muted);margin:0;line-height:1.3}
.mixd-builder .summary-copy b{font-size:11px;color:var(--navy);line-height:1.4}
.mixd-builder .total-line{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}
.mixd-builder .total-line>span{font-size:11px;font-weight:600}
.mixd-builder .total-line>strong{font-size:26px;letter-spacing:-1px;line-height:1.2;white-space:nowrap}
.mixd-builder .demo-note{font-size:9px;color:var(--muted);line-height:1.6;margin-top:9px}
.mixd-builder .reset-button{display:flex;align-items:center;justify-content:center;gap:17px;align-self:stretch;margin-top:18px;padding:12px;width:100%;background:transparent;border:1px solid #c3cde1;border-radius:6px;text-decoration:none;font-size:11px;color:var(--navy);font-weight:600;min-height:40px}
.mixd-builder .reset-button:hover{border-color:var(--pink);background:white}
.mixd-builder .summary-footnote{font-size:10px;line-height:1.6;color:#7a8399;margin-top:18px}
.mixd-builder .builder-disclaimer{margin-top:16px;font-size:9px;line-height:1.7;text-align:left;letter-spacing:0;color:var(--muted);max-width:none}
.mixd-builder .photo-unavailable{font-size:9px;padding:7px;line-height:1.5;text-align:center;display:block}
@media(min-width:1101px) and (max-height:800px){
  .mixd-builder{padding-top:21px;padding-bottom:18px}.mixd-builder .builder-heading{margin-bottom:16px}.mixd-builder .builder-heading h2{font-size:38px}.mixd-builder .builder-heading .eyebrow{font-size:8px;margin-bottom:8px}
  .mixd-builder .builder{gap:12px;grid-template-columns:minmax(230px,1fr) minmax(0,1.85fr) minmax(225px,.95fr)}
  .mixd-builder .preview-panel,.mixd-builder .builder-workspace,.mixd-builder .outfit-summary{padding:14px}
  .mixd-builder .builder-panel-heading{margin-bottom:12px}.mixd-builder .builder-panel-heading h3{font-size:12px}.mixd-builder .preview-state{font-size:6px;padding:5px}
  .mixd-builder .model-image-frame{height:280px;min-height:240px}.mixd-builder .preview-copy{min-height:68px;padding:10px 0}.mixd-builder .preview-copy h4{font-size:16px}.mixd-builder #preview-label{font-size:9px}
  .mixd-builder .product-grid{gap:8px}.mixd-builder .choice-art{height:82px}.mixd-builder .choice-copy{padding:7px 2px 4px;gap:4px}.mixd-builder .choice-copy b{font-size:9px;min-height:25px}.mixd-builder .choice-copy strong{font-size:10px}.mixd-builder .choice-copy small{font-size:6px}.mixd-builder .slot-label{font-size:9px;min-height:27px;margin-bottom:6px}.mixd-builder .slot-choices{gap:8px}.mixd-builder .choice-check{width:14px;height:14px;font-size:8px}
  .mixd-builder .builder-hint{font-size:8px;margin-top:12px}.mixd-builder .summary-look-name{padding-bottom:12px}.mixd-builder #summary-look{font-size:18px}.mixd-builder .summary-item{padding:10px 0}.mixd-builder .summary-thumb{width:34px;height:42px}.mixd-builder .summary-copy{font-size:9px}.mixd-builder .summary-copy b{font-size:10px}.mixd-builder .summary-copy small{font-size:6px}.mixd-builder .remove-item{width:23px;height:26px}.mixd-builder .total-line{margin-top:16px}.mixd-builder .total-line>strong{font-size:24px}.mixd-builder .total-line>span{font-size:10px}.mixd-builder .demo-note{font-size:8px}.mixd-builder .reset-button{margin-top:13px;padding:10px;min-height:34px;font-size:10px}.mixd-builder .summary-footnote{display:none}.mixd-builder .builder-disclaimer{margin-top:11px;font-size:8px}
}
@media(max-width:1100px){
  .mixd-builder .builder{grid-template-columns:minmax(220px,.82fr) minmax(0,1.6fr);gap:16px}
  .mixd-builder .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mixd-builder .choice-art{height:86px}.mixd-builder .choice-copy b{font-size:9px}
  .mixd-builder .outfit-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:22px}
  .mixd-builder .outfit-summary>.builder-panel-heading{grid-column:1/-1}.mixd-builder .summary-look-name{grid-column:1;border:0;padding-bottom:8px}.mixd-builder #summary-items{grid-column:1;grid-row:3/8}.mixd-builder .total-line{grid-column:2;grid-row:2;align-self:end;margin-top:0}.mixd-builder .demo-note{grid-column:2;grid-row:3}.mixd-builder .reset-button{grid-column:2;grid-row:4;align-self:start}.mixd-builder .summary-footnote{grid-column:2;grid-row:5;margin-top:10px}
}
@media(max-width:850px){
  .mixd-builder .builder{grid-template-columns:minmax(200px,.9fr) minmax(0,1.4fr)}.mixd-builder .builder-heading{align-items:flex-end}.mixd-builder .builder-heading>p{font-size:11px}.mixd-builder .builder-heading>p>span{font-size:9px}
  .mixd-builder .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.mixd-builder .slot-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mixd-builder .choice-art{height:84px}.mixd-builder .choice-copy b{font-size:10px;min-height:28px}.mixd-builder .choice-copy strong{font-size:11px}.mixd-builder .slot-label{flex-direction:row;align-items:center;justify-content:space-between;min-height:16px}.mixd-builder .slot-label small{font-size:6px}.mixd-builder .model-image-frame{height:420px;max-height:700px}.mixd-builder .builder-panel-heading h3{font-size:12px}.mixd-builder .preview-panel{padding:14px}.mixd-builder .builder-workspace{padding:17px}.mixd-builder .summary-item{padding:11px 0}
}
@media(max-width:600px){
  .mixd-builder{padding:28px 5% 85px}.mixd-builder .builder-heading{display:block;margin-bottom:20px}.mixd-builder .builder-heading h2{font-size:38px}.mixd-builder .builder-heading .eyebrow{font-size:9px}.mixd-builder .builder-heading>p{font-size:12px;margin-top:12px}.mixd-builder .builder-heading>p br{display:none}.mixd-builder .builder-heading>p>span{font-size:11px;margin-left:7px}
  .mixd-builder .builder{display:flex;flex-direction:column;gap:17px}.mixd-builder .preview-panel,.mixd-builder .builder-workspace,.mixd-builder .outfit-summary{padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:0;grid-column:auto}
  .mixd-builder .builder-panel-heading{margin-bottom:14px}.mixd-builder .builder-panel-heading h3{font-size:15px}.mixd-builder .preview-state{font-size:7px}.mixd-builder .model-image-frame{height:440px;min-height:0;max-height:none;flex:none}.mixd-builder .preview-copy{min-height:78px;padding:14px 0 12px}.mixd-builder .preview-copy h4{font-size:20px}.mixd-builder #preview-label{font-size:11px}.mixd-builder .product-grid{display:flex;flex-direction:column;gap:23px}.mixd-builder .slot-label{font-size:12px;min-height:18px;margin-bottom:10px}.mixd-builder .slot-label small{font-size:8px}.mixd-builder .slot-choices{gap:12px}.mixd-builder .choice-art{height:145px}.mixd-builder .item-choice{padding:6px}.mixd-builder .choice-copy{padding:11px 5px 8px;gap:6px}.mixd-builder .choice-copy b{font-size:13px;min-height:36px}.mixd-builder .choice-copy small{font-size:8px}.mixd-builder .choice-copy strong{font-size:14px}.mixd-builder .choice-check{width:20px;height:20px;font-size:11px;right:11px;top:11px}.mixd-builder .builder-hint{font-size:11px;margin-top:20px}
  .mixd-builder #summary-items{display:block}.mixd-builder .summary-look-name{border-bottom:1px solid #dbe2ee;padding-bottom:17px}.mixd-builder #summary-look{font-size:24px}.mixd-builder .summary-look-name small{font-size:8px}.mixd-builder #item-count{font-size:10px}.mixd-builder .summary-item{padding:15px 0;gap:12px}.mixd-builder .summary-thumb{width:54px;height:66px}.mixd-builder .summary-copy{font-size:13px;gap:5px}.mixd-builder .summary-copy small{font-size:9px}.mixd-builder .summary-copy b{font-size:13px}.mixd-builder .remove-item{width:36px;height:36px;font-size:25px}.mixd-builder .total-line{margin-top:24px;gap:12px}.mixd-builder .total-line>span{font-size:13px}.mixd-builder .total-line>strong{font-size:30px}.mixd-builder .demo-note{font-size:10px;margin-top:12px}.mixd-builder .reset-button{font-size:12px;min-height:44px;margin-top:19px;padding:13px}.mixd-builder .summary-footnote{display:none}.mixd-builder .builder-disclaimer{font-size:10px;line-height:1.7;margin-top:20px}.mixd-builder .empty-look{min-height:240px}
}
@media(max-width:360px){.mixd-builder .preview-panel,.mixd-builder .builder-workspace,.mixd-builder .outfit-summary{padding:13px}.mixd-builder .model-image-frame{height:390px}.mixd-builder .choice-art{height:125px}.mixd-builder .slot-choices{gap:9px}.mixd-builder .choice-copy b{font-size:12px}}
@media print{.mixd-builder .builder{display:grid;grid-template-columns:1fr 1.8fr 1fr}.mixd-builder .outfit-summary{display:flex;grid-column:auto}.mixd-builder .product-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mixd-builder .slot-choices{display:flex}.mixd-builder .choice-art{height:70px}.mixd-builder .model-image-frame{height:370px}}

.mixd-builder .model-image-frame{background:#eef0f2}
.mixd-builder .model-credit{font-size:9px;line-height:1.5;color:var(--muted);text-underline-offset:3px}
.mixd-builder .preview-panel .preview-copy{min-height:76px}
@media(max-width:600px){.mixd-builder .model-credit{font-size:10px}.mixd-builder .category-filters button{font-size:10px;min-height:32px}}

/* Integrated MIXD asset renderer; scoped to the existing builder chapter. */
.mixd-builder .model-image-frame{background:#e9edf7;height:350px;min-height:260px;flex:none}
.mixd-builder #fitted-preview,.mixd-builder #garment-layers{position:absolute;inset:0}
.mixd-builder .model-base,.mixd-builder .garment-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mixd-builder .garment-layer{opacity:0;transition:opacity .22s ease;pointer-events:none}
.mixd-builder .garment-layer.shown{opacity:1}
.mixd-builder [hidden]{display:none!important}
.mixd-builder .preview-actions{display:flex;gap:7px}
.mixd-builder .preview-actions button{flex:1;min-height:37px;padding:8px 5px;border:1px solid #c3cde1;border-radius:6px;font-size:10px;color:var(--navy);background:white}
.mixd-builder .preview-actions #save-look{background:var(--navy);color:white}
.mixd-builder button:disabled{opacity:.5;cursor:not-allowed}
.mixd-builder .product-grid{grid-template-columns:1fr 1fr;max-height:420px;overflow-y:auto;scrollbar-width:thin;padding:2px 5px 3px 2px;gap:15px}
.mixd-builder .slot-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mixd-builder .slot-label{min-height:20px;flex-direction:row;justify-content:space-between;align-items:center}
.mixd-builder .choice-art{height:100px}
.mixd-builder .choice-copy b{min-height:28px}
.mixd-builder #reset-outfit{margin-top:8px}
@media(min-width:1101px) and (max-height:800px){.mixd-builder .model-image-frame{height:300px;min-height:0}.mixd-builder .product-grid{max-height:362px}.mixd-builder .choice-art{height:85px}.mixd-builder .preview-copy{min-height:72px}.mixd-builder .preview-copy h4{font-size:16px}}
@media(min-width:601px) and (max-width:1100px){.mixd-builder .outfit-summary{display:flex}.mixd-builder .model-image-frame{height:380px}.mixd-builder .product-grid{max-height:500px}.mixd-builder .summary-item{padding:10px 0}.mixd-builder .total-line{margin-top:16px}}
@media(max-width:600px){.mixd-builder .model-image-frame{height:430px}.mixd-builder .product-grid{display:grid;grid-template-columns:1fr;max-height:600px}.mixd-builder .choice-art{height:145px}.mixd-builder .preview-actions button{font-size:12px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.mixd-builder .garment-layer{transition:none}}

@media(min-width:1101px) and (max-height:800px){
.mixd-builder .model-image-frame{height:260px}.mixd-builder .product-grid{max-height:322px}
.mixd-builder .summary-item{padding:6px 0}.mixd-builder .summary-thumb{height:32px;width:34px}
.mixd-builder .summary-look-name{padding-bottom:9px}.mixd-builder .total-line{margin-top:12px}
.mixd-builder .demo-note{margin-top:6px}.mixd-builder .preview-copy{min-height:70px}
}

@media(max-width:600px){.mixd-builder .model-image-frame{height:360px}}
@media(max-width:360px){.mixd-builder .model-image-frame{height:330px}}

@media(min-width:1101px) and (min-height:801px){.mixd-builder .product-grid{max-height:450px}}

@media(max-width:600px) and (max-height:760px){.mixd-builder .model-image-frame{height:260px}}
