.sf-face-swapper-v4[data-type=image]{--padding: 24px;display:flex;flex-direction:column;align-items:center;padding:var(--padding) 0 var(--padding) var(--padding);gap:18px;max-width:800px;width:100%;height:454px;background:#220c3c;border:1px solid #8a2aff;border-radius:32px;overflow:hidden}.sf-face-swapper-v4[data-type=image][status=""] .sf-face-swapper__stepbar,.sf-face-swapper-v4[data-type=image]:not([status]) .sf-face-swapper__stepbar{display:none}.sf-face-swapper-v4[data-type=image][status=""] .sf-face-swapper__upload,.sf-face-swapper-v4[data-type=image]:not([status]) .sf-face-swapper__upload{display:flex}.sf-face-swapper-v4[data-type=image][status="1"] .sf-face-swapper__upload,.sf-face-swapper-v4[data-type=image][status="1-1"] .sf-face-swapper__upload{display:flex}.sf-face-swapper-v4[data-type=image][status="2"] .sf-face-swapper__task,.sf-face-swapper-v4[data-type=image][status="2-1"] .sf-face-swapper__task,.sf-face-swapper-v4[data-type=image][status="3"] .sf-face-swapper__task,.sf-face-swapper-v4[data-type=image][status="3-1"] .sf-face-swapper__task{display:flex}.sf-face-swapper-v4[data-type=image][status="2"] .sf-face-swapper__task__detect{display:flex}.sf-face-swapper-v4[data-type=image][status="3"] .sf-face-swapper__task__pending{display:flex}.sf-face-swapper-v4[data-type=image][status="4"] .sf-face-swapper__done{display:flex}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__stepbar{padding-right:var(--padding)}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__tab{flex:1;width:100%;overflow:hidden}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__container{display:none;height:100%}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload{flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-right:var(--padding)}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload-btn{padding:20px 40px;color:#fff;font-weight:500;font-size:24px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload-btn .sf-button__icon{width:24px;height:24px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload__detail{text-align:center}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload__detail p{color:#bbb6c2;font-weight:400;font-size:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task{gap:24px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__media{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__card{display:none;padding-right:var(--padding)}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__preview{width:450px;aspect-ratio:16/9;background:#2c0f4e;border-radius:12px;overflow:hidden}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__preview img{width:100%;height:100%;object-fit:contain}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending{flex-direction:column;flex:1;gap:12px;padding-right:0}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending[swap] .sf-face-swapper__task__pending-tip{display:none}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending[swap] .sf-face-swapper__task__pending__next{display:flex}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending-tip{padding-right:var(--padding);text-align:center;line-height:1.2}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending-tip__title{color:#fff;font-weight:500;font-size:20px;word-break:break-word}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending-tip__desc{margin-top:12px;color:#bbb6c2;font-size:16px;word-break:break-word}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__faces{flex:1;padding-right:calc(var(--padding) - var(--sf-scrollbar-width, 0px));list-style:none;overflow-y:scroll}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:8px;background:#2c0f4e;border-radius:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__item+.sf-face-swapper__faces__item{margin-top:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__face{width:100px;height:100px;border-radius:6px;object-fit:cover;background:#44157d}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__arrow{width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url("/static/icons/40x40/icon-arrow-right-02-round.webp")}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add{position:relative}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add:disabled,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add[s-disabled]{opacity:1 !important}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add img:not([src]),.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add img[src=""]{opacity:0}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add img:not([src])~.sf-face-swapper__faces__add__placeholder,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add img[src=""]~.sf-face-swapper__faces__add__placeholder{display:flex}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add img:not([src])~.sf-face-swapper__faces__add__clear,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add img[src=""]~.sf-face-swapper__faces__add__clear{display:none}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add[loading] .sf-face-swapper__faces__add__loading{display:flex}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;background:inherit;border-radius:inherit}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__loading::before{content:"";width:20px;height:20px;border-radius:999px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;animation:faces-add-loading .8s linear infinite}@keyframes faces-add-loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__placeholder{position:absolute;inset:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__placeholder::before{content:"";width:28px;height:28px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url("/static/icons/56x56/icon-add-circle.webp")}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__clear{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:999px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__clear::before{content:"";width:14px;height:14px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url("/static/icons/27x27/icon-cancel-01.webp")}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__button{display:flex;flex-direction:column;align-items:center;gap:12px;padding-right:var(--padding);padding-bottom:5px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending__next{display:none;padding:12px 0;width:100%;font-size:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending__next .sf-button__icon{width:20px;height:20px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done{flex-direction:column;padding-right:var(--padding)}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__body{display:flex;flex-direction:row;gap:25px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__before,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__after{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;font-size:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__before img,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__after img{width:100%;aspect-ratio:16.5/9;background:#2c0f4e;border-radius:12px;object-fit:contain}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__footer{margin-top:19px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__desc{color:#bbb6c2;font-size:14px;text-align:center}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;margin-top:10px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__button__result{display:flex;flex-direction:row;align-items:center;gap:24px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-download,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-enhance,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__new-task{padding:10px 0;min-width:205px;font-size:14px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-download .sf-button__icon,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-enhance .sf-button__icon,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__new-task .sf-button__icon{width:16px;height:16px}@media screen and (max-width: 880px){.sf-face-swapper-v4[data-type=image]{--padding: 12px;gap:12px;border-radius:12px;height:auto}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload{padding:48px 0;gap:8px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload__detail p{font-size:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload__detail p:last-child{font-size:14px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload-btn{padding:14px 40px;font-size:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__upload-btn .sf-button__icon{width:16px;height:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task{flex-direction:column;gap:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__media{gap:8px;padding-right:var(--padding)}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__preview{margin:0 auto;width:100%}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending-tip__title{font-size:14px;word-break:break-word}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending-tip__desc{margin-top:8px;font-size:12px;word-break:break-word}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending__next{padding:9px 0;font-size:14px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending__next .sf-button__icon{width:12px;height:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__faces{display:flex;flex-direction:row;overflow-y:hidden;overflow-x:scroll}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__item{padding:4px;gap:4px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__item+.sf-face-swapper__faces__item{margin-top:0;margin-left:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__face{width:64px;height:64px;border-radius:8px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__arrow{width:12px;height:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__faces__add__placeholder::before{width:16px;height:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-download,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-enhance,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__new-task{font-size:14px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-download .sf-button__icon,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-enhance .sf-button__icon,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__new-task .sf-button__icon{width:16px;height:16px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-download,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__result-enhance{flex:1;min-width:auto}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__button{flex-direction:column;align-items:normal;gap:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__button__result{gap:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__body{flex-direction:column;align-items:center;gap:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__before,.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__after{gap:4px;padding:0 40px;width:100%;font-size:12px}.sf-face-swapper-v4[data-type=image] .sf-face-swapper__done__desc{font-size:12px}}html[lang=ar] .sf-face-swapper-v4[data-type=image]{padding:var(--padding) var(--padding) var(--padding) 0}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__stepbar{padding-left:var(--padding);padding-right:0}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__card{padding-right:0;padding-left:var(--padding);width:100%}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__media{padding-right:0}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending-tip{padding-right:0;padding-left:var(--padding)}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__faces{padding-right:0;padding-left:calc(var(--padding) - var(--sf-scrollbar-width, 0px))}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__detect{padding-left:var(--padding)}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__button{padding-right:0;padding-left:var(--padding)}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__task__pending{padding-left:0}html[lang=ar] .sf-face-swapper-v4[data-type=image] .sf-face-swapper__done{padding-right:0;padding-left:var(--padding)}