:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#2d352b;background:#fafaf6;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #dfe4d5;background:#fff;border-radius:7px;padding:9px 12px;font-size:12px}button:disabled{opacity:.42;cursor:not-allowed}button:hover:not(:disabled){border-color:#a6b780}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #74894a;outline-offset:3px}a{color:inherit;text-decoration:none}header,main{max-width:1240px;margin:auto;padding:0 34px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e5d9}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:22px}.brand span{font-size:10px;letter-spacing:2px;border-left:1px solid #d4dacb;padding-left:15px;color:#929d85;font-weight:400}nav{display:flex;gap:23px;align-items:center;font-size:11px}nav>span{color:#8c977e}nav button{border:0;background:none;padding:0;font-size:11px}.heading{display:flex;justify-content:space-between;align-items:flex-end;padding:38px 0 30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8c9977;font-weight:600;margin:0 0 10px}h1{font-weight:600;font-size:46px;letter-spacing:-2px;line-height:1.3;margin:0}h1 em{font-style:normal;position:relative}h1 em:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:#a7b27d;transform:rotate(-1deg)}.heading>p{font-size:12px;line-height:1.9;color:#88917e;margin:0 0 4px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid #dfe4d5;border-radius:18px;overflow:hidden;background:white}.mirror-panel{border-right:1px solid #dfe4d5;min-width:0}.panel-head{height:57px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:10px;color:#8b967c}.panel-head>span:first-child{display:flex;align-items:center;gap:8px}.panel-head b{font-weight:400;color:#536145}.panel-head i{width:6px;height:6px;border-radius:50%;background:#bbc4ae}.panel-head i.on{background:#8cab59;box-shadow:0 0 0 3px #eff3e6}.mirror{height:508px;background:#f1f4e9;position:relative;overflow:hidden;display:grid;place-items:center}video{width:100%;height:100%;object-fit:contain;background:#eaf0df;transform:scaleX(-1)}#cameraVideo{position:absolute;inset:0}#cameraVideo.pip{inset:auto 15px 15px auto;width:118px;height:158px;border-radius:9px;z-index:4;border:2px solid white;object-fit:cover}#outputVideo{position:absolute;inset:0;z-index:2}#cameraPlaceholder{text-align:center;color:#82916f;padding:26px}#cameraPlaceholder svg{width:70px;height:70px;stroke:#8b9b77;stroke-width:1.5;fill:none;margin:0 auto 20px}#cameraPlaceholder h2{font-size:24px;font-weight:500;color:#596a45;margin:0 0 12px}#cameraPlaceholder p{font-size:12px;line-height:1.9;margin:0 0 23px}.primary{background:#e6ecb0;border:1px solid #d5df98;color:#455532;padding:12px 20px}#originalTag,#liveTag{position:absolute;z-index:5;padding:3px 7px;font-size:9px;background:#ffffffe8;border-radius:4px;color:#6d7a5b}#originalTag{top:13px;left:13px}#originalTag.pip{top:auto;bottom:20px;left:auto;right:20px}#liveTag{left:13px;top:13px;background:#e5edba}.mirror-tools{display:flex;gap:7px;padding:16px 19px;justify-content:space-between}.mirror-tools button{font-size:10px;padding:8px}.camera-note{font-size:9px;color:#95a284;line-height:1.8;margin:0;padding:0 20px 19px}.controls{padding:27px;min-width:0}.section-title{display:flex;align-items:center;gap:11px}.section-title>span{font-size:10px;color:#9ca78c}.section-title h2{font-size:15px;margin:0 0 0;font-weight:500}.section-title.second{margin-top:28px}.input-wrap{border:1px solid #dfe5d4;background:#fafbf7;border-radius:8px;margin-top:17px;overflow:hidden;padding-bottom:7px}.input-wrap textarea{display:block;width:100%;padding:13px;border:0;background:none;resize:vertical;min-height:86px;max-height:180px;font-size:13px;line-height:1.8}.input-wrap button{font-size:10px;display:block;margin-left:auto;margin-right:8px;padding:5px 9px;background:white}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.chips button{font-size:10px;padding:5px 8px;color:#899876}.check{display:flex;gap:5px;align-items:center;font-size:10px;color:#93a080;margin:11px 0}.check input{accent-color:#8ca457}.wide{width:100%;text-align:left;display:block}.status{font-size:10px;color:#8a9877;line-height:1.7;min-height:18px;margin:9px 0}.status.error{color:#b16b45}.style-options{display:flex;gap:4px;background:#f5f7ef;padding:4px;margin:14px 0;border-radius:8px}.style-options button{border:0;background:none;flex:1;font-size:11px;padding:8px 6px;color:#8c967e}.style-options button[aria-pressed=true]{background:white;color:#49583a;box-shadow:0 1px 3px #33441115}.outfits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.outfits button{min-height:63px;font-size:10px;color:#899778;display:flex;gap:4px;align-items:center;justify-content:center;flex-direction:column;background:#fcfdf8}.outfits button b{font-size:21px;font-weight:400;line-height:1}.outfits button[aria-pressed=true]{background:#f0f4dd;border-color:#bacb94;color:#5d7440}.selection{padding:12px 0}.selection>span{font-size:9px;color:#9ba78a;margin-right:10px}.selection strong{font-size:12px;font-weight:500}.selection p{font-size:9px;color:#9aa789;margin:5px 0}.renderer{background:#667a4d;border-color:#667a4d;color:white}.fee-note{font-size:9px;color:#a0aa92;line-height:1.8;margin-bottom:0}.how{display:flex;justify-content:space-around;align-items:center;padding:23px 10px;border-bottom:1px solid #e0e5d5;color:#889776}.how b{font-size:8px;font-weight:500;letter-spacing:1px}.how p{font-size:12px;margin:3px 0 0;color:#6c7f55}.how>span{color:#bcc8a8}footer{display:flex;justify-content:space-between;padding:25px 0;font-size:10px;color:#8c9b7a}footer span{font-size:9px}dialog{max-width:530px;width:calc(100% - 30px);border:1px solid #dbe2d0;border-radius:14px;padding:33px;background:#fffffa;color:#4f6142}dialog::backdrop{background:#34412344;backdrop-filter:blur(4px)}dialog h2{font-size:22px;font-weight:500}dialog p{font-size:12px;line-height:1.9}dialog pre{background:#f0f4e7;padding:15px;border-radius:6px;font-size:11px;line-height:1.8;overflow:auto}dialog a{text-decoration:underline;font-size:12px}#closeSetup{position:absolute;right:9px;top:8px;border:0;background:none;font-size:24px}#voiceButton.listening{background:#e9eed9;color:#53752d}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:800px){header,main{padding:0 22px}.heading h1{font-size:38px}.heading>p{font-size:10px}.workspace{grid-template-columns:1fr}.mirror-panel{border-right:0;border-bottom:1px solid #e0e4d7}.mirror{height:460px}.controls{padding:25px}.outfits{grid-template-columns:repeat(6,1fr)}nav>span{display:none}}@media(max-width:500px){header,main{padding:0 16px}header{height:66px}.brand{font-size:19px;gap:7px}.brand span{font-size:8px;letter-spacing:1px;padding-left:9px}nav{gap:12px;font-size:9px}nav button{font-size:9px}.heading{display:block;padding:29px 0 24px}h1{font-size:37px!important}.heading>p{margin-top:18px;font-size:11px}.workspace{border-radius:13px}.mirror{height:420px}.panel-head{padding:0 15px;font-size:9px}.mirror-tools{padding:14px 11px}.mirror-tools button{font-size:9px;padding:7px}.controls{padding:21px 16px}.outfits{grid-template-columns:repeat(3,1fr)}.how{padding:22px 0;gap:8px}.how b{font-size:6px;letter-spacing:.6px}.how p{font-size:9px}.how>span{font-size:12px}footer span{display:none}.camera-note{font-size:8px}.chips button{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:root select{font:inherit;color:inherit}#xmaxOutput,#imageOutput{position:absolute;inset:0;width:100%;height:100%;z-index:2;object-fit:contain;pointer-events:none}#xmaxOutput{opacity:0}#xmaxOutput.ready{opacity:1}#xmaxOutput>div{width:100%;height:100%}#imageOutput{background:#f1f4e9;transform:scaleX(-1)}.provider-label{display:block;font-size:10px;color:#849373;margin:5px 0 7px}#provider{width:100%;padding:11px;border:1px solid #dfe4d5;border-radius:7px;background:#fafbf7;font-size:12px}.check:has(#autoImage){margin-bottom:14px}#autoImage:disabled{opacity:.4}
.pricing{border:1px solid #dfe4d5;border-radius:12px;padding:16px 20px;margin-top:18px;background:#fffffc;color:#6b7b58;font-size:11px;line-height:1.8}.pricing summary{cursor:pointer;font-size:12px}.pricing p{font-size:10px;margin:12px 0 0}.pricing table{width:100%;border-collapse:collapse;margin-top:14px;font-size:11px;text-align:left}.pricing td,.pricing th{padding:10px 8px;border-bottom:1px solid #e7ebde;font-weight:400}.pricing th{background:#f2f5e9}.pricing a{text-decoration:underline}.price-scroll{overflow:auto}@media(max-width:500px){.pricing{padding:14px 12px}.pricing table{font-size:10px;min-width:440px}}