*{box-sizing:border-box}body{margin:0;background:#12100f;color:#f8f4ed;font-family:Arial,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer}.landing{min-height:100svh;padding:12vh 9vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 35%,#6a5334 0,#25201c 28%,#12100f 68%)}.eyebrow{letter-spacing:.16em;font-size:12px}.landing h1{font-size:clamp(48px,14vw,88px);margin:14px 0}.landing p{font-size:18px;color:#ded4c6}.landing button{margin-top:28px;border:0;padding:16px;background:#f5eee3;color:#17120f;font-weight:700}.landing small{margin-top:18px;color:#bdb3a7}.tryon,#scene,#camera{position:fixed;inset:0;width:100%;height:100%}.tryon{background:#161414;overflow:hidden}.tryon video{object-fit:cover;transform:scaleX(-1)}#scene canvas{width:100%;height:100%;pointer-events:none}#status{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#0009;padding:8px 14px;border-radius:99px;font-size:13px}.toolbar{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;background:#181513d9;padding:10px;border-radius:18px}.toolbar button{width:43px;height:43px;border:1px solid #ffffff33;border-radius:12px;background:#2b2622;color:#fff}.toolbar #shot{background:#f4ece1;color:#1b1612;font-size:20px}