*{box-sizing:border-box}html{background:#f5f3ef;color:#302e29;font-family:Tahoma,Arial,sans-serif}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #34483c;outline-offset:4px}header{height:64px;max-width:1080px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1ddd5}.brand{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:600}.trial{font-size:11px;letter-spacing:.04em;color:#77736b;border:1px solid #d9d4ca;padding:5px 10px;border-radius:20px}main{max-width:740px;margin:auto;padding:25px 26px 20px}.heading{text-align:center;margin-bottom:19px}.eyebrow{font-size:10px;color:#817a6e}h1{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400;margin:5px 0 0}.styler{max-width:620px;margin:auto}.preview{position:relative;height:min(53svh,580px);min-height:270px;overflow:hidden;border-radius:3px;background:#e8e4df;display:flex;align-items:center;justify-content:center}.preview>img{height:100%;width:100%;object-fit:contain;display:block;transition:opacity .14s ease}.preview[data-loading="true"]>img{opacity:.65}.image-tag{position:absolute;top:14px;right:15px;background:#f9f7f0de;backdrop-filter:blur(8px);font-size:11px;border-radius:3px;padding:6px 10px}.source-button{position:absolute;bottom:13px;left:13px;background:#faf8f1df;border:1px solid #e3ddd3;border-radius:3px;font-size:11px;padding:9px 12px}.source-button span{margin-right:7px}.controls{padding:14px 1px 0}h2{font-size:12px;font-weight:500;margin:0}.control-heading,.color-heading{display:flex;align-items:center;justify-content:space-between}.selection{font-size:10px;color:#938c7f}.models{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:9px 0 18px}.model{display:flex;align-items:center;text-align:right;background:#f9f8f4;border:1px solid #dedad0;padding:5px 6px;gap:10px;border-radius:4px;position:relative;min-height:63px;transition:border-color .15s,background .15s}.model[aria-pressed="true"]{border:1px solid #34483c;background:#edeee7}.model img{width:61px;height:51px;object-fit:cover;border-radius:2px}.model-text{font-size:11px;line-height:1.6}.model small{display:block;font-size:9px;color:#79756c}.model .check{position:absolute;top:5px;left:6px;font-size:11px;color:#34483c}.color-heading h2 span{color:#817a6e;font-size:11px;margin-right:8px}#reset{font-size:10px;background:none;border:0;padding:5px 0;color:#34483c}#reset span{font-size:14px;margin-right:4px}.colors{display:flex;justify-content:space-between;gap:8px;margin-top:11px}.color{border:0;background:transparent;padding:3px 3px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:40px;border-radius:3px;font-size:9px;color:#827b70}.swatch{width:30px;height:30px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000012;position:relative}.color[aria-pressed="true"]{color:#263c2e}.color[aria-pressed="true"] .swatch:after{content:'';position:absolute;inset:-4px;border:1px solid #34483c;border-radius:50%}.outfit-note{font-size:10px;line-height:1.8;color:#888176;margin:16px 0 0;text-align:center}.status{font-size:11px;color:#8b4529;text-align:center;margin:0;min-height:0}.status:not(:empty){margin-top:8px}.disclaimer{text-align:center;font-size:9px;color:#9b9489;line-height:1.7;margin:16px 0 0}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f9f8f0e8;padding:10px 16px;border-radius:3px;font-size:12px;white-space:nowrap}.loading[hidden]{display:none}dialog{padding:25px;border:0;border-radius:5px;max-width:min(90vw,650px);max-height:92svh;background:#f9f8f3;color:#302e29}dialog::backdrop{background:#181b18ae;backdrop-filter:blur(5px)}dialog img{max-width:100%;max-height:70svh;display:block;margin:18px auto;object-fit:contain}dialog h2{text-align:center;font-size:16px}dialog p{text-align:center;color:#888176;font-size:11px}.close{position:absolute;top:9px;left:10px;border:0;background:transparent;font-size:26px;padding:0 8px}@media(min-width:800px){main{padding-top:28px}.preview{height:520px}.models{margin-top:11px}.controls{padding-top:17px}}@media(max-width:480px){header{height:49px;padding:0 19px}.brand{font-size:20px}main{padding:14px 17px 14px}.heading{margin-bottom:12px}.eyebrow{font-size:9px}h1{font-size:29px}.preview{height:calc(100svh - 337px);min-height:260px;max-height:460px}.controls{padding-top:11px}.models{margin:8px 0 12px}.model{gap:7px;min-height:58px}.model img{width:48px;height:46px}.model-text{font-size:10px}.model small{font-size:8px}.colors{gap:3px;margin-top:8px}.color{min-width:35px}.swatch{width:27px;height:27px}.outfit-note{margin-top:12px;font-size:9px}.disclaimer{font-size:8px;margin-top:10px}.image-tag{top:10px;right:10px;font-size:10px}.source-button{bottom:10px;left:10px;padding:7px 9px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
h2{font-size:14px}.model-text{font-size:13px}.model small{font-size:11px}.color{font-size:11px}.color-heading h2 span{font-size:12px}#reset{font-size:12px}.outfit-note{font-size:11px}@media(max-width:480px){h2{font-size:13px}.model-text{font-size:12px}.model small{font-size:10px}.color{font-size:10px}#reset{font-size:11px}.outfit-note{font-size:10px}}
@media(max-width:480px){.preview{height:calc(100svh - 410px);max-height:410px;min-height:250px}.heading{margin-bottom:10px}main{padding-top:10px}}

.preview{background:#fff}

/* Keep embedded dimensions independent of parent viewport height. */
html{background:#f5f3ef}main{padding-top:26px}.preview{height:clamp(300px,66vw,520px);min-height:0;max-height:none}dialog{max-height:90vh}dialog img{max-height:65vh}@media(max-width:480px){main{padding:18px 14px 20px}.preview{height:clamp(280px,90vw,390px);min-height:0;max-height:none}h1{font-size:27px}}
html[dir=ltr] .model{text-align:left}html[dir=ltr] .model .check{left:auto;right:6px}html[dir=ltr] h1{font-family:Georgia,serif}