@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f7f3;--ink:#29352c;--muted:#879087;--line:#e2e4dc;--green:#2e4434;--cream:#eeeee5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button{color:inherit}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.topbar{height:88px;display:flex;align-items:center;padding:0 4.5%;border-bottom:1px solid var(--line);gap:60px}.wordmark{font-family:Georgia,serif;font-weight:bold;font-size:42px;letter-spacing:-3px;text-decoration:none;color:var(--ink)}.wordmark span{font:11px Arial;vertical-align:top;display:inline-block;margin-top:10px;letter-spacing:0}.topbar nav{display:flex;height:100%;gap:32px}.nav{border:0;background:none;font-size:13px;color:#92988e;position:relative}.nav.active{color:var(--ink)}.nav.active:after{content:'';position:absolute;bottom:0;height:2px;background:var(--ink);left:0;right:0}.header-note{margin-left:auto;font-size:10px;letter-spacing:2px}.avatar{border:1px solid #cdd5c6;border-radius:50%;width:34px;height:34px;background:#e7ebdf;font-size:12px}main{max-width:1600px;margin:auto;padding:0 4.5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 32px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 12px}.intro h1{font-family:Georgia,serif;font-size:47px;font-weight:400;letter-spacing:-1.8px;margin:0 0 12px}.intro h1 em{color:#748269}.intro p:not(.eyebrow){margin:0;color:#858b80;font-size:13px}.intro-actions{display:flex;gap:10px;padding-top:38px}.button{padding:13px 19px;border-radius:6px;border:1px solid var(--line);font-weight:500;font-size:12px}.button.dark{background:var(--green);color:white;border-color:var(--green)}.button.dark:hover{background:#435c41}.button.light{background:transparent}.button span{margin-left:24px}.workspace{display:grid;grid-template-columns:260px minmax(300px,1fr) 360px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.layers-panel{padding:25px 22px;background:#fafbf7;border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:15px;font-weight:600;margin:0;letter-spacing:-.3px}.small{font-size:10px;color:#969f91;letter-spacing:1px}.muted{font-size:11px;color:var(--muted)}.panel-description{font-size:11px;margin:8px 0 27px}.zone{margin-bottom:20px}.zone-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.zone-icon{width:25px;height:25px;display:grid;place-items:center;background:#edf0e7;border-radius:7px;font-size:14px}.zone-heading h3{font-weight:600;font-size:12px;margin:0}.zone-heading span:last-child{margin-left:auto;color:#a0a799;font-size:9px;letter-spacing:1px}.layer{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:5px;padding:8px;margin-bottom:6px;min-height:38px}.layer.active{border-color:#899c7d;background:#f0f3e9;box-shadow:0 0 0 1px #899c7d}.layer-num{font-size:9px;color:#9ba18f;border-right:1px solid var(--line);padding-right:7px}.layer select{border:0;width:100%;min-width:0;background:transparent;font-size:11px;color:var(--ink);padding:2px}.layer-remove{background:none;border:0;color:#98a18e;padding:0 2px}.add-layer{border:1px dashed #d7ddce;border-radius:5px;width:100%;padding:9px;color:#8a9580;background:transparent;font-size:10px;text-align:left}.layer-tip{border-top:1px solid var(--line);padding:18px 0 4px;display:flex;gap:10px;color:#8a9580}.layer-tip span{font-size:20px}.layer-tip p{margin:0;line-height:1.7;font-size:10px}.text-button{border:0;background:none;font-size:11px;padding:9px 0;color:#697762}.canvas-panel{position:relative;background:#f1f1e9;padding:24px 25px 14px}.canvas-heading{display:flex;justify-content:space-between;align-items:center}.canvas-heading .eyebrow{font-size:9px;margin:0;color:#849078;letter-spacing:1.6px}.canvas-pill{background:#e5e9dc;border-radius:20px;padding:6px 9px;font-size:9px;color:#718166}.canvas-pill i{display:inline-block;border-radius:50%;width:4px;height:4px;background:#778d61;margin-right:5px}.outfit-canvas{height:600px;position:relative;max-width:430px;margin:0 auto;background:radial-gradient(ellipse at center,#f9f9f2 0,transparent 65%)}.guide{position:absolute;left:50%;transform:translateX(-50%);border-bottom:1px dashed #dce1d2;width:60%}.guide-head{top:17%}.guide-body{top:49%}.guide-legs{top:87%}.guide-feet{top:99%}.canvas-label{position:absolute;left:0;font-size:8px;letter-spacing:1.5px;color:#b0b7a5}.head-label{top:9%}.body-label{top:31%}.legs-label{top:66%}.feet-label{top:92%}#garments{position:absolute;inset:0}.garment{position:absolute;object-fit:contain;filter:drop-shadow(0px 6px 5px #27332812);pointer-events:none}.garment.head{left:32%;width:36%;top:2%;height:15%}.garment.body{left:15%;width:70%;top:18%;height:35%}.garment.legs{left:28%;width:44%;top:48%;height:40%}.garment.feet{left:29%;width:42%;top:88%;height:11%}.garment.eyewear{left:37%;width:26%;top:12%;height:6%}.garment.hat{left:28%;width:44%}.garment.jacket{left:13%;width:74%;height:37%}.garment.skirt{left:24%;width:52%}.canvas-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe3d5;padding-top:10px;font-size:10px;color:#949c88}.canvas-footer .text-button{font-size:10px}.adjust-panel{border-top:1px solid #dfe3d5;padding-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.adjust-panel label{font-size:10px}.adjust-panel input{width:100%;accent-color:var(--green)}#emptyCanvas{position:absolute;top:40%;width:100%;text-align:center;font-family:Georgia,serif;font-size:23px;color:#8c9880;line-height:1.6}#emptyCanvas small{font:11px 'DM Sans',sans-serif}.products-panel{padding:25px 22px;display:flex;flex-direction:column;background:#fff}.icon-button{background:none;border:0;font-size:22px;padding:0 5px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;margin:20px 0;padding:9px 10px;background:#fcfcf9;color:#98a190}.search-box span{font-size:21px;line-height:1}.search-box input{min-width:0;width:100%;border:0;background:none;font-size:11px;outline:none}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:600}.product-controls{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:18px}.sale-switch{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer;white-space:nowrap}.sale-switch input{position:absolute;opacity:0}.switch{display:block;width:26px;height:15px;border-radius:20px;background:#dde2d8;position:relative}.switch:after{content:'';position:absolute;height:11px;width:11px;top:2px;left:2px;border-radius:50%;background:white;transition:.15s}.sale-switch input:checked+.switch{background:#577047}.sale-switch input:checked+.switch:after{left:13px}.sale-switch input:focus-visible+.switch{outline:2px solid var(--green);outline-offset:3px}.product-controls select{font-size:9px;border:0;background:none;max-width:115px;color:#818b79}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 13px;max-height:472px;overflow:auto;padding:2px 3px 4px 0}.product-card{border:0;text-align:left;padding:0;background:none;min-width:0;position:relative}.product-image{border:1px solid transparent;border-radius:7px;background:#f4f4ee;height:145px;display:grid;place-items:center;position:relative;overflow:hidden}.product-image img{width:83%;height:83%;object-fit:contain;transition:transform .18s}.product-card:hover img{transform:scale(1.06)}.product-card.selected .product-image{border-color:#849676;background:#eef1e7}.sale-badge{position:absolute;top:7px;left:7px;background:#e5ebdd;color:#5d7353;border-radius:3px;font-size:8px;padding:4px 5px;z-index:1}.product-add{position:absolute;bottom:8px;right:8px;background:white;border:1px solid #dfe4d7;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:14px}.selected .product-add{background:var(--green);color:white}.product-brand{font-size:8px;letter-spacing:1px;color:#89967f;text-transform:uppercase;margin:10px 0 4px}.product-name{font-size:11px;font-weight:500;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-price{font-size:11px}.product-price del{font-size:9px;color:#a5ab9d;margin-left:5px}.product-color{font-size:9px;color:#a1a797;margin-top:4px;text-transform:capitalize}.empty-products{grid-column:1/-1;text-align:center;padding:50px 10px;color:var(--muted);font-size:12px;line-height:1.8}.catalog-note{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#96a08b}.catalog-note>span:first-child{font-weight:600;color:#728364}.catalog-note p{font-size:10px;line-height:1.5;margin:6px 0}.catalog-note .muted{display:block;font-size:9px}.outfit-summary{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:22px 27px;background:#e9eddf;border:1px solid #dce3d1;border-radius:8px}.outfit-summary .eyebrow{font-size:8px;color:#849276;margin-bottom:7px}.outfit-summary h2{font:26px Georgia,serif;margin:0 0 5px}.outfit-summary p:last-child{margin:0;font-size:11px;color:#8a9680}.summary-price{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.summary-price>span{font-size:8px;letter-spacing:1.5px;color:#89967e}.summary-price strong{font-size:26px;font-weight:500;letter-spacing:-.7px}.summary-price small{font-size:10px;color:#718364}.saved-section{margin:28px 0 45px}.saved-section h2{font-size:13px}#savedOutfits{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.saved-empty{font-size:11px;color:var(--muted)}.saved-card{border:1px solid var(--line);background:#fff;border-radius:6px;padding:13px;display:flex;align-items:center;gap:18px}.saved-card button{background:transparent;border:0;font-size:12px}.saved-card .remove-saved{color:#98a08e}.settings-note{color:#88947e;font-size:12px;max-width:700px;line-height:1.7;margin-bottom:24px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:50px}.settings-card{background:white;border:1px solid var(--line);border-radius:8px;padding:22px}.settings-card h2{font:22px Georgia,serif;margin:0 0 18px}.settings-card label{display:block;font-size:11px;color:#7d8a73;margin-top:14px}.settings-card input{display:block;border:1px solid var(--line);border-radius:4px;padding:10px;width:100%;margin-top:7px;background:#fafbf7;font-size:12px}.settings-card p{font-size:10px;color:#98a18e}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:25px 4.5%;color:#939d88}footer .wordmark{font-size:30px}footer p{font-size:11px}footer>span:last-child{font-size:8px;letter-spacing:1.8px;margin-left:auto}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:650px;width:calc(100% - 30px);color:var(--ink)}dialog::backdrop{background:#18271877;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-heading h2{font:27px Georgia,serif;margin:0}.dialog-heading .eyebrow{font-size:9px;color:#869778}.link-item{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:15px;padding:13px 0}.link-item img{width:55px;height:65px;object-fit:contain;background:#f1f2eb;border-radius:4px}.link-item h3{font-size:12px;margin:0 0 4px}.link-item p{font-size:10px;margin:0;color:#8c9782}.link-item a{margin-left:auto;color:#4f6b42;font-size:11px;white-space:nowrap}.demo-label{margin-left:auto;font-size:10px;color:#929b86}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--green);color:white;padding:13px 22px;border-radius:7px;font-size:12px;transition:.2s;max-width:90%;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
.sale-switch{position:relative}.sale-switch input{left:0;top:0;margin:0;width:26px;height:15px;z-index:2}.switch{pointer-events:none}
.retailer-filter{width:100%;padding:8px 10px;margin-bottom:14px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:11px;color:var(--ink)}
.garment.body,.garment.legs,.garment.feet{object-position:center top}.garment.head{object-position:center bottom}
/* Separate zones so the body cannot hide a waistband or shoes hide trouser hems. */
.garment.legs{top:56%;height:30%}
.garment.feet,.garment.boots{top:87%;height:12%;width:42%}
.guide-body{top:55%}.guide-legs{top:86%}
/* Add room for trousers while preserving the size and position of the upper outfit. */
.canvas-panel .outfit-canvas{--base-height:600px;--leg-extra:50px;height:calc(var(--base-height) + var(--leg-extra))}
.garment.head{top:calc(var(--base-height)*.02);height:calc(var(--base-height)*.15)}
.garment.eyewear{top:calc(var(--base-height)*.12);height:calc(var(--base-height)*.06)}
.garment.body{top:calc(var(--base-height)*.18);height:calc(var(--base-height)*.35)}
.garment.jacket{height:calc(var(--base-height)*.37)}
.garment.legs{top:calc(var(--base-height)*.56);height:calc(var(--base-height)*.30 + var(--leg-extra));left:25%;width:50%}
.garment.skirt{left:24%;width:52%}
.garment.feet,.garment.boots{top:calc(var(--base-height)*.87 + var(--leg-extra));height:calc(var(--base-height)*.12)}
.guide-head{top:calc(var(--base-height)*.17)}.guide-body{top:calc(var(--base-height)*.55)}
.guide-legs{top:calc(var(--base-height)*.86 + var(--leg-extra))}.guide-feet{top:calc(var(--base-height)*.99 + var(--leg-extra))}
.head-label{top:calc(var(--base-height)*.09)}.body-label{top:calc(var(--base-height)*.31)}
.legs-label{top:calc(var(--base-height)*.66 + var(--leg-extra)*.5)}.feet-label{top:calc(var(--base-height)*.92 + var(--leg-extra))}
@media(min-width:1500px){.canvas-panel .outfit-canvas{--base-height:660px}}
@media(max-width:1100px){.canvas-panel .outfit-canvas{--base-height:570px}}
@media(max-width:520px){.canvas-panel .outfit-canvas{--base-height:520px;--leg-extra:40px}}
.catalog-settings{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:25px}.catalog-settings>p{font-size:12px;color:var(--muted);line-height:1.6}.catalog-settings-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-settings-fields label{font-size:12px}.catalog-settings-fields select{display:block;width:100%;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink)}.reuse-images{grid-column:1/-1;display:flex;align-items:center;gap:8px}.reuse-images input{accent-color:var(--green)}.load-more{grid-column:1/-1}@media(max-width:650px){.catalog-settings-fields{grid-template-columns:1fr}.catalog-settings .panel-heading{align-items:flex-start;flex-direction:column}}
@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(350px,1fr) 390px}.outfit-canvas{height:660px}.product-grid{max-height:530px}.product-image{height:165px}}
@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(260px,1fr) 290px}.layers-panel,.products-panel{padding:20px 15px}.canvas-panel{padding:20px 15px}.product-image{height:120px}.product-grid{gap:15px 9px}.header-note{display:none}.topbar{gap:40px}.intro h1{font-size:40px}.intro-actions{padding-top:25px}.outfit-canvas{height:570px}}
@media(max-width:850px){main{padding:0 4%}.workspace{grid-template-columns:210px 1fr}.products-panel{grid-column:1/-1;border-top:1px solid var(--line)}.product-grid{grid-template-columns:repeat(4,1fr);max-height:440px}.products-panel .search-box{margin:14px 0}.catalog-note{margin-top:16px}.product-image{height:140px}.product-controls select{max-width:none}.settings-grid{grid-template-columns:repeat(2,1fr)}.intro{align-items:flex-start;flex-direction:column;gap:20px}.intro-actions{padding-top:0}.outfit-canvas{height:570px}}
@media(max-width:520px){.topbar{height:70px;padding:0 5%;gap:24px}.wordmark{font-size:35px}.topbar nav{gap:19px}.nav{font-size:11px}.avatar{margin-left:auto;width:29px;height:29px}.intro{padding:28px 0 24px}.intro h1{font-size:37px}.intro p:not(.eyebrow){font-size:11px;max-width:310px;line-height:1.6}.intro-actions{width:100%}.button{padding:12px 13px;font-size:11px}.intro-actions .dark{flex:1}.button span{margin-left:10px}.workspace{grid-template-columns:140px minmax(0,1fr)}.layers-panel{padding:18px 9px}.panel-heading h2{font-size:12px}.layers-panel .small{display:none}.panel-description{font-size:9px;margin-bottom:20px}.zone-heading{gap:5px}.zone-heading h3{font-size:10px}.zone-heading span:last-child{font-size:8px}.zone-icon{width:22px;height:22px;font-size:12px}.layer{padding:7px 4px;gap:4px}.layer select{font-size:9px}.layer-num{font-size:8px;padding-right:4px}.add-layer{font-size:9px;padding:8px 6px}.layer-tip{gap:4px}.layer-tip p{font-size:8px}.layer-tip span{font-size:15px}.canvas-panel{padding:18px 8px 12px}.canvas-heading .eyebrow{font-size:7px;letter-spacing:1px}.canvas-pill{font-size:7px;padding:5px}.outfit-canvas{height:520px}.canvas-label{font-size:6px;letter-spacing:.5px}.canvas-footer{align-items:flex-start;gap:8px;font-size:8px}.canvas-footer .text-button{font-size:8px;white-space:nowrap;padding:0}.adjust-panel{grid-template-columns:1fr}.products-panel{padding:20px 15px}.product-grid{grid-template-columns:repeat(3,1fr);gap:15px 10px;max-height:450px}.product-image{height:120px}.product-name{font-size:9px}.product-brand{font-size:7px}.product-price{font-size:10px}.outfit-summary{padding:19px 16px}.outfit-summary h2{font-size:23px}.outfit-summary p:last-child{max-width:210px;font-size:10px;line-height:1.5}.summary-price strong{font-size:23px}.settings-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column}.dialog-heading h2{font-size:23px}footer{padding:20px 5%;gap:16px}footer>span:last-child{display:none}#emptyCanvas{font-size:15px}#emptyCanvas small{font-size:9px}}
/* Personal collection */
.topbar{gap:24px}.topbar nav{gap:22px;min-width:0}.nav{white-space:nowrap}.header-note{font-size:9px;letter-spacing:1px}.product-image{width:100%}.product-card{cursor:pointer}.item-actions{position:absolute;right:7px;top:7px;display:flex;gap:5px;z-index:3}.item-toggle{border:1px solid #d8dfd0;background:#fffef9;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:17px;box-shadow:0 2px 5px #24332612}.item-toggle.selected{background:#2e4434;color:white;border-color:#2e4434}.item-toggle:disabled{cursor:default}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 44px}.collection-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:18px;min-width:0}.collection-card>img{width:100%;height:210px;object-fit:contain;background:#f4f4ee;border-radius:7px}.collection-detail h3,.outfit-card h3{font-size:15px;line-height:1.5}.collection-detail del{color:var(--muted);margin-left:8px;font-size:12px}.collection-detail .button{margin:8px 7px 0 0}.collection-detail a{display:inline-block}.alert-switch{display:flex;gap:9px;align-items:center;font-size:12px;margin-top:18px}.alert-switch input{accent-color:var(--green)}.discount-control{display:block;font-size:12px;margin:18px 0}.discount-control input{display:block;width:100%;margin-top:12px;accent-color:#967332}.wishlist-card{border-color:#c7ad76}.wishlist-garment{filter:drop-shadow(0 0 2px #b98a30) drop-shadow(0 0 3px #b98a3099)!important}.wishlist-legend{font-size:10px;color:#8e6820;line-height:1.5;margin:0 0 8px}.wishlist-thumbnail{outline:2px solid #c49a48;border-radius:4px}.generation-panel{border:1px solid var(--line);background:#e9eddf;padding:24px;border-radius:10px}.generation-panel h2{font:24px Georgia,serif;margin-top:0}.generation-panel label,.price-settings label{font-size:12px}.generation-panel select,.price-settings select{padding:10px;border:1px solid #cdd5c6;border-radius:5px;background:white;margin:0 14px 10px 8px;max-width:100%}.generation-panel .muted{line-height:1.7}.outfit-thumbnails{height:180px;display:flex;align-items:center;justify-content:center;gap:5px;background:#f4f4ee;padding:12px;overflow:hidden}.outfit-thumbnails img{height:100%;min-width:0;max-width:30%;object-fit:contain}.outfit-card .button{margin:8px 8px 0 0}.owned-label{display:block;font-size:12px;color:var(--green);margin:8px 0}.sale-alert{display:block;color:#8d6022;font-size:14px}.sale-notification{border-color:#c7ad76}.price-error{font-size:11px;color:#936739}#notificationCount:not(:empty){background:#2e4434;color:white;padding:2px 5px;border-radius:10px;font-size:10px}.price-settings{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
@media(max-width:1250px){.header-note{display:none}.topbar nav{gap:17px}.topbar{gap:20px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-top:10px;gap:8px 20px}.topbar nav{order:3;flex:0 0 100%;width:100%;height:44px;overflow-x:auto;gap:22px}.topbar .avatar{margin-left:auto}.nav{flex-shrink:0}.collection-grid{grid-template-columns:1fr}.generation-panel{padding:18px}.generation-panel label{display:block}.generation-panel select{display:block;margin:10px 0}.price-settings{display:block}.collection-card>img{height:230px}.item-toggle{width:25px;height:25px;font-size:15px}.item-actions{top:5px;right:4px;gap:4px}.outfit-thumbnails{height:160px}}
/* One shared anatomical reference, split into head, torso and lower body. */
#mannequinGuide{position:absolute;pointer-events:none;overflow:visible;z-index:0;fill:#d5dacd;fill-opacity:.38;stroke:#8c9887;stroke-opacity:.38;stroke-width:1.6;stroke-linejoin:round}.body-anchors{fill:none;stroke-dasharray:5 7;stroke-width:1;opacity:.55}.body-guide-toggle{display:flex;align-items:center;gap:5px;font-size:10px;color:#718166;white-space:nowrap}.body-guide-toggle input{accent-color:var(--green);margin:0;width:12px;height:12px}.outfit-canvas>.guide,.outfit-canvas>.canvas-label{display:none}#emptyCanvas{z-index:1;background:#f1f1e9cf;border-radius:8px;padding:12px 0}.garment{transform-origin:center top}@media(max-width:520px){.body-guide-toggle{font-size:8px;gap:3px}}
/* Account controls; private data is loaded after the session check. */
.auth-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.auth-button{font:inherit;font-size:12px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:6px;padding:9px 12px;text-decoration:none;white-space:nowrap;cursor:pointer}.account-name{font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-notice{margin:16px 4.5%;padding:14px;background:#f6ecdc;border-radius:6px;font-size:13px}.login-setup{max-width:760px;margin:35px auto;padding:24px;line-height:1.8}.login-setup li{margin-bottom:16px}.login-setup code{overflow-wrap:anywhere}.login-setup h1{font:36px Georgia,serif}.topbar:has(.auth-actions) .header-note{display:none}@media(max-width:900px){.account-name{display:none}.topbar{gap:12px}.auth-button{font-size:11px;padding:8px}.topbar .avatar{display:none}}[hidden]{display:none!important}
/* Named outfits and personal categories. */
#saveOutfitDialog{width:500px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:26px}#saveOutfitDialog h2{font:28px Georgia,serif;margin:0 0 22px}.outfit-name-label{display:grid;gap:9px;font-size:13px}.outfit-name-label input{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;font:inherit}.outfit-tag-options{border:1px solid var(--line);border-radius:6px;margin:16px 0;padding:12px;display:flex;flex-wrap:wrap;gap:12px}.outfit-tag-options legend{font-size:13px;padding:0 5px}.outfit-tag-options label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.outfit-tag-options input{accent-color:var(--green);margin:0;width:16px;height:16px}.outfit-tags{font-size:12px;color:#5e7353;line-height:1.6;overflow-wrap:anywhere}.outfit-filters{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.outfit-filters label{display:grid;gap:7px;font-size:12px}.outfit-filters select{max-width:100%;padding:10px;border:1px solid var(--line);background:white;border-radius:5px}#outfitSaveError{color:#a33c32;font-size:13px}.outfit-card h3{overflow-wrap:anywhere}
/* Personal, display-only brand and size filters. */
.preference-options{border:0;padding:0;margin:18px 0 0;min-width:0}.preference-options legend{font-size:12px;font-weight:600;margin-bottom:9px}.settings-card .preference-any,.settings-card .preference-choice{display:flex;align-items:center;gap:8px;font-size:12px;margin:0;line-height:1.5;cursor:pointer}.settings-card .preference-any{margin-bottom:10px;color:#5d7353}.settings-card .preference-options input[type=checkbox]{width:15px;height:15px;margin:0;padding:0;flex:0 0 auto;accent-color:var(--green)}.preference-checkboxes{display:flex;flex-wrap:wrap;gap:8px 14px;max-height:200px;overflow:auto;padding:2px 3px 5px 0}.settings-card .preference-choice{padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:#fafbf7;max-width:100%;overflow-wrap:anywhere}.settings-card .preference-choice:has(input:checked){background:#e9eddf;border-color:#899c7d}.preference-options:focus-within{outline:1px solid #cdd5c6;outline-offset:5px;border-radius:4px}.topbar nav{gap:16px}.nav{font-size:12px}@media(max-width:1450px){.topbar .header-note{display:none}}@media(max-width:650px){.topbar nav{gap:20px}.nav{font-size:11px}}
/* Category filters and shoppable outfit previews. */
.category-filter-panel{border:1px solid var(--line);border-radius:8px;padding:12px;margin:0 0 18px;background:#fafbf7}.category-filter-panel summary{cursor:pointer;font-size:12px;font-weight:600}.category-filter-panel .settings-card{padding:12px 0 0;border:0;background:none}.category-filter-panel h2{font:19px Georgia,serif;margin:0 0 8px}.category-filter-panel .preference-options{margin-top:12px}.category-filter-panel .preference-checkboxes{max-height:100px;gap:6px}.category-filter-panel .preference-choice{font-size:10px;padding:4px 6px}.category-filter-panel .preference-options legend{font-size:11px}.category-filter-panel .filter-note{font-size:10px;line-height:1.6;color:#7d8a73}.settings-card .price-filter{display:block;margin-top:20px;font-size:12px}.price-filter output{float:right;color:var(--green)}.settings-card .price-filter input{width:100%;padding:0;border:0;accent-color:var(--green);background:none}.filter-note{line-height:1.6}.mini-outfit{height:290px;aspect-ratio:520/1320;position:relative;margin:0 auto;background:#f1f1e9;overflow:hidden;border-radius:8px;isolation:isolate}.mini-outfit img{position:absolute;object-fit:contain;transform-origin:center top;pointer-events:none}.look-details{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:22px;border:1px solid var(--line);border-radius:10px;background:white;margin-top:20px}.look-details h2{font:25px Georgia,serif;margin:0}.look-details .mini-outfit{height:340px}.outfit-item-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.outfit-item-link{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:8px;border-radius:6px;min-width:0}.outfit-item-link:hover{background:#f0f3e9}.outfit-item-link img{width:40px;height:52px;object-fit:contain;flex-shrink:0}.outfit-item-link strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.outfit-item-link small{display:block;font-size:10px;color:#7d8a73;margin-top:5px}.saved-card{display:block;width:280px}.saved-card>.mini-outfit{margin-bottom:12px}.saved-card>.outfit-item-links,.outfit-card>.outfit-item-links{grid-template-columns:1fr}.saved-card>.remove-saved{float:right}.outfit-card .mini-outfit{height:340px}.category-filter-panel input[type=checkbox]{accent-color:var(--green)}@media(max-width:650px){.look-details{grid-template-columns:100px minmax(0,1fr);padding:12px;gap:12px}.look-details .mini-outfit{height:250px;max-width:100%}.outfit-item-links{grid-template-columns:1fr}.look-details h2{font-size:21px}.saved-card{width:100%}.category-filter-panel .preference-checkboxes{max-height:115px}}
.category-filter-panel .settings-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-filter-panel h2,.category-filter-panel .price-filter,.category-filter-panel .filter-note{grid-column:1/-1}.category-filter-panel .preference-options{margin-top:0}.category-filter-panel .preference-checkboxes{max-height:85px}.category-filter-panel .price-filter{margin-top:0}.product-attributes{font-size:9px;color:#75826e;line-height:1.5;margin:6px 0 0}