.mq2-stage{display:flex;flex-direction:column;align-items:center}.mq2-frame{position:relative;width:340px;aspect-ratio:3 / 4;border-radius:var(--r-6);background:var(--bg-2);box-shadow:var(--elev-lift);overflow:hidden;display:flex;align-items:center;justify-content:center}.mq2-frame:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(closest-side at 50% 46%,color-mix(in srgb,var(--link) 7%,transparent),transparent 70%);animation:mq2-glow 6s ease-in-out infinite}@keyframes mq2-glow{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.mq2-frame.finishing{box-shadow:0 0 0 2px var(--link),var(--elev-lift);transition:box-shadow .35s}.mq2-frame.finishing .mq2-st,.mq2-frame.finishing .mq2-gfit,.mq2-frame.finishing .mq2-glen,.mq2-frame.finishing .mq2-shine,.mq2-frame.finishing .mq2-spark,.mq2-frame.finishing .mq2-needle{animation-play-state:paused;opacity:0;transition:opacity .3s}.mq2-float{position:relative;z-index:1;width:66%;display:flex;justify-content:center;align-items:center;animation:mq2-float 4.6s ease-in-out infinite}@keyframes mq2-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-4px)}}.mq2-shadow{position:absolute;left:50%;bottom:9%;width:150px;height:14px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(24,24,27,.16),transparent 70%);filter:blur(2px);animation:mq2-shadow 4.6s ease-in-out infinite}@keyframes mq2-shadow{0%,to{transform:translate(-50%) scaleX(1.05);opacity:.9}50%{transform:translate(-50%) scaleX(.86);opacity:.55}}.mq2-garment{width:100%;height:auto;overflow:visible;transform-origin:50% 55%;animation:mq2-life 12s cubic-bezier(.3,1.5,.4,1) 3.4s infinite}@keyframes mq2-life{0%,28%{transform:scale(1)}31%{transform:scale(1.018)}34%{transform:scale(1)}86%{transform:scale(1);filter:brightness(1)}90%{transform:scale(1.02);filter:brightness(1.07)}95%,to{transform:scale(1);filter:brightness(1)}}.mq2-grid{stroke:var(--ring-strong);stroke-width:1;opacity:0;animation:mq2-grid 2.6s ease-in-out forwards}@keyframes mq2-grid{12%{opacity:.7}55%{opacity:.7}to{opacity:0}}.mq2-under{fill:none;stroke:var(--fg-3);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;stroke-dasharray:1200;stroke-dashoffset:1200;animation:mq2-draw 1.9s ease-in-out .2s forwards}.mq2-outline{fill:none;stroke:var(--fg-2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:mq2-draw 2s ease-in-out .55s forwards}@keyframes mq2-draw{to{stroke-dashoffset:0}}.mq2-fabric{clip-path:inset(0 0 100% 0);animation:mq2-reveal 1.1s cubic-bezier(.4,.1,.3,1) 2.4s forwards}@keyframes mq2-reveal{to{clip-path:inset(0 0 0% 0)}}.mq2-st{fill:none;stroke:var(--fg-3);stroke-width:1.5;stroke-linecap:round;opacity:0}.mq2-st1{stroke-dasharray:260;stroke-dashoffset:260;animation:mq2-sew1 12s linear 3.4s infinite}.mq2-st2{stroke-dasharray:120;stroke-dashoffset:120;animation:mq2-sew2 12s linear 3.4s infinite}.mq2-st3{stroke-dasharray:90;stroke-dashoffset:90;animation:mq2-sew3 12s linear 3.4s infinite}@keyframes mq2-sew1{0%{opacity:0;stroke-dashoffset:260}2%{opacity:.9}12%{stroke-dashoffset:0}88%{opacity:.9;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}@keyframes mq2-sew2{0%,12%{opacity:0;stroke-dashoffset:120}14%{opacity:.9}22%{stroke-dashoffset:0}88%{opacity:.9;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}@keyframes mq2-sew3{0%,22%{opacity:0;stroke-dashoffset:90}24%{opacity:.9}30%{stroke-dashoffset:0}88%{opacity:.9;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}.mq2-guide{stroke:var(--link);stroke-width:1.8;fill:none;stroke-linecap:round}.mq2-glabel{fill:var(--link);font-size:11px;font-weight:700;stroke:none}.mq2-gfit{opacity:0;animation:mq2-gfit-show 12s ease-in-out 3.4s infinite}.mq2-gfit .mq2-bar{transform-origin:center;transform:scaleX(0);animation:mq2-gfit-grow 12s cubic-bezier(.25,1,.35,1) 3.4s infinite}@keyframes mq2-gfit-show{34%{opacity:0}37%,56%{opacity:1}60%,to{opacity:0}}@keyframes mq2-gfit-grow{0%,35%{transform:scaleX(0)}44%,58%{transform:scaleX(1)}62%,to{transform:scaleX(0)}}.mq2-glen{opacity:0;animation:mq2-glen-show 12s ease-in-out 3.4s infinite}.mq2-glen .mq2-bar{transform-origin:top center;transform:scaleY(0);animation:mq2-glen-grow 12s cubic-bezier(.25,1,.35,1) 3.4s infinite}@keyframes mq2-glen-show{60%{opacity:0}63%,80%{opacity:1}84%,to{opacity:0}}@keyframes mq2-glen-grow{0%,61%{transform:scaleY(0)}70%,82%{transform:scaleY(1)}86%,to{transform:scaleY(0)}}.mq2-shine{opacity:0;animation:mq2-shine 12s ease-in-out 3.4s infinite}@keyframes mq2-shine{84%{opacity:0;transform:translate(-90px)}88%{opacity:1}97%{opacity:0;transform:translate(90px)}to{opacity:0}}.mq2-needle{fill:var(--link);opacity:0;offset-rotate:0deg}.mq2-n1{animation:mq2-n1 12s linear 3.4s infinite}.mq2-n2{animation:mq2-n2 12s linear 3.4s infinite}.mq2-n3{animation:mq2-n3 12s linear 3.4s infinite}@keyframes mq2-n1{0%{offset-distance:0%;opacity:0}1%{opacity:1}11%{opacity:1}12%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes mq2-n2{0%,12%{offset-distance:0%;opacity:0}13%{opacity:1}21%{opacity:1}22%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes mq2-n3{0%,22%{offset-distance:0%;opacity:0}23%{opacity:1}29%{opacity:1}30%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}.mq2-spark{fill:var(--link);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2)}.mq2-sp1{animation:mq2-sp 12s cubic-bezier(.2,1.6,.4,1) 3.4s infinite;animation-composition:replace}.mq2-sp2{animation:mq2-sp2 12s cubic-bezier(.2,1.6,.4,1) 3.4s infinite}.mq2-sp3{animation:mq2-sp3 12s cubic-bezier(.2,1.6,.4,1) 3.4s infinite}.mq2-sp4{animation:mq2-sp4 12s cubic-bezier(.2,1.6,.4,1) 3.4s infinite}.mq2-sp5{animation:mq2-sp5 12s cubic-bezier(.2,1.6,.4,1) 3.4s infinite}@keyframes mq2-sp{11%{opacity:0;transform:scale(.2) rotate(0)}13%{opacity:1;transform:scale(1.15) rotate(24deg)}17%{opacity:0;transform:scale(.4) rotate(45deg)}to{opacity:0}}@keyframes mq2-sp2{21%{opacity:0;transform:scale(.2) rotate(0)}23%{opacity:1;transform:scale(1.1) rotate(-20deg)}27%{opacity:0;transform:scale(.4) rotate(-40deg)}to{opacity:0}}@keyframes mq2-sp3{29%{opacity:0;transform:scale(.2) rotate(0)}31%{opacity:1;transform:scale(1.2) rotate(18deg)}35%{opacity:0;transform:scale(.4) rotate(36deg)}to{opacity:0}}@keyframes mq2-sp4{86%{opacity:0;transform:scale(.2) rotate(0)}89%{opacity:1;transform:scale(1.25) rotate(30deg)}94%{opacity:0;transform:scale(.5) rotate(60deg)}to{opacity:0}}@keyframes mq2-sp5{88%{opacity:0;transform:scale(.2) rotate(0)}91%{opacity:1;transform:scale(1) rotate(-24deg)}96%{opacity:0;transform:scale(.4) rotate(-48deg)}to{opacity:0}}.mq2-status{margin-top:22px;display:flex;align-items:center;gap:10px;min-height:24px}.mq2-status b{font-size:15.5px;font-weight:600;color:var(--fg-1);letter-spacing:-.01em}.mq2-dots{display:inline-flex;gap:4px}.mq2-dots i{width:5px;height:5px;border-radius:50%;background:var(--fg-3);animation:mq2-dot 1.4s ease-in-out infinite}.mq2-dots i:nth-child(2){animation-delay:.2s}.mq2-dots i:nth-child(3){animation-delay:.4s}@keyframes mq2-dot{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.mq2-sub{margin-top:8px;font-size:13px;color:var(--fg-2)}.mq2-long{margin-top:6px;font-size:12.5px;color:var(--fg-3);opacity:0;transition:opacity .6s}.mq2-long.on{opacity:1}.mq2-tip{margin-top:34px;font-size:12.5px;color:var(--fg-3);display:flex;gap:7px;align-items:center}.mq2-chip{border:1px dashed var(--ring-strong);border-radius:var(--r-pill);padding:2px 9px;font-weight:600;color:var(--fg-2)}.fit-page{position:relative;container:fit-page / inline-size}.fit-stage{display:flex;justify-content:center;align-items:flex-start;gap:0;transition:gap .2s}.fit-stage.comparing{gap:22px}.fit-mine-col{display:flex;flex-direction:column;align-items:center;width:340px;max-width:100%;transition:width .2s}.fit-stage.comparing .fit-mine-col{width:300px}.fit-mine-img{position:relative;isolation:isolate;width:100%;aspect-ratio:3 / 4;border-radius:var(--r-6);overflow:hidden;background:var(--bg-2);box-shadow:var(--elev-lift)}.fit-mine-img img{display:block;width:100%;height:100%;object-fit:cover}.fit-mine-img .busy-tile{width:100%;height:100%}.fit-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.fit-hotspot{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation}.fit-hotspot:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.96);border-radius:50%;background:#0c121c2e;box-shadow:0 1px 4px #0009,inset 0 0 0 1px #0000002e;transition:transform .12s ease}.fit-hotspot:hover:not(:disabled):before,.fit-hotspot:focus-visible:before{transform:translate(-50%,-50%) scale(1.14);background:#0c121c52}.fit-hotspot.is-open:before,.fit-hotspot.is-picked:before{border-color:#6bb6ff;background:#1d7cdc6b}.fit-hotspot:focus-visible{outline:2px solid #fff;outline-offset:-6px;border-radius:50%}.fit-hotspot span{position:absolute;left:50%;top:calc(50% + 16px);transform:translate(-50%);width:max-content;max-width:140px;border-radius:var(--r-pill);padding:4px 8px;background:#121826db;color:#fff;font-size:10.5px;font-weight:700;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.fit-hotspot:hover:not(:disabled) span,.fit-hotspot:focus-visible span{opacity:1}.fit-hotspot:disabled{cursor:default}.fit-hotspot:disabled:before{transform:translate(-50%,-50%);opacity:.72}.fit-hotspot-top-fit{left:40%;top:25%}.fit-hotspot-top-sleeve{left:61%;top:24%}.fit-hotspot-top-hem{left:52%;top:41%}.fit-hotspot-outer-fit{left:58%;top:32%}.fit-hotspot-outer-hem{left:46%;top:50%}.fit-hotspot-pants-cut{left:60%;top:62%}.fit-hotspot-pants-hem{left:57%;top:84%}.fit-hotspot-skirt-shape{left:62%;top:60%}.fit-hotspot-skirt-hem{left:56%;top:73%}.fit-hotspot-dress-shape{left:58%;top:49%}.fit-hotspot-dress-hem{left:56%;top:76%}.fit-continue{margin-top:var(--sp-24)}.fit-strip{display:flex;gap:8px;margin-top:12px;max-width:100%;overflow-x:auto;padding:2px}.fit-ver{position:relative;flex:none;width:52px;aspect-ratio:3 / 4;border:0;padding:0;border-radius:var(--r-4);overflow:hidden;cursor:pointer;background:var(--bg-2);box-shadow:0 0 0 1px var(--ring);transition:box-shadow .14s,transform .14s}.fit-ver:hover{box-shadow:0 0 0 1px var(--ring-strong);transform:translateY(-1px)}.fit-ver.on{box-shadow:0 0 0 2px var(--link)}.fit-ver img{width:100%;height:100%;object-fit:cover;display:block}.fit-ver-chip{position:absolute;left:3px;bottom:3px;border-radius:var(--r-pill);padding:1px 5px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--fg-1);font-size:9px;font-weight:600}.fit-ex-col{width:224px;flex:none;max-height:470px;display:flex;flex-direction:column;border-radius:var(--r-5);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--ring-strong);padding:12px 8px 12px 12px;animation:fit-ex-in .16s ease-out}@keyframes fit-ex-in{0%{opacity:0;transform:translate(10px)}}.fit-ex-headbar{display:flex;align-items:flex-start;gap:8px;margin-bottom:3px}.fit-ex-head{flex:1;font-size:13.5px;font-weight:500;color:var(--fg-1);letter-spacing:-.01em}.fit-ex-close{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ring-strong);border-radius:50%;padding:0;background:var(--bg-1);color:var(--fg-2);cursor:pointer;touch-action:manipulation}.fit-ex-close:hover:not(:disabled){border-color:var(--fg-3);color:var(--fg-1)}.fit-ex-close:focus-visible{outline:2px solid var(--link);outline-offset:2px}.fit-ex-sub{flex:none;margin:0 0 11px;font-size:11.5px;font-weight:400;color:var(--fg-3);letter-spacing:-.01em}.fit-ex-selection{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 11px;border-radius:var(--r-4);padding:7px 8px 7px 10px;background:color-mix(in srgb,var(--link) 9%,var(--bg-1));color:var(--fg-2);font-size:11.5px}.fit-ex-selection b{color:var(--link)}.fit-ex-reset{flex:none;border:0;border-radius:var(--r-pill);padding:5px 8px;background:var(--bg-1);color:var(--link);font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.fit-ex-reset:hover:not(:disabled){background:color-mix(in srgb,var(--link) 14%,var(--bg-1))}.fit-ex-reset:focus-visible{outline:2px solid var(--link);outline-offset:2px}.fit-ex-close:disabled,.fit-ex-reset:disabled{cursor:default;opacity:.6}.fit-ex-track{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:var(--ring-strong) transparent}.fit-ex-track::-webkit-scrollbar{width:8px}.fit-ex-track::-webkit-scrollbar-thumb{background:var(--ring-strong);border-radius:var(--r-pill)}.fit-ex-track::-webkit-scrollbar-track{background:transparent}.fit-ex-track .fit-tile{width:100%}.fit-tile{position:relative;display:block;flex:none;padding:0;font:inherit;color:inherit;text-align:center;border:2px solid var(--ring-strong);border-radius:var(--r-5);overflow:hidden;background:var(--bg-1);cursor:pointer;scroll-snap-align:start;touch-action:manipulation;transition:transform .12s,border-color .12s,box-shadow .12s}.fit-tile:hover:not(:disabled){transform:translateY(-2px);border-color:var(--link);box-shadow:var(--elev-soft)}.fit-tile.is-selected{border-color:var(--link);box-shadow:inset 0 0 0 1px var(--link),var(--elev-soft)}.fit-tile:disabled{cursor:default;opacity:.72}.fit-tile img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.fit-tile.text .fit-tile-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;background:var(--bg-2);color:var(--fg-2);font-size:14px;font-weight:600;padding:8px}.fit-tile-lb{display:block;font-size:12px;font-weight:600;color:var(--fg-2);padding:5px 2px}@container fit-page (min-width: 1100px){.fit-stage.comparing{gap:0}.fit-stage.comparing .fit-mine-col{width:340px}.fit-ex-col{position:absolute;top:90px;right:0;z-index:2;width:332px;max-height:none;padding:14px}.fit-ex-head{font-size:14px}.fit-ex-track{flex:none;min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;overflow:visible;padding-right:0;scroll-snap-type:none}.fit-ex-track .fit-tile:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - 10px)/2)}}@media(max-width:720px){.fit-stage.comparing{flex-direction:column;align-items:center;gap:14px}.fit-stage.comparing .fit-mine-col{width:300px}.fit-ex-col{width:300px;max-height:none}.fit-ex-track{flex-direction:row;overflow-x:auto;overflow-y:hidden}.fit-ex-track .fit-tile{width:150px}}@media(prefers-reduced-motion:reduce){.fit-stage,.fit-mine-col,.fit-ver,.fit-tile,.fit-hotspots,.fit-hotspot,.fit-hotspot:before,.fit-hotspot span{transition:none}.fit-ex-col{animation:none}.mq2-garment,.mq2-grid,.mq2-st,.mq2-gfit,.mq2-gfit .mq2-bar,.mq2-glen,.mq2-glen .mq2-bar,.mq2-shine,.mq2-dots i,.mq2-frame:before,.mq2-float,.mq2-shadow,.mq2-needle,.mq2-spark{animation:none}.mq2-under,.mq2-outline{animation:none;stroke-dashoffset:0}.mq2-fabric{animation:none;clip-path:inset(0 0 0% 0)}.mq2-st{opacity:.9;stroke-dashoffset:0}}.tone-editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;border-radius:inherit}.tone-editor{width:100%;max-width:340px;margin:10px auto 0;padding:12px 14px;background:#fff;border-radius:var(--r-6);box-shadow:0 0 0 1px var(--ring),var(--elev-soft);display:flex;flex-direction:column;gap:8px}.tone-editor-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--fg-1)}.tone-editor-name{flex:none;width:30px}.tone-editor-row input[type=range]{flex:1;accent-color:var(--link);min-width:0}.tone-editor-value{flex:none;width:30px;text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--fg-1)}.tone-editor-value.zero{color:var(--fg-3)}.tone-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.tone-editor-actions .btn{padding:8px 14px;font-size:13.5px;min-height:0}.tone-editor-wait{margin:0;padding:8px 2px;font-size:13px;color:var(--fg-2);text-align:center}.tone-editor-wait-action{display:flex;flex-direction:column;align-items:center;gap:8px}.tone-editor-wait-action .btn{min-height:36px;padding:7px 13px}.tone-editor-note{margin:0 0 2px;font-size:12.5px;color:var(--fg-2)}.tone-editor-error{margin:0;font-size:12.5px;color:var(--accent-error)}.tone-editor-done{margin:0;font-size:12.5px;color:var(--fg-2);text-align:right}