:root{--paper:#faf8f4;--ink:#322c29;--muted:#70645d;--rose:#855653;--line:#ded7ce;--soft:#f0ebe4;--serif:"Noto Serif TC",Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,PingFang TC,Microsoft JhengHei,sans-serif;font-size:15px;line-height:1.7}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-underline-offset:4px}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--rose);outline-offset:5px}h1:focus{outline:none}::selection{background:#dec3bc;color:#322c29}input,textarea{caret-color:var(--rose)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c8bcb0;border-radius:9px}::-webkit-scrollbar-track{background:var(--paper)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.025em;text-wrap:balance}h1,h2{line-height:1.6}h2{font-size:27px;margin-bottom:26px}h3{font-size:22px}p{max-width:65ch}label,legend{font-size:14px}input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{width:100%;background:transparent;border:1px solid #bcb0a3;border-radius:0;padding:13px 16px;color:var(--ink);min-height:49px}input::placeholder,textarea::placeholder{color:#81756d}textarea{resize:vertical;min-height:110px}fieldset{margin:25px 0;padding:0;border:0}legend{margin-bottom:14px}select{appearance:auto}img{max-width:100%;display:block}details{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:28px}summary{cursor:pointer;width:fit-content;padding:4px 0}details p{margin-top:15px;line-height:1.9}input[type=checkbox]{accent-color:var(--rose);width:18px;height:18px;flex-shrink:0}input[type=color]{width:68px;height:44px;border:1px solid var(--line);padding:3px;background:transparent;cursor:pointer}main{max-width:1260px;margin:0 auto;padding:0 54px;min-height:calc(100vh - 195px)}.masthead{height:105px;max-width:1440px;margin:auto;padding:0 54px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:23px;letter-spacing:.04em}.brand span{font-style:italic;font-size:27px;letter-spacing:-.04em;margin-left:8px}.studio{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:.12em}.icon-button{width:40px;height:40px;display:grid;place-items:center}.primary,.secondary{min-height:50px;padding:13px 22px;display:inline-flex;gap:14px;align-items:center;justify-content:center;font-size:14px;transition:background .2s,color .2s}.primary{background:var(--ink);color:var(--paper)}.primary:not(:disabled):hover{background:var(--rose)}.secondary{border:1px solid #9c8d80;background:transparent}.secondary:not(:disabled):hover{background:var(--soft)}.plain{padding:9px;text-decoration:underline;text-underline-offset:4px}.wide{width:100%}.quiet{font-size:12px}.back,.quiet{color:var(--muted)}.back{display:flex;gap:10px;padding:0;margin-bottom:24px;font-size:13px}.back,.welcome{align-items:center}.welcome{min-height:640px;display:grid;grid-template-columns:1.12fr 1fr;gap:35px;padding:60px 0 90px}.welcome h1{font-size:clamp(32px,3.15vw,45px);line-height:1.8}.welcome h1 em{font-style:normal;color:var(--rose)}.intro{margin-top:24px;color:var(--muted);font-size:15px}.invite{margin-top:55px;max-width:440px}.invite label{display:block;margin-bottom:9px}.invite-row{display:flex}.invite-row input{min-width:0;flex:1 1;border-right:0!important}.invite-row button{flex-shrink:0}.colour-study{height:465px;position:relative;display:grid;place-items:center}.study-paper{background:#ede8df;width:94%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.fan{top:65px;left:50%;transform:translateX(-50%)}.fan,.fan-piece{position:absolute;height:270px;width:110px}.fan-piece{transform-origin:50% 92%;border-radius:100px 100px 4px 4px;border:1px solid #ffffff40}.study-word{position:absolute;bottom:35px;font-family:Georgia,serif;font-size:25px;font-style:italic;color:#65574b}.study-dots{position:absolute;bottom:-15px;right:-2px;display:flex}.study-dots i{display:block;height:55px;width:55px;background:#b7bea8}.study-dots i:nth-child(2){background:#cba494}.study-dots i:nth-child(3){background:#9ba6b7}.section-top{padding:50px 0 35px}.section-top p{margin-top:12px;color:var(--muted);font-size:14px}.capture-layout{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center;max-width:900px;padding-bottom:65px}.camera-frame{height:400px;background:#ece6de;position:relative;overflow:hidden;display:grid;place-items:center}.camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-guide{width:180px;height:240px;display:grid;place-items:center;position:relative;color:#907968}.guide-bottom,.guide-top{position:absolute;inset:0;border:1px solid #a9917d;border-radius:50% 50% 45% 45%}.guide-bottom{inset:15px;border-style:dashed;opacity:.45}.capture-actions{display:flex;flex-direction:column;gap:15px}.capture-actions p{margin-top:10px;text-align:center}.processing{position:absolute;inset:0;background:#faf8f4ed;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;color:var(--rose)}.confirm-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start;padding-bottom:65px}.page-enter{padding-top:38px}.portrait{height:540px;background:var(--soft)}.portrait img{width:100%;height:100%;object-fit:contain}.confirm-controls h1{font-size:32px;margin-bottom:34px}.feature{display:flex;align-items:center;gap:24px}.feature-swatches{display:flex;flex-wrap:wrap;gap:12px}.swatch{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid #00000012;border-radius:50%;position:relative}.swatch.selected:after{content:"";position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}.swatches{display:flex;flex-wrap:wrap;gap:16px;padding:14px 4px}.notice{padding:15px 0;font-size:13px;color:var(--rose);margin-bottom:18px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-heading h1{font-size:42px}.report-heading h1 span{display:block;font:italic 22px Georgia,serif;letter-spacing:0;color:var(--muted);margin-top:6px}.tabs{display:flex;gap:38px;border-bottom:1px solid var(--line);margin-top:38px;margin-bottom:42px}.tabs button{padding:14px 0;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.tabs button[aria-current]{color:var(--ink);border-bottom-color:var(--rose)}.palette-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-bottom:70px}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.palette-grid button{height:85px;position:relative;transition:transform .2s}.palette-grid button:hover{transform:translateY(-3px)}.palette-check{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:var(--paper);display:grid;place-items:center;border-radius:50%}.neutral-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}.neutral-row button{height:36px}.drape-pane{padding-top:8px}.drape-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drape{padding:22px 18px 15px;min-width:0;outline:1px solid transparent;outline-offset:5px;transition:background-color .3s}.drape.active{outline-color:var(--rose)}.drape img{height:270px;width:100%;object-fit:contain}.drape img,.drape span{background:var(--paper)}.drape span{display:inline-block;padding:2px 8px;margin-top:25px;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drape-pane>.quiet{text-align:center;margin-top:24px}.axes{margin:20px 0}.axes>div{display:flex;align-items:center;gap:14px;margin:15px 0;font-size:12px}.axis{height:2px;background:var(--line);flex:1 1;position:relative;margin:0 6px}.axis i{position:absolute;top:-3px;width:8px;height:8px;background:var(--rose);border-radius:50%;transform:translateX(-50%)}.styling-layout{display:grid;grid-template-columns:310px 1fr;gap:80px;padding-bottom:60px}.style-controls label{display:block;margin:22px 0 8px}.style-controls button{margin-top:24px}.style-controls>.quiet{margin-top:10px;text-align:center}.outfits article{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.outfits h3{margin:10px 0 15px}.outfits p{margin-bottom:5px;font-size:14px}.outfits .reason{margin-top:15px;color:var(--muted);font-size:13px}.outfit-colours{display:flex;gap:6px}.outfit-colours i{height:16px;width:48px;display:block}.style-empty{min-height:380px;display:flex;flex-wrap:wrap;gap:10px;align-content:center;align-items:flex-end;justify-content:center;background:#eee9e1;padding:30px}.style-empty i{width:48px;display:block;border-radius:40px 40px 0 0}.style-empty p{flex-basis:100%;text-align:center;font-family:var(--serif);margin-top:25px;font-size:19px}.tryon-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:60px}.garments{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.garments button{padding:10px 3px;border:1px solid transparent}.garments button.chosen{border-color:var(--rose);background:var(--soft)}.garments img{height:80px;width:100%;object-fit:contain}.garments span{font-size:12px}.upload-tile{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border:1px dashed #a59789;margin:18px 0;position:relative;cursor:pointer}.upload-tile input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.upload-tile:focus-within{outline:2px solid var(--rose);outline-offset:4px}.upload-tile img{height:70px;width:70px;object-fit:contain}.upload-tile.chosen{border:1px solid var(--rose)}.person-upload{min-height:110px}.consent{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:12px;color:var(--muted)}.tryon-layout>.quiet,.tryon-layout>div>.quiet{margin-top:10px;text-align:center}.tryon-result>img{max-height:550px;object-fit:contain;width:100%;margin-bottom:20px}.tryon-placeholder{height:450px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background .3s}.tryon-placeholder img{width:65%}.tryon-placeholder span{background:var(--paper);font-size:12px;padding:4px 12px}.tryon-result>.secondary{width:100%}.error{position:sticky;bottom:18px;z-index:10;margin:20px auto;max-width:700px;padding:16px 20px;background:#f5e3de;color:#733c33;border:1px solid #d7a89b;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px}.error button{flex-shrink:0}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}footer{max-width:1440px;padding:25px 54px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:30px;color:var(--muted);font-size:12px}footer>span{white-space:nowrap}footer details{margin:0;padding:0;border:0;max-width:600px}footer summary{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.page-enter{animation:reveal .45s cubic-bezier(.16,1,.3,1)}@keyframes reveal{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1500px){.welcome{min-height:720px}}@media(max-width:1000px){.masthead,main{padding:0 35px}.welcome{gap:15px}.welcome h1{font-size:34px}.colour-study{height:400px}.fan{top:50px;height:240px}.fan-piece{height:240px;width:95px}.capture-layout,.confirm-layout,.palette-layout,.styling-layout,.tryon-layout{gap:36px}.drape img{height:230px}.drape{padding:15px 10px}.styling-layout{grid-template-columns:280px 1fr}}@media(max-width:700px){.masthead{height:78px;padding:0 23px;gap:15px}.brand{font-size:19px}.brand span{font-size:23px}.studio{font-size:10px;letter-spacing:0}.icon-button{width:24px}main{padding:0 23px;min-height:calc(100vh - 166px)}.welcome{display:flex;flex-direction:column;padding:36px 0 50px;gap:40px;min-height:0;align-items:stretch}.welcome h1{font-size:30px;line-height:1.75}.intro{margin-top:18px;font-size:13px}.invite{margin-top:30px;max-width:none}.invite-row button{padding:13px 16px}.colour-study{height:300px;order:-1;margin:0 6px 0 0}.study-paper{width:100%}.fan{top:28px}.fan,.fan-piece{height:195px;width:80px}.study-word{font-size:21px;bottom:24px}.study-dots{bottom:-12px}.study-dots i{height:40px;width:40px}.section-top{padding:32px 0 25px}.section-top h1{font-size:28px}.section-top p{font-size:13px}.capture-layout,.confirm-layout,.palette-layout,.styling-layout,.tryon-layout{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.camera-frame{height:330px}.capture-actions{gap:12px}.capture-actions p{margin-top:0}.page-enter{padding-top:25px}.portrait{height:340px}.confirm-controls h1{font-size:27px;margin-bottom:24px}.confirm-layout{gap:30px}.report-heading h1{font-size:34px}.report-heading h1 span{font-size:18px}.report-heading{align-items:flex-end}.download-report{padding:10px 12px;min-height:44px;gap:7px;font-size:12px}.back{margin-bottom:15px}.tabs{gap:30px;margin-top:25px;margin-bottom:28px;justify-content:space-between}.tabs button{font-size:14px}h2{font-size:25px;margin-bottom:22px}.palette-layout{gap:30px}.palette-grid button{height:78px}.drape img{height:225px}.drape{padding:18px 13px 13px}.drape-pane{grid-row:1}.drape span{margin-top:18px}.palette-pane details{margin-top:22px}.style-empty{min-height:260px}.tryon-placeholder{height:340px}.tryon-layout{gap:28px}.tryon-result{grid-row:1}.tryon-result:has(.tryon-placeholder){grid-row:auto}.error{font-size:13px;padding:12px;gap:10px}footer{padding:22px 23px;font-size:11px;gap:15px}footer details{max-width:65%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{font-size:16px}.icon-button{min-width:44px;min-height:44px}.back{min-height:44px;margin-bottom:12px}.swatch{width:44px;height:44px}summary{min-height:44px;display:list-item;padding:10px 0}.outfit-try{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:14px;padding:0;font-size:13px;color:var(--rose)}.tryon-placeholder{background:var(--soft)}.tinted-garment{width:80%;aspect-ratio:1;mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center}.generated-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.generated-pair img,.generated-single img{width:100%;object-fit:contain;max-height:600px}.generated-single{margin-bottom:20px}.outfits h2:focus,.tryon-result h2:focus{outline:none}.photo-calibration{margin-bottom:24px}.photo-calibration details{margin-top:16px}.sample-strip{display:flex;gap:12px;align-items:center}.sample-thumb{position:relative;width:66px;height:80px;border:1px solid transparent;padding:3px}.sample-thumb.selected{border-color:var(--rose)}.sample-thumb>button:first-child{padding:0;width:100%;height:100%}.sample-thumb img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;right:-12px;top:-12px;width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center}.add-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;height:80px;border:1px dashed #b7a99c;font-size:11px;padding:8px}.calibration-modes{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.calibration-modes button{min-height:44px;padding:8px 12px;border:1px solid var(--line);font-size:12px}.calibration-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.reference-photo{padding:0;display:block;margin-top:15px;max-width:300px;cursor:crosshair}.reference-photo img{width:100%;height:auto}.reference-keyboard label{display:flex;gap:12px;align-items:center;font-size:12px;margin-top:12px}.calibration-swatches{display:flex;gap:24px;margin-top:20px}.calibration-swatches span{display:flex;align-items:center;gap:8px;font-size:12px}.calibration-swatches i{width:28px;height:28px;border-radius:50%;border:1px solid #00000012}.photo-calibration>.notice,.photo-calibration>.quiet{margin:10px 0}.photo-calibration .notice{padding:0}@media(max-width:700px){.drape-pane{position:sticky;top:0;z-index:3;background:var(--paper);padding:12px 0 8px}.drape img{height:150px;object-fit:cover;object-position:50% 20%}.drape{padding:10px 10px 7px}.drape span{margin-top:10px}.drape-pane>.quiet{margin-top:12px}.palette-layout{gap:18px}.palette-grid button{height:60px}.palette-pane h2{font-size:22px;margin-bottom:16px}.feature-swatches{gap:13px}.masthead{gap:8px}.remove-photo{width:36px;height:36px}.swatches{gap:12px}.studio{font-size:9px}.tryon-result:has(.tryon-placeholder){grid-row:1}.tryon-placeholder{height:235px}.tryon-placeholder .tinted-garment{height:180px;width:180px}.confirm-layout>.portrait{height:260px}.sample-strip{gap:14px}.tabs{position:relative;z-index:4}.outfits{scroll-margin-top:20px}.outfits h2,.tryon-result h2{scroll-margin-top:24px}}.photo-calibration .reference-photo:focus-visible{outline:2px solid var(--rose)}