.noUi-base{height:30px}.noUi-draggable{cursor:move}.noUi-horizontal{height:auto}.noUi-horizontal .noUi-handle{width:7px;height:30px;top:0;right:-3.5px;border:none;box-shadow:none;background:var(--site-theme-color);cursor:e-resize}.noUi-horizontal .noUi-handle:after,.noUi-horizontal .noUi-handle:before{content:none}.noUi-target{border-radius:5px;border:none;box-shadow:none;background:rgba(0,0,0,.3)}.noUi-connect{background:rgba(139,92,246,.6)}.file-destroy-container{margin-top:1rem;display:flex;justify-content:flex-end;color:#3a3a3a;font-size:11px}.file-destroy-container p{margin:0;text-align:center}#action-container{display:flex;flex-direction:column;align-items:center}#action-container[data-status] .action-content{display:block}#action-container[data-status] .upload-container{display:none}#action-container:not([data-status]) .action-content{display:none}#action-container:not([data-status]) .upload-container{display:block}#action-container .upload-container{position:relative;margin-top:1rem;width:35rem;height:13.35rem;cursor:pointer}@media screen and (max-width: 600px){#action-container .upload-container{width:100%;max-width:17rem;height:8rem}}#action-container .upload-container .upload-container-bg{position:absolute;width:39.1rem;height:15.05rem;left:50%;top:0;bottom:0;transform:translateX(-50%);z-index:-1;background:var(--upload-action-bg-bgcolor);filter:blur(5rem);border-radius:100%}#action-container .upload-container .upload-container-inner{width:100%;height:100%}#action-container .upload-container .upload-container-inner::after{content:"";position:absolute;inset:0;border-radius:var(--border-radius-xsmall);padding:1px;background:var(--upload-action-border-color);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}#action-container .upload-container .upload-container-inner .upload-button-container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;z-index:1;font-size:var(--font-size-regular)}@media screen and (max-width: 600px){#action-container .upload-container .upload-container-inner .upload-button-container{font-size:var(--font-size-xsmall)}}#action-container .upload-container .upload-container-inner .upload-button-container .upload-button{gap:.5rem;padding:1.5rem 4rem;border-radius:10rem;min-width:360px}#action-container .upload-container .upload-container-inner .upload-button-container .upload-button svg{width:1.5rem;height:1.5rem}@media screen and (max-width: 600px){#action-container .upload-container .upload-container-inner .upload-button-container .upload-button{padding:.4rem .8rem;min-width:200px}#action-container .upload-container .upload-container-inner .upload-button-container .upload-button svg{width:1rem;height:1rem}}#action-container .upload-container .upload-container-inner .upload-button-container .upload-info{margin:0;margin-top:var(--spacing-regular);color:var(--color-light)}@media screen and (max-width: 600px){#action-container .upload-container .upload-container-inner .upload-button-container .upload-info{margin-top:var(--spacing-xsmall)}}#action-container .upload-container .upload-container-inner .upload-button-container .upload-file-type{color:var(--color-light)}#action-container .step-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;margin:0 auto;margin-bottom:30px;max-width:800px;width:100%;--step-done-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjIgMTEuMDhWMTJhMTAgMTAgMCAxIDEtNS45My05LjE0Ij48L3BhdGg+PHBhdGggZD0ibTkgMTEgMyAzTDIyIDQiPjwvcGF0aD48L3N2Zz4=)}#action-container .step-container[s-disabled]{pointer-events:none}#action-container .step-container .step-item{display:flex;flex-direction:column;align-items:center;justify-content:center}#action-container .step-container .step-item .icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:100%;color:var(--color-info);transition:all .2s ease;cursor:pointer;background-color:#e5e7eb}#action-container .step-container .step-item .icon::before{font-size:20px;font-weight:500;width:30px;height:30px;text-align:center;line-height:30px;background-position:center;background-repeat:no-repeat;background-size:25px}#action-container .step-container .step-item .title{margin-top:.5rem;font-size:.6rem;text-align:center;transition:all .2s ease;color:var(--color-info);pointer-events:none}#action-container .step-container .step-1 .icon::before{content:"1"}#action-container .step-container .step-2 .icon::before{content:"2"}#action-container .step-container .step-3 .icon::before{content:"3"}#action-container .step-container .step-4 .icon::before{content:"4"}#action-container .step-container .step-5 .icon::before{content:"5"}#action-container .step-container .step-progress{position:absolute;left:0;bottom:-10px;width:100%;height:5px;background-color:#e5e7eb}#action-container .step-container .step-progress::before{content:"";display:block;height:100%;background-color:#a855f7;transition:width .2s}#action-container[destroy] .destroy{opacity:1 !important;z-index:9 !important}#action-container .action-content{margin-top:1rem;padding:1rem;color:#000;width:100%;max-width:1024px;border-radius:.5rem}#action-container .action-content .button{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 32px;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none}#action-container .action-content .button svg{width:1rem;height:1rem}#action-container .action-content .button:hover{opacity:.8}#action-container .action-content .button[s-disabled]{pointer-events:none;opacity:.6}#action-container .action-content .button+.button{margin-top:10px}#action-container .action-content .button.download,#action-container .action-content .button.new-task{background-image:linear-gradient(to right, #9333ea, #4f46e5)}#action-container .action-content .button.enhance{background-image:linear-gradient(to right, #22c55e, #10b981)}#action-container .action-content .button .tag{display:flex;align-items:center;position:absolute;top:-5px;right:-5px;padding:2px 8px;color:#fff;background-image:linear-gradient(to right, #3b82f6, #9333ea);font-size:var(--font-size-small);border-radius:999px;transition:all .2s ease}#action-container .action-content .button .tag svg{width:15px;height:15px}#action-container .action-content .button.btn-light{background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7)}#action-container .action-content .button.btn-light:hover{color:hsla(0,0%,100%,.9)}#action-container .action-content .button.btn-light:active{transform:scale(0.96)}#action-container .action-content .credits{display:flex;justify-content:center;color:#db2777;font-weight:700;font-size:14px;text-align:center}#action-container .action-content .credits .tip-box.cost-credits{color:#6b21a8}#action-container .action-content .main{position:relative;margin-top:1rem;padding:24px;background-image:linear-gradient(to bottom right, #f9fafb, rgba(250, 245, 255, 0.5));border-radius:15px;overflow:hidden}#action-container .action-content .main::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:radial-gradient(circle at center, #3b0764, #140623);z-index:-1}#action-container .action-content .box{display:none;flex-direction:row;gap:24px}#action-container .action-content .box .left-box{flex:2;display:flex;flex-direction:column;justify-content:space-between}#action-container .action-content .box .left-box.done{display:none}#action-container .action-content .box .right-box{flex:.9}#action-container .action-content .box .preview{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:400px;max-height:500px;flex:1;background-color:#353535;border-radius:.5rem;overflow:hidden}#action-container .action-content .box .preview .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;color:#66738a}#action-container .action-content .box .preview .icon svg{width:3rem;height:3rem}#action-container .action-content .box .preview .destroy{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;backdrop-filter:blur(2rem);background-color:rgba(0,0,0,.3);color:#fff;transition:all .2s ease;opacity:0}#action-container .action-content .box .preview .destroy svg{width:1.5rem;height:1.5rem}#action-container .action-content .box .preview video,#action-container .action-content .box .preview img{position:relative;width:100%;height:100%;background-color:#353535;z-index:1;max-height:inherit}#action-container .action-content .upload-box{flex-direction:column;align-items:center;justify-content:center;width:100%;height:20rem;border-radius:.5rem;border:2px dashed #6b21a8;color:#6b21a8;background-color:inherit;cursor:pointer}#action-container .action-content .upload-box[s-disabled]{pointer-events:none}#action-container .action-content .upload-box svg{width:2rem;height:2rem}#action-container .action-content .upload-box span{margin-top:.5rem}#action-container .action-content .detect-box .right-box{display:none;flex-direction:column;gap:20px}#action-container .action-content .detect-box .right-box .detect-tip-box{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}#action-container .action-content .detect-box .right-box .detect-tip-box div{text-align:center}#action-container .action-content .detect-box .right-box .detect-tip-box .title{color:#6b21a8;font-weight:600;font-size:20px;margin-bottom:16px}#action-container .action-content .detect-box .right-box .detect-tip-box .desc{color:#7e22ce}#action-container .action-content .detect-box .right-box .detect-btn-box{padding-bottom:16px}#action-container .action-content .detect-box .right-box .detect-btn-box .detect-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;margin-top:10px;color:#fff;background-image:linear-gradient(to right, #9333ea, #4f46e5);border-radius:10px;font-size:14px;cursor:pointer}#action-container .action-content .detect-box .right-box .detect-btn-box .detect-button svg{width:1.2em;height:1.2em}#action-container .action-content .detect-box .right-box .detect-btn-box .detect-button:hover{background-image:linear-gradient(to right, #7e22ce, #4338ca)}#action-container .action-content .detect-box .right-box .faces{max-height:300px}#action-container .action-content .detect-box .right-box .faces .swap-container{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow-y:auto}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:16px;border-radius:.5rem;background-color:#1f0934}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .face-image{display:flex}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image{position:relative;width:64px;height:64px;border-radius:.5rem;background-color:#f2f4f5;cursor:pointer}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image[s-disabled]{pointer-events:none}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .add-icon{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuMDYwNSAxMEwyNC4wMjM5IDM4IiBzdHJva2U9IiNiY2MzY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwIDI0TDM4IDI0IiBzdHJva2U9IiNiY2MzY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .edit-icon{position:absolute;right:0;bottom:-1px;display:none;width:1.25rem;height:1.25rem;background-color:#f2f4f5;background-position:center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSA2LjQxTDE3LjU5IDVMMTIgMTAuNTlMNi40MSA1TDUgNi40MUwxMC41OSAxMkw1IDE3LjU5TDYuNDEgMTlMMTIgMTMuNDFMMTcuNTkgMTlMMTkgMTcuNTlMMTMuNDEgMTJ6Ii8+PC9zdmc+);background-size:.75rem;border-radius:100%;box-shadow:0 0 5px #c5c5c5;z-index:2}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem;overflow:hidden}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .image img{width:100%;height:100%;object-fit:cover;z-index:1;background-color:#cfcfcf}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .image img:not([src]),#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .image img[src=""]{opacity:0}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .arrow{width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:center;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQgNDJWNiIgc3Ryb2tlPSIjYmNjM2NlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zNiAzMEwyNCA0MkwxMiAzMCIgc3Ryb2tlPSIjYmNjM2NlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);transform:rotate(270deg)}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .face{width:64px;height:64px;object-fit:cover;border-radius:.5rem}#action-container .action-content .detect-box .right-box .button-container{display:flex;flex-direction:column;justify-content:flex-end}#action-container .action-content .detect-box .right-box .button-container:has(.preview-swap-button-container){flex:1}#action-container .action-content .detect-box .right-box .button-container .swap-button-container{display:flex;flex-direction:row;gap:20px}#action-container .action-content .detect-box .right-box .button-container .swap-button{position:relative;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:15px;cursor:pointer;flex:1;transition:.2s;overflow:hidden}#action-container .action-content .detect-box .right-box .button-container .swap-button:hover::before{scale:3}#action-container .action-content .detect-box .right-box .button-container .swap-button:active{scale:.98}#action-container .action-content .detect-box .right-box .button-container .swap-button::before{content:"";position:absolute;bottom:-200%;left:0;width:150px;height:150px;border-radius:9999px;background-color:rgba(200,200,200,.2);transition:.35s}#action-container .action-content .detect-box .right-box .button-container .swap-button[s-disabled]{pointer-events:none}#action-container .action-content .detect-box .right-box .button-container .swap-button .swap-button-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}#action-container .action-content .detect-box .right-box .button-container .swap-button .swap-button-header svg{width:1.2em;height:1.2em}#action-container .action-content .detect-box .right-box .button-container .swap-button .swap-button-footer{font-size:12px}#action-container .action-content .detect-box .right-box .button-container .fast-swap{color:#fff;background-image:linear-gradient(to right, #9333ea, #4f46e5);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 20px 25px -5px rgba(168,85,247,.4),0 8px 10px -6px rgba(168,85,247,.4)}#action-container .action-content .detect-box .right-box .button-container .hd-swap{color:#fff;background-image:linear-gradient(to right, #22c55e, #10b981);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 20px 25px -5px rgba(34,197,94,.4),0 8px 10px -6px rgba(34,197,94,.4)}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container{display:flex;flex-direction:row;gap:20px;margin-top:15px}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button{position:relative;flex:1;aspect-ratio:1/1;min-height:40px;background-color:#f9fafb;border:2px solid #e9d5ff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button:hover{border-color:#c084fc}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button::before{content:"";display:block;width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:30px;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNjMDg0ZmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMiAxMnMzLTcgMTAtNyAxMCA3IDEwIDctMyA3LTEwIDctMTAtNy0xMC03WiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiPjwvY2lyY2xlPjwvc3ZnPg==)}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button[s-disabled]{pointer-events:none}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button span{color:#374151;font-weight:500;font-size:14px}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-image{position:absolute;inset:0;width:100%;height:100%;z-index:1;object-fit:contain;background-color:inherit;border-radius:inherit}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-image[src=""],#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-image:not([src]){opacity:0;z-index:-1}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-image[src=""]+.preview-clear,#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-image:not([src])+.preview-clear{display:none}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-loading{--progress: 0%;position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;z-index:-1}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-loading img{width:100%;height:100%;object-fit:cover}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-loading::after{content:"";position:absolute;right:0;width:calc(100% - var(--progress));height:100%;backdrop-filter:blur(2px);border-radius:inherit;transition:width .2s}#action-container .action-content .detect-box .right-box .button-container .preview-swap-button-container .preview-swap-button .preview-loading[loading]{z-index:9}#action-container .action-content .detect-box .right-box .button-container .preview-clear{position:absolute;right:0;bottom:-1px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#000;background-color:#f2f4f5;box-shadow:0 0 5px #c5c5c5;border-radius:999px;z-index:2}#action-container .action-content .detect-box .right-box .button-container .preview-clear svg{width:17px;height:17px}#action-container .action-content .detect-box .right-box.done,#action-container .action-content .detect-box .right-box.processing{justify-content:center}#action-container .action-content .detect-box .right-box.done .done-tip,#action-container .action-content .detect-box .right-box.processing .done-tip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#1f2937;font-size:20px;font-weight:600}#action-container .action-content .detect-box .right-box.done .done-tip svg,#action-container .action-content .detect-box .right-box.processing .done-tip svg{width:64px;height:64px;color:#22c55e}#action-container .action-content .detect-box .right-box.done .button-container,#action-container .action-content .detect-box .right-box.processing .button-container{flex:none}#action-container .action-content .detect-box #video-controls{display:flex;flex-direction:column;gap:.5rem;padding-top:10px}#action-container .action-content .detect-box .range{padding:5px 8px;background-color:#fff}#action-container:not([data-status]) .step-container .step-1 .icon,#action-container[data-status=uploading] .step-container .step-1 .icon{color:#fff;background-color:#a855f7}#action-container:not([data-status]) .step-container .step-1 .title,#action-container[data-status=uploading] .step-container .step-1 .title{color:#c084fc}#action-container:not([data-status]) .step-container .step-progress::before,#action-container[data-status=uploading] .step-container .step-progress::before{width:0%}#action-container:not([data-status]) .action-content .main .upload-box,#action-container[data-status=uploading] .action-content .main .upload-box{display:flex}#action-container[data-status=recognizing] .step-container .step-1 .icon,#action-container[data-status=loading] .step-container .step-1 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=recognizing] .step-container .step-1 .icon::before,#action-container[data-status=loading] .step-container .step-1 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=recognizing] .step-container .step-2 .icon,#action-container[data-status=loading] .step-container .step-2 .icon{color:#fff;background-color:#a855f7}#action-container[data-status=recognizing] .step-container .step-2 .title,#action-container[data-status=loading] .step-container .step-2 .title{color:#c084fc}#action-container[data-status=recognizing] .step-container .step-progress::before,#action-container[data-status=loading] .step-container .step-progress::before{width:33.33%}#action-container[data-status=recognizing] .action-content .main .detect-box{display:flex}#action-container[data-status=recognizing] .action-content .main .detect-box .right-box.recognizing{display:flex}#action-container[data-status=loading] .action-content .main .detect-box{display:flex}#action-container[data-status=loading] .action-content .main .detect-box .right-box._loading{display:flex}#action-container[data-status=""] .action-content .main .detect-box .pending{justify-content:center}#action-container[data-status=""] .action-content .main .detect-box .pending .faces{max-height:400px}#action-container[data-status=""] .action-content .main .detect-box .pending .button-container{display:none}#action-container[data-status=""] .step-container .step-1 .icon,#action-container[data-status=pending] .step-container .step-1 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=""] .step-container .step-1 .icon::before,#action-container[data-status=pending] .step-container .step-1 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=""] .step-container .step-2 .icon,#action-container[data-status=pending] .step-container .step-2 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=""] .step-container .step-2 .icon::before,#action-container[data-status=pending] .step-container .step-2 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=""] .step-container .step-3 .icon,#action-container[data-status=pending] .step-container .step-3 .icon{color:#fff;background-color:#a855f7}#action-container[data-status=""] .step-container .step-3 .title,#action-container[data-status=pending] .step-container .step-3 .title{color:#c084fc}#action-container[data-status=""] .step-container .step-progress::before,#action-container[data-status=pending] .step-container .step-progress::before{width:66.66%}#action-container[data-status=""] .action-content .main .detect-box,#action-container[data-status=pending] .action-content .main .detect-box{display:flex}#action-container[data-status=""] .action-content .main .detect-box .right-box.pending,#action-container[data-status=pending] .action-content .main .detect-box .right-box.pending{display:flex;justify-content:center}#action-container[data-status=running] .step-container .step-1 .icon,#action-container[data-status=recent] .step-container .step-1 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=running] .step-container .step-1 .icon::before,#action-container[data-status=recent] .step-container .step-1 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=running] .step-container .step-2 .icon,#action-container[data-status=recent] .step-container .step-2 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=running] .step-container .step-2 .icon::before,#action-container[data-status=recent] .step-container .step-2 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=running] .step-container .step-3 .icon,#action-container[data-status=recent] .step-container .step-3 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=running] .step-container .step-3 .icon::before,#action-container[data-status=recent] .step-container .step-3 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=running] .step-container .step-4 .icon,#action-container[data-status=recent] .step-container .step-4 .icon{color:#fff;background-color:#a855f7}#action-container[data-status=running] .step-container .step-4 .title,#action-container[data-status=recent] .step-container .step-4 .title{color:#c084fc}#action-container[data-status=running] .step-container .step-progress::before,#action-container[data-status=recent] .step-container .step-progress::before{width:100%}#action-container[data-status=running] .action-content .main .detect-box,#action-container[data-status=recent] .action-content .main .detect-box{display:flex}#action-container[data-status=running] .action-content .main .detect-box .right-box._loading,#action-container[data-status=recent] .action-content .main .detect-box .right-box._loading{display:flex}#action-container[data-status=recent] .step-container .step-item{pointer-events:none}#action-container[data-status=done] .step-container .step-1 .icon,#action-container[data-status=recent-done] .step-container .step-1 .icon,#action-container[data-status=processing] .step-container .step-1 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=done] .step-container .step-1 .icon::before,#action-container[data-status=recent-done] .step-container .step-1 .icon::before,#action-container[data-status=processing] .step-container .step-1 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=done] .step-container .step-2 .icon,#action-container[data-status=recent-done] .step-container .step-2 .icon,#action-container[data-status=processing] .step-container .step-2 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=done] .step-container .step-2 .icon::before,#action-container[data-status=recent-done] .step-container .step-2 .icon::before,#action-container[data-status=processing] .step-container .step-2 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=done] .step-container .step-3 .icon,#action-container[data-status=recent-done] .step-container .step-3 .icon,#action-container[data-status=processing] .step-container .step-3 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=done] .step-container .step-3 .icon::before,#action-container[data-status=recent-done] .step-container .step-3 .icon::before,#action-container[data-status=processing] .step-container .step-3 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=done] .step-container .step-4 .icon,#action-container[data-status=recent-done] .step-container .step-4 .icon,#action-container[data-status=processing] .step-container .step-4 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=done] .step-container .step-4 .icon::before,#action-container[data-status=recent-done] .step-container .step-4 .icon::before,#action-container[data-status=processing] .step-container .step-4 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=done] .step-container .step-5 .icon,#action-container[data-status=recent-done] .step-container .step-5 .icon,#action-container[data-status=processing] .step-container .step-5 .icon{color:#fff;background-color:#22c55e}#action-container[data-status=done] .step-container .step-5 .icon::before,#action-container[data-status=recent-done] .step-container .step-5 .icon::before,#action-container[data-status=processing] .step-container .step-5 .icon::before{content:"";background-image:var(--step-done-image)}#action-container[data-status=done] .step-container .step-5 .title,#action-container[data-status=recent-done] .step-container .step-5 .title,#action-container[data-status=processing] .step-container .step-5 .title{color:#c084fc}#action-container[data-status=done] .step-container .step-progress::before,#action-container[data-status=recent-done] .step-container .step-progress::before,#action-container[data-status=processing] .step-container .step-progress::before{width:100%}#action-container[data-status=done] .action-content .main .detect-box,#action-container[data-status=recent-done] .action-content .main .detect-box{display:flex}#action-container[data-status=done] .action-content .main .detect-box .left-box,#action-container[data-status=recent-done] .action-content .main .detect-box .left-box{display:flex}#action-container[data-status=done] .action-content .main .detect-box .left-box:not(.done),#action-container[data-status=recent-done] .action-content .main .detect-box .left-box:not(.done){display:none}#action-container[data-status=done] .action-content .main .detect-box .right-box.done,#action-container[data-status=recent-done] .action-content .main .detect-box .right-box.done{display:flex}#action-container[data-status=processing] .action-content .main .detect-box{display:flex}#action-container[data-status=processing] .action-content .main .detect-box .left-box{display:flex}#action-container[data-status=processing] .action-content .main .detect-box .left-box:not(.processing){display:none}#action-container[data-status=processing] .action-content .main .detect-box .right-box.processing{display:flex}@media screen and (max-width: 600px){#action-container[data-status=""] #upload-action-2,#action-container[data-status=running] #upload-action-2,#action-container[data-status=done] #upload-action-2,#action-container[data-status=recent-done] #upload-action-2,#action-container[data-status=uploading] #upload-action-2,#action-container[data-status=recognizing] #upload-action-2,#action-container[data-status=swap] #upload-action-2,#action-container[data-status=swapped] #upload-action-2,#action-container[data-status=swapping] #upload-action-2{pointer-events:none;background-color:var(--primary-button-disabled-bgcolor);cursor:not-allowed}#action-container[data-status=""] .mobile-upload,#action-container[data-status=swapped] .mobile-upload,#action-container[data-status=done] .mobile-upload,#action-container[data-status=recent-done] .mobile-upload,#action-container[data-status=swap] .mobile-upload{display:flex}#action-container[data-status=""] #upload-action-2,#action-container[data-status=swapped] #upload-action-2,#action-container[data-status=done] #upload-action-2,#action-container[data-status=recent-done] #upload-action-2,#action-container[data-status=swap] #upload-action-2{pointer-events:all;background-color:var(--primary-button-bgcolor);cursor:pointer}#action-container .step-container{align-items:flex-start;gap:.5rem}#action-container .step-container .step-item .icon{width:45px;height:45px}#action-container .step-container .step-item .title{font-size:10px}#action-container .action-content{width:100%;padding:0}#action-container .action-content .main{padding:10px}#action-container .action-content .box .preview{min-height:auto;max-height:200px;height:10rem}#action-container .action-content .box .preview video,#action-container .action-content .box .preview image{max-height:200px;object-fit:contain}#action-container .action-content .detect-box{flex-direction:column}#action-container .action-content .detect-box .right-box .faces .swap-container{flex-direction:row}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column{padding:8px}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image{width:48px;height:48px}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .swap-item-face-image .edit-icon{width:20px;height:20px}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .face{width:48px;height:48px}#action-container .action-content .detect-box .right-box .faces .swap-container .swap-item-column .arrow{width:20px;height:20px;background-size:20px;margin:0 5px}#action-container .action-content .detect-box .right-box .button-container .swap-button .swap-button-header{font-size:13px}#action-container .action-content .detect-box .right-box .detect-tip-box .desc{display:none}#action-container .action-content .detect-box .right-box.done .done-tip{display:none}}