:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#261e1b;background:#fff;--accent:#76351f;--line:#e8e2df}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ba765d;outline-offset:4px}[hidden]{display:none!important}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:16px}.brand{font-family:Georgia,serif;font-size:29px;font-weight:700;letter-spacing:1px;text-decoration:none;color:var(--accent);line-height:1}.brand span{display:block;font-family:system-ui,sans-serif;font-size:9px;letter-spacing:2.2px;margin-top:6px;text-align:center}.header-label{font-size:14px;color:#71645e}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;max-width:1600px;margin:auto}.mirror{position:relative;min-height:610px;height:calc(100dvh - 80px);background:#f7f5f4;overflow:hidden}.mirror.live{background:#201d1b}.media{position:absolute;inset:0;transform:scaleX(-1)}.media video,.media canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;display:block}.media canvas{visibility:hidden}.media video{opacity:0}.mirror.live video{opacity:1}.topline{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3}.pill{padding:10px 14px;background:#fffffff0;border:1px solid #e9e3df;border-radius:30px;font-size:14px;display:flex;align-items:center;gap:8px}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#a17a67;flex-shrink:0}body[data-state=tracking] .pill:before{background:#43845a}.private{font-size:12px;color:#665b55;background:#ffffffe6;padding:10px 12px;border-radius:20px;white-space:nowrap}.welcome{position:relative;max-width:550px;margin:auto;text-align:center;padding:110px 28px 35px}.eyebrow{font-size:12px;letter-spacing:2px;color:#857269}h1{font-size:clamp(26px,3vw,38px);font-weight:550;line-height:1.4;margin:14px 0}p{font-size:16px;color:#756962;line-height:1.7}.welcome img{display:block;width:min(100%,380px);height:240px;object-fit:contain;margin:12px auto 28px;mix-blend-mode:multiply}.primary{background:var(--accent);color:#fff;border:0;border-radius:28px;padding:16px 24px;font-size:16px;min-width:240px}.primary span{margin-left:25px}.small{font-size:13px}.welcome .small{margin-top:16px}.guide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.oval{border:1.5px dashed #ffffffc2;border-radius:46%;width:min(58%,300px);height:min(58%,380px);box-shadow:0 0 0 1000px #00000018}.guide p{position:absolute;bottom:95px;background:#201d1bcc;color:white;padding:9px 18px;border-radius:20px;font-size:14px}.live-controls{position:absolute;bottom:25px;left:20px;right:20px;display:flex;justify-content:center;gap:12px}.live-controls button{border:1px solid #ffffff88;border-radius:30px;background:#fffefaf0;color:#4b352a;font-size:14px;padding:12px 20px}.error{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90%,400px);padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 90px #0002;text-align:center}.error b{font-size:21px;font-weight:550}.error .primary{min-width:0;width:100%}aside{padding:34px 28px;border-left:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:15px 0 7px}.intro{margin:0 0 22px}.color{display:flex;gap:9px;align-items:center;font-size:14px}.color i{width:21px;height:21px;border-radius:50%;background:linear-gradient(120deg,#231311,#975117,#281712,#ad732e);border:1px solid #6c432d}.measurements{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:25px 0}.measurements b{display:block;font-size:23px;font-weight:450}.measurements span{display:block;font-size:12px;color:#85766e;margin-top:8px}details{border-bottom:1px solid var(--line);padding-bottom:24px}summary{font-size:16px;cursor:pointer;padding:4px 0}label{display:flex;justify-content:space-between;font-size:14px;margin-top:21px}output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-height:32px;margin:3px 0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}label.check{align-items:center;justify-content:flex-start;gap:8px;margin:12px 0 18px}.secondary{background:#fff;border:1px solid #d6c2b8;border-radius:22px;color:var(--accent);padding:10px 16px;font-size:14px}.tips{margin:24px 0}.tips>b{font-size:14px;font-weight:600}.tips p{font-size:14px;margin:9px 0}.footnote{font-size:12px;line-height:1.8;margin-top:24px;color:#85776f}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translateX(-50%);background:#281b15;color:white;padding:13px 22px;border-radius:12px;font-size:14px;max-width:90vw;text-align:center;word-break:break-word}
@media(max-width:800px){header{height:72px;padding:0 18px}.brand{font-size:25px}.header-label{display:none}header .secondary{padding:9px 14px}main{display:block}.mirror{height:70dvh;min-height:490px;max-height:800px}.welcome{padding:95px 22px 26px}.welcome h1{font-size:28px}.welcome img{height:190px;margin:12px auto 22px}.topline{left:14px;right:14px;top:17px}.pill{font-size:13px;padding:9px 11px}.private{font-size:12px;padding:9px}.primary{padding:14px 22px}aside{border-left:0;border-top:1px solid var(--line);padding:28px 24px}.measurements{max-width:460px}.guide .oval{height:290px;width:215px}.guide p{bottom:78px;font-size:13px}.live-controls{bottom:20px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}}@media(max-height:600px) and (min-width:801px){.mirror{min-height:540px}.welcome{padding-top:90px}.welcome img{height:170px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

body.embedded header{display:none}body.embedded main{max-width:none;grid-template-columns:minmax(0,1fr) 310px}body.embedded .mirror{height:100dvh;min-height:480px}body.embedded aside{padding:28px 22px}body.embedded .welcome{padding-top:100px}body.embedded .welcome img{height:190px}body.embedded .measurements{gap:7px}body.embedded .measurements span{font-size:11px}
@media(max-width:800px){body.embedded main{display:block}body.embedded .mirror{height:75dvh;min-height:450px}body.embedded .welcome{padding:90px 20px 24px}body.embedded .welcome h1{font-size:27px}body.embedded .welcome img{height:160px}body.embedded .topline{gap:6px}body.embedded .pill{font-size:12px}body.embedded .private{font-size:11px}body.embedded aside{padding:25px 22px}}
@media(max-height:540px) and (min-width:801px){body.embedded .mirror{min-height:440px}body.embedded .welcome{padding-top:75px}body.embedded .welcome img{height:140px}}
 .model-review-link{display:inline-block;color:#76351f;text-underline-offset:4px;margin:0 0 22px;font-size:13px}

/* Minimal customer try-on: product name, camera preview and camera actions. */
header{display:none}
main,body.embedded main{display:block;position:relative;max-width:none;height:100dvh;overflow:hidden}
.mirror,body.embedded .mirror{width:100%;height:100dvh;min-height:0;max-height:none}
aside,body.embedded aside{position:absolute;z-index:4;top:0;left:0;right:0;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;border:0;text-align:center;pointer-events:none}
aside>*{display:none!important}
aside>h2{display:inline-block!important;margin:0;padding:8px 18px;border-radius:24px;background:#fffffff0;font-family:inherit;font-size:20px;line-height:1.3;font-weight:500;color:#261e1b}
.topline{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.welcome,body.embedded .welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-width:none;margin:0;padding:24px}
.welcome>*:not(#start),.guide p,#mirror-toggle{display:none!important}
.live-controls{bottom:calc(20px + env(safe-area-inset-bottom))}
body.embedded aside{display:none}