/* Two-column fitting room: inputs stay beside the result canvas. */
.fitting svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fitting{background:#f5f2f5}.fit-top{height:82px;min-height:82px;flex-wrap:nowrap;padding:0 30px;gap:20px;background:#ffffffed;border-bottom:1px solid #e9e2e8}.fit-top .back{border:0;border-radius:10px;background:#f6f2f5;color:#8a7587;min-height:37px;font-size:11px;font-weight:500;padding:0 12px;gap:7px}.back svg{width:15px;height:15px;transform:rotate(180deg)}.fit-brand{display:flex;align-items:center;gap:11px}.fit-brand-icon{width:37px;height:39px;display:grid;place-items:center;background:#eee5ee;border-radius:12px;color:var(--ac)}.fit-brand-icon svg{width:20px;height:20px}.fit-top h2{font-size:16px;font-weight:650;color:var(--tx)}.fit-brand small{display:block;font-size:7px;letter-spacing:.12em;color:#ab9aab;margin-top:6px}.fit-session-badge{font-size:10px;color:#9e8a9d;display:flex;align-items:center;gap:6px;margin-right:auto;border:1px solid #e9e1e8;border-radius:20px;padding:6px 10px}.fit-session-badge i{width:5px;height:5px;border-radius:50%;background:#9caf9b}.fit-settings-open{min-height:36px;border-color:#e8dfe7;border-radius:10px;background:white;color:#8c798a;font-size:11px;font-weight:500;gap:7px;padding:0 12px}.fit-settings-open svg{width:15px;height:15px}.fit-history-count{background:#eee5ed;color:var(--ac);font-size:9px;min-width:17px;height:17px}
.fit-body{display:block;overflow:hidden;flex:1;min-height:0}.fit-scroll{display:grid;grid-template-columns:410px minmax(0,1fr);max-width:1600px;height:100%;padding:0;margin:auto;overflow:hidden;gap:0}.fit-controls{min-width:0;overflow-y:auto;background:white;padding:26px 27px;border-right:1px solid #e9e1e8;scrollbar-width:thin;scrollbar-color:#e0d6df transparent}.fit-controls-heading{margin-bottom:22px}.editor-eyebrow{display:block;font-size:8px;letter-spacing:.18em;color:#ad95a9}.fit-controls-heading h3{font-size:23px;font-weight:600;letter-spacing:-.04em;margin:8px 0}.fit-controls-heading p{font-size:11px;color:#aa99a8;line-height:1.7;margin:0}.fit-editor-tabs{display:flex;background:#f6f2f6;padding:5px;border-radius:12px;gap:3px;margin-bottom:22px}.fit-editor-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;border:0;border-radius:9px;background:transparent;color:#a38f9f;font-size:12px}.fit-editor-tabs button[aria-selected=true]{background:white;color:var(--ac);box-shadow:0 2px 8px #58385508;font-weight:600}.fit-editor-tabs svg{width:16px;height:16px}.fit-editor-tabs [data-ready]{display:none;width:5px;height:5px;background:#91a991;border-radius:50%}.fit-editor-tabs [data-ready].is-ready{display:block}
.fit-controls .step{padding:0;border:0;background:transparent;border-radius:0;margin:0 0 20px}.step-head{margin-bottom:14px;gap:8px;justify-content:space-between}.step-head h3{font-size:13px;font-weight:600}.editor-required{font-size:9px;background:#f8f2f6;padding:3px 6px;color:#b6a0b0;border-radius:4px}.step-photo-row{gap:10px;min-height:160px;flex-direction:row}.upload-zone{border:1px dashed #d8c7d4;border-radius:15px;background:#fcfafd;gap:9px;color:#90748a;padding:22px 12px;font-size:12px;min-height:182px}.upload-zone:hover{background:#f6eff6;border-color:var(--ac)}.upload-zone small{font-size:9px;line-height:1.7;color:#b29caf;max-width:200px}.upload-icon{display:grid;place-items:center;width:40px;height:42px;border-radius:13px;background:#f0e8f0;color:#ad8fa9;margin-bottom:4px}.upload-icon svg{width:20px;height:20px}.fit-photo{min-width:0;border:1px solid #ebdfeb;border-radius:14px;background:#f4eef3}.fit-photo img{height:182px;max-height:220px;object-fit:contain}.fit-photo .rm{width:25px;height:25px;font-size:14px;background:#fff;color:#88647d;box-shadow:0 2px 8px #4a25451a}.browse-faces{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;background:transparent;border:0;border-bottom:1px solid #f0e8ee;text-align:left;color:#b29cae;font-size:10px;margin-top:4px}.browse-faces b{display:block;font-size:11px;color:#916c86;font-weight:550;margin-top:4px}.browse-faces>svg{margin-left:auto;width:15px}.face-avatar-stack{display:flex;align-items:center;flex-shrink:0}.face-avatar-stack img{width:32px;height:35px;border:2px solid white;border-radius:10px;object-fit:cover}.face-avatar-stack>svg{background:#eee5f0;padding:7px;box-sizing:content-box;width:16px;height:19px;margin-left:-8px;border:2px solid white;border-radius:10px}.step-compress-row{padding:12px 0;margin-top:4px;background:none;border:0}.step-compress-copy strong{font-size:11px;color:#97808f;font-weight:500}.step-compress-copy small{font-size:9px;color:#baa8b5;line-height:1.6}.step-compress-toggle{gap:8px}.step-compress-toggle input{width:14px;height:14px;margin-top:3px}
.garment-source-tabs{background:#f8f4f7;border-color:#eee5ed;border-radius:10px;padding:3px}.garment-source-tab{min-height:34px;font-size:11px;font-weight:500}.garment-source-tab.active{background:white;color:var(--ac);box-shadow:0 1px 5px #52334c0a}.fit-search{min-height:36px;font-size:11px;border-radius:9px;border-color:#e8dfe6;background:#fff}.fit-random{background:#f5eef4;border:0;color:#94748a;font-size:10px;font-weight:500;min-height:36px;padding:0 10px;gap:5px}.fit-random svg{width:14px;height:14px}.garment-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:320px;scrollbar-width:thin;scrollbar-color:#e0d6df transparent}.garment-list .g{border-radius:9px;border-width:2px}.garment-list .g.sel{box-shadow:0 0 0 1px var(--ac);transform:none}.garment-list.has-selection .g:not(.sel){opacity:.65;filter:none}.garment-list .g .badge{font-size:7px;background:#44324377}.custom-garment-preview{grid-template-columns:1fr;padding:8px;gap:10px}.custom-garment-item img{max-height:190px}.custom-garment-actions button{min-height:33px;font-size:10px;padding:0 10px}.custom-garment-meta strong{font-size:12px}.custom-garment-meta span{font-size:10px}.custom-garment-guide{font-size:10px;line-height:1.8;background:#f9f5f8;border-color:#e9dfe7;color:#a3889b}.custom-garment-role{font-size:10px}.pose-panel{margin:0;padding:0;border:0}.pose-head{gap:8px}.pose-head h4{font-size:13px}.pose-head small{font-size:10px;margin-top:7px;color:#ac95a6}.pose-toggle{font-size:10px}.pose-filters{gap:5px}.pose-filter{font-size:9px;padding:6px 8px;border-radius:7px}.pose-filter.active{background:#eee3ee;color:var(--ac);border-color:#d9c4d6}.pose-list{grid-template-columns:repeat(4,minmax(0,1fr));max-height:280px;gap:6px;scrollbar-width:thin}.pose-list .p.sel{border-color:var(--ac);box-shadow:none}.pose-selected{padding:8px;background:#f7f0f6;border-color:#e6d7e3;border-radius:10px}.pose-selected .pname{font-size:10px}.pose-selected button{font-size:9px}
.fit-controls .fit-generation{margin:0;border-top:1px solid #eee5ed;padding-top:6px}.generation-settings{border-bottom:1px solid #eee5ed;margin-bottom:16px}.generation-settings summary{display:flex;align-items:center;gap:9px;padding:13px 0;cursor:pointer;list-style:none;color:#987c91;font-size:11px}.generation-settings summary::-webkit-details-marker{display:none}.generation-settings summary>span{flex:1}.generation-settings summary small{display:block;color:#bca6b5;font-size:9px;margin-top:4px;font-weight:400}.generation-settings summary>svg{width:15px;height:15px}.generation-settings[open] summary>svg:last-child{transform:rotate(180deg)}.generation-settings-body{padding:4px 0 12px}.ai-model-row{gap:10px}.ai-model-row .lbl{font-size:10px}.ai-model-row select{font-size:11px;min-height:36px}.ai-config-strip{background:#faf6f9;border:1px solid #eadfe8;padding:10px}.ai-config-copy span{font-size:9px}.ai-config-copy strong{font-size:11px}.ai-config-copy small{font-size:9px}.ai-config-btn{font-size:10px;min-height:32px;padding:0 9px;background:white;border-color:#e2d3de;color:#99728f}.fit-tip-box{font-size:9px;margin:5px 0;padding:5px 0;color:#b099ab;line-height:1.8}.fit-selection-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a78b9f;margin-bottom:9px}.fit-selection-label button{font-size:9px;border:0;background:none;color:#96738b;padding:3px 0}.ai-picked{border-radius:11px;font-size:10px;background:#fcf9fb;border-color:#eadde6;padding:10px;min-height:52px;margin-bottom:11px;gap:10px}.ai-picked.has{background:#faf5f9;border-color:#eadde6}.ai-picked img{flex-basis:42px;width:42px;height:57px;border-radius:7px;box-shadow:none}.ai-picked .gid{font-size:10px;color:#907087}.ai-picked .ai-picked-copy span{font-size:9px}.ai-picked .same-item-actions{gap:3px;flex-direction:column}.ai-picked .btn-buy-tag,.ai-picked .btn-buy-tag.pdd{background:transparent;box-shadow:none;color:#b18fa4;font-size:8px;font-weight:400;padding:3px 0;border-radius:0}.fit-readiness{font-size:10px;color:#b49aab;margin-bottom:10px;line-height:1.6}.fit-readiness.is-ready{color:#7b9a81}.ai-gen-btn{min-height:45px;border-radius:12px;background:linear-gradient(100deg,#80627e,#a48296);color:white;font-size:12px;font-weight:600;box-shadow:0 5px 15px #72516e13}.ai-gen-btn:disabled{opacity:.65}.fit-hint{display:block;min-height:22px;margin-top:10px;text-align:center;line-height:1.7;font-size:9px;color:#b399ad}.ai-spinner{border-color:#ffffff55;border-top-color:white;width:13px;height:13px;vertical-align:-2px}
.fit-canvas{min-width:0;padding:28px clamp(25px,4vw,70px);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin}.canvas-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.canvas-heading h3{font-size:19px;letter-spacing:-.03em;margin:7px 0 0;font-weight:600;color:#745b70}.canvas-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#b59eaf;background:#fffa;padding:7px 11px;border-radius:20px}.canvas-status i{width:5px;height:5px;border-radius:50%;background:#c1acbb}.canvas-status.is-ready{color:#779581}.canvas-status.is-ready i{background:#86a48c}.fit-canvas .ai-result{margin:0;flex:1;display:flex;flex-direction:column;min-height:350px}.fit-canvas .ai-result-box{flex:1;min-height:390px;background:radial-gradient(ellipse at 50% 55%,#faf6fa,#eee8ef);border:1px solid #e7dfe8;border-radius:22px;box-shadow:inset 0 0 70px #ffffff44;overflow:hidden}.ai-result-box:before{content:"";position:absolute;inset:17px;border:1px solid #ffffff88;border-radius:14px;pointer-events:none}.fit-canvas .ai-result-box>img{max-height:calc(100dvh - 305px);min-height:0;object-fit:contain;position:relative;z-index:1}.fit-canvas .ai-empty{padding:25px;color:#b79eaf}.mirror-outline{position:relative;width:110px;height:151px;margin:0 auto 19px}.mirror-outline>svg{width:110px;height:151px;stroke:#cbb7cb;stroke-width:.9}.mirror-outline>span{position:absolute;right:-8px;top:10px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#f8eef6;box-shadow:0 0 0 7px #f7f0f6}.mirror-outline>span svg{width:20px;height:20px;stroke:#b99ab3}.ai-empty h4{font-size:17px;font-weight:500;color:#a7879e;margin:0 0 11px}.ai-empty p{font-size:11px;line-height:1.9;margin:0;color:#b89eb0}.canvas-steps{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px;font-size:8px;color:#b99fb2}.canvas-steps i{height:1px;width:20px;background:#d9cad6}.canvas-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.canvas-inputs button{display:flex;align-items:center;gap:10px;background:#ffffffb8;border:1px solid #e9e0e7;border-radius:13px;padding:12px;text-align:left;min-width:0}.input-mini{display:grid;place-items:center;width:38px;height:43px;flex:0 0 38px;border:1px dashed #dfd0db;border-radius:9px;color:#bea2b7;overflow:hidden}.input-mini img{width:100%;height:100%;object-fit:cover}.canvas-inputs button>span:nth-child(2){min-width:0}.canvas-inputs small{font-size:9px;color:#b99caf;display:block;margin-bottom:5px}.canvas-inputs b{display:block;font-size:10px;color:#a28198;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-edit{margin-left:auto;color:#c0a8b9;font-size:12px}.canvas-footnote{font-size:9px;color:#bea4b7;display:flex;justify-content:center;align-items:center;gap:5px;margin:20px 0 0}.canvas-footnote svg{width:12px;height:12px}.fit-canvas .ai-result-bar{margin-top:12px;gap:8px}.fit-canvas .ai-result-bar button{border-radius:11px;min-height:38px;font-size:11px;font-weight:500;flex:1;min-width:90px}.fit-canvas .btn-primary{background:var(--ac);color:white}.fit-canvas .btn-buy,.fit-canvas .btn-pdd{background:#f9f5f8;color:#b08d9f;border:1px solid #e9dbe4;box-shadow:none;font-size:9px}.fitting.is-generating .ai-result-box:after{content:"";position:absolute;z-index:2;width:90%;height:2px;top:25%;left:5%;background:linear-gradient(90deg,transparent,#b18dac,transparent);box-shadow:0 0 18px #b18dac66;animation:mirror-scan 3s ease-in-out infinite}.fitting.is-generating .canvas-status{color:#9a718f}.fitting.is-generating .canvas-status i{background:#b18dac;animation:spin 2s infinite}.fitting :where(button,summary,label.upload-zone):focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.fit-controls-heading p,.step-compress-copy small,.fit-hint,.upload-zone small{color:#9b8094}.fit-controls .upload-zone{color:#87627c}.generation-settings summary,.fit-selection-label{color:#947087}.fit-readiness{color:#9d7b91}.ai-empty h4{color:#94708b}.ai-empty p{color:#a0869a}.canvas-inputs b{color:#906c82}.canvas-inputs small{color:#a88a9e}.fit-controls .ai-config-copy small,.generation-settings summary small{color:#a38b9d}.canvas-status{color:#a08699}.canvas-steps{color:#aa8ea2}.fit-controls-heading p{font-size:12px}.step-head h3{font-size:14px}.upload-zone small{font-size:10px}.ai-empty p{font-size:12px}
@keyframes mirror-scan{50%{top:75%}}
@media(min-width:1600px){.fit-scroll{grid-template-columns:440px minmax(0,1fr);border-left:1px solid #ece4eb;border-right:1px solid #ece4eb}.fit-controls{padding:30px 32px}.fit-canvas{padding-top:32px}}
@media(max-width:1100px){.fit-scroll{grid-template-columns:365px minmax(0,1fr)}.fit-controls{padding:23px 20px}.fit-canvas{padding:25px}.canvas-inputs{gap:7px}.canvas-inputs button{padding:8px;gap:7px}.input-mini{width:29px;height:36px;flex-basis:29px}.input-edit{display:none}.canvas-inputs b{font-size:9px}.fit-top{padding:0 22px;gap:13px}.fit-session-badge{display:none}.fit-brand{margin-right:auto}.fit-canvas .ai-result-box{min-height:370px}.canvas-footnote{font-size:8px}}
@media(max-width:800px){.fit-top{height:auto;min-height:74px;padding:14px 18px;gap:10px;flex-wrap:wrap}.fit-brand small{font-size:6px}.fit-top h2{font-size:14px}.fit-brand-icon{width:31px;height:34px}.fit-top .back{padding:0 9px}.fit-top .back span{display:none}.fit-settings-open{padding:0 9px;font-size:10px;min-height:33px;gap:5px}.fit-settings-open svg{width:14px;height:14px}.fit-body{overflow:auto}.fit-scroll{height:auto;display:flex;flex-direction:column;overflow:visible}.fit-controls{overflow:visible;padding:22px 24px;border-right:0}.fit-controls-heading{margin-bottom:17px}.fit-controls-heading h3{font-size:21px}.fit-editor-tabs{margin-bottom:18px}.fit-controls .step[data-edit-panel]{max-width:none}.step-photo-row{min-height:0}.upload-zone{min-height:155px}.fit-photo img{height:155px}.garment-list{grid-template-columns:repeat(6,minmax(0,1fr));max-height:270px}.pose-list{grid-template-columns:repeat(6,minmax(0,1fr));max-height:240px}.fit-generation{padding-bottom:0}.fit-canvas{overflow:visible;padding:25px 24px}.fit-canvas .ai-result{min-height:350px}.fit-canvas .ai-result-box{min-height:350px}.fit-canvas .ai-result-box>img{max-height:65dvh}.canvas-inputs button{padding:12px}.input-mini{width:35px;height:42px;flex-basis:35px}.canvas-inputs b{font-size:10px}.canvas-status{font-size:9px}.fit-hint{margin-bottom:0}.custom-garment-preview{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fit-top{padding:12px 14px;gap:7px}.fit-brand{gap:7px}.fit-brand small{font-size:5px;letter-spacing:.05em}.fit-top h2{font-size:13px}.fit-brand-icon{display:none}.fit-settings-open{font-size:9px;padding:0 7px}.fit-settings-open svg{display:none}.fit-controls{padding:22px 18px}.fit-canvas{padding:23px 18px}.fit-controls-heading h3{font-size:22px}.garment-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pose-list{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-inputs{gap:7px}.canvas-inputs button{flex-direction:column;align-items:flex-start;padding:10px;gap:8px}.input-mini{height:36px;width:32px;flex-basis:36px}.canvas-inputs b{font-size:9px}.canvas-inputs small{font-size:8px}.canvas-heading{margin-bottom:16px}.fit-canvas .ai-result-bar button{flex-basis:40%}.ai-empty h4{font-size:16px}.canvas-steps{font-size:7px;gap:7px}.canvas-steps i{width:12px}.fit-photo img{height:165px}.upload-zone{min-height:165px}.custom-garment-preview{grid-template-columns:1fr}.canvas-footnote{font-size:8px}.browse-faces{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.fitting.is-generating .ai-result-box:after,.fitting.is-generating .canvas-status i{animation:none}}