@property --sf-image-to-image-relevant-btn-background-from{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,.3)}@property --sf-image-to-image-relevant-btn-background-to{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,.3)}@property --sf-image-to-image-template-tab-background-from{syntax:"<color>";inherits:false;initial-value:#7024cd}@property --sf-image-to-image-template-tab-background-to{syntax:"<color>";inherits:false;initial-value:#7024cd}@supports not (property: --sf-image-to-image-relevant-btn-background-from){:root{--sf-image-to-image-relevant-btn-background-from: rgba(0, 0, 0, 0.3);--sf-image-to-image-relevant-btn-background-to: rgba(0, 0, 0, 0.3);--sf-image-to-image-template-tab-background-from: #7024cd;--sf-image-to-image-template-tab-background-to: #7024cd}}.sf-image-to-image-v1{--sf-image-to-image-gap: 16px;--sf-image-to-image-generate-height: 102px;display:flex;flex-direction:row;gap:var(--sf-image-to-image-gap);margin-bottom:30px;width:100%;height:calc(var(--vh) - var(--sf-header-height) - 32px);min-height:500px;max-height:850px}.sf-image-to-image-v1[action=image_image_to_image] .sf-image-to-image__template__wrapper[action=image_image_to_image]{display:flex}.sf-image-to-image-v1 [v-cloak]{display:none !important}.sf-image-to-image-v1[upload] .sf-image-to-image__upload{height:190px}.sf-image-to-image-v1 .sf-image-to-image__action{position:relative;max-width:600px;min-width:320px;width:33.3%;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__action .sf-image-to-image__block:last-child{margin-bottom:var(--sf-image-to-image-generate-height)}.sf-image-to-image-v1 .sf-image-to-image__scroll{max-height:100%;overflow-y:scroll;overscroll-behavior:none}.sf-image-to-image-v1 .sf-image-to-image__showcase{display:flex;flex-direction:column;gap:var(--sf-image-to-image-gap);flex:1;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__card{padding:var(--sf-image-to-image-gap);padding-right:0;background:var(--sf-background-regular);border-radius:16px}.sf-image-to-image-v1 .sf-image-to-image__block{display:flex;flex-direction:column;gap:10px;padding-right:calc(var(--sf-image-to-image-gap) - var(--sf-scrollbar-width, 0px))}.sf-image-to-image-v1 .sf-image-to-image__block+.sf-image-to-image__block{margin-top:calc(var(--sf-image-to-image-gap)*1.05)}.sf-image-to-image-v1 .sf-image-to-image__block__header{display:flex;flex-direction:row;justify-content:space-between}.sf-image-to-image-v1 .sf-image-to-image__block__header--left{display:flex;flex-direction:row;align-items:center;gap:6px}.sf-image-to-image-v1 .sf-image-to-image__block__title{color:#fff;font-size:16px;font-weight:500}.sf-image-to-image-v1 .sf-image-to-image__block__title[strong]{color:#fff}.sf-image-to-image-v1 .sf-image-to-image__block__tip{display:flex;flex-direction:row;align-items:center;gap:4px;color:#fff;font-size:14px;text-decoration:none;opacity:.7}.sf-image-to-image-v1 .sf-image-to-image__block__tip::after{content:"";width:1em;height:1em;background-image:url("/static/icons/48x48/icon-information-circle.webp");background-repeat:no-repeat;background-position:center;background-size:100%}.sf-image-to-image-v1 .sf-image-to-image__functabs{display:flex;flex-direction:row;gap:6px;padding:6px;background:var(--sf-background-normal);border-radius:16px}.sf-image-to-image-v1 .sf-image-to-image__functabs__item{flex:1;height:35px;color:#fff;font-size:14px;border-radius:10px}.sf-image-to-image-v1 .sf-image-to-image__functabs__item:not([s-active]){opacity:.7}.sf-image-to-image-v1 .sf-image-to-image__functabs__item[s-active]{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.7)}.sf-image-to-image-v1 .sf-image-to-image__functabs__item .sf-button__icon{width:1.2em;height:1.2em}.sf-image-to-image-v1 .sf-image-to-image__upload{position:relative;padding:0px 6px;width:100%;height:170px;background:var(--sf-background-normal);border-radius:16px;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__upload[s-active],.sf-image-to-image-v1 .sf-image-to-image__upload:disabled{opacity:1 !important}.sf-image-to-image-v1 .sf-image-to-image__upload{border:1px dashed rgba(0,0,0,0);transition:border-color .2s}.sf-image-to-image-v1 .sf-image-to-image__upload:has(img[src=""],img:not([src])):hover{border-color:hsla(0,0%,100%,.5)}.sf-image-to-image-v1 .sf-image-to-image__upload:hover .sf-image-to-image__upload__placeholder{color:#fff}.sf-image-to-image-v1 .sf-image-to-image__upload:hover .sf-image-to-image__upload__placeholder__icon{opacity:1}.sf-image-to-image-v1 .sf-image-to-image__upload__preview{max-width:100%;max-height:100%;object-fit:contain}.sf-image-to-image-v1 .sf-image-to-image__upload__preview:not([src]),.sf-image-to-image-v1 .sf-image-to-image__upload__preview[src=""]{display:none}.sf-image-to-image-v1 .sf-image-to-image__upload__preview:not([src])~.sf-image-to-image__upload__placeholder,.sf-image-to-image-v1 .sf-image-to-image__upload__preview[src=""]~.sf-image-to-image__upload__placeholder{display:flex}.sf-image-to-image-v1 .sf-image-to-image__upload__preview:not([src])~.sf-image-to-image__upload__tools,.sf-image-to-image-v1 .sf-image-to-image__upload__preview:not([src])~.sf-image-to-image__upload__toolbar,.sf-image-to-image-v1 .sf-image-to-image__upload__preview[src=""]~.sf-image-to-image__upload__tools,.sf-image-to-image-v1 .sf-image-to-image__upload__preview[src=""]~.sf-image-to-image__upload__toolbar{display:none !important}.sf-image-to-image-v1 .sf-image-to-image__upload__placeholder{display:none;flex-direction:column;align-items:center;gap:10px;color:hsla(0,0%,100%,.8);transition:color .2s}.sf-image-to-image-v1 .sf-image-to-image__upload__placeholder__icon{width:80px;height:80px;opacity:.7;transition:opacity .2s}.sf-image-to-image-v1 .sf-image-to-image__upload__tools{position:absolute;width:32px;height:32px;color:#fff;background:rgba(0,0,0,.5);font-size:18px;border-radius:10px}.sf-image-to-image-v1 .sf-image-to-image__upload__tools:hover{color:#921dff}.sf-image-to-image-v1 .sf-image-to-image__upload__toolbar{position:absolute;top:calc(var(--sf-image-to-image-gap)*.6);right:calc(var(--sf-image-to-image-gap)*.6);display:flex;flex-direction:column;gap:calc(var(--sf-image-to-image-gap)*.6);z-index:1}.sf-image-to-image-v1 .sf-image-to-image__upload__toolbar .sf-image-to-image__upload__tools{position:static}.sf-image-to-image-v1 .sf-image-to-image__upload__view{bottom:calc(var(--sf-image-to-image-gap)*.6);right:calc(var(--sf-image-to-image-gap)*.6)}.sf-image-to-image-v1 .sf-image-to-image__prompt{gap:0}.sf-image-to-image-v1 .sf-image-to-image__generate{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(var(--sf-image-to-image-gap)*.8) var(--sf-image-to-image-gap);width:100%;height:var(--sf-image-to-image-generate-height);background:var(--sf-background-normal);border-top:1px solid hsla(0,0%,100%,.15);z-index:1000}.sf-image-to-image-v1 .sf-image-to-image__generate-btn{width:100%;height:40px;font-size:16px;border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__generate-btn .sf-button__icon{width:1em;height:1em}.sf-image-to-image-v1 .sf-image-to-image__relevant{display:flex;flex-direction:row;gap:var(--sf-image-to-image-gap)}.sf-image-to-image-v1 .sf-image-to-image__relevant--mobile{display:none;overflow-x:scroll}.sf-image-to-image-v1 .sf-image-to-image__relevant__item{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-shrink:0;gap:6px;padding:10px;aspect-ratio:3.98/1.27;min-height:110px;max-height:130px;color:#fff;background-color:#210b3c;border-radius:16px;overflow:hidden;text-decoration:none;z-index:1}.sf-image-to-image-v1 .sf-image-to-image__relevant__item:hover .sf-image-to-image__relevant__btn{--sf-image-to-image-relevant-btn-background-from: #7024cd;--sf-image-to-image-relevant-btn-background-to: #8f24cd;color:#fff;opacity:1}.sf-image-to-image-v1 .sf-image-to-image__relevant__item:hover .sf-image-to-image__relevant__btn::after{opacity:1}.sf-image-to-image-v1 .sf-image-to-image__relevant__media{position:absolute;inset:0;width:100%;height:100%;background:var(--sf-image-to-image-relevant-bg);z-index:-1}.sf-image-to-image-v1 .sf-image-to-image__relevant__media::before{content:"";position:absolute;left:-45%;top:-150%;width:100%;height:500%;background:var(--sf-image-to-image-relevant-bg);filter:var(--sf-image-to-image-relevant-filter);z-index:1}.sf-image-to-image-v1 .sf-image-to-image__relevant__media video,.sf-image-to-image-v1 .sf-image-to-image__relevant__media img{position:absolute;right:-1px;width:60%;height:100%;object-fit:cover;z-index:-1}.sf-image-to-image-v1 .sf-image-to-image__relevant__media video[src=""],.sf-image-to-image-v1 .sf-image-to-image__relevant__media video:not([src]),.sf-image-to-image-v1 .sf-image-to-image__relevant__media img[src=""],.sf-image-to-image-v1 .sf-image-to-image__relevant__media img:not([src]){display:none}.sf-image-to-image-v1 .sf-image-to-image__relevant__content{position:relative;width:70%}.sf-image-to-image-v1 .sf-image-to-image__relevant__title{font-size:18px;font-weight:500;line-height:1.2;white-space:nowrap}.sf-image-to-image-v1 .sf-image-to-image__relevant__desc{margin-top:4px;max-width:150px;font-size:14px;line-height:1.2;opacity:.7}.sf-image-to-image-v1 .sf-image-to-image__relevant__btn{position:relative;display:flex;flex-direction:row;align-items:center;gap:4px;padding:3px 10px;font-size:12px;color:hsla(0,0%,100%,.8);background:linear-gradient(93deg, var(--sf-image-to-image-relevant-btn-background-from) 0%, var(--sf-image-to-image-relevant-btn-background-to) 100%);border-radius:8px;opacity:0;transition:opacity .3s,--sf-image-to-image-relevant-btn-background-from .3s,--sf-image-to-image-relevant-btn-background-to .3s}.sf-image-to-image-v1 .sf-image-to-image__relevant__btn::after{content:"";display:block;width:1.2em;height:1.2em;opacity:.8;background-image:url("/static/icons/40x40/icon-arrow-right-02-round.webp");background-repeat:no-repeat;background-size:100%}.sf-image-to-image-v1 .sf-image-to-image__showcase__main{display:flex;flex-direction:column;gap:var(--sf-image-to-image-gap);flex:1;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__showcase__main[active=template] .sf-image-to-image__showcase__tab[to=template]{color:#fff;background:linear-gradient(131deg, #8a2aff 0%, #d336ff 100%)}.sf-image-to-image-v1 .sf-image-to-image__showcase__main[active=template] .sf-image-to-image__showcase__tab__container[from=template]{display:flex}.sf-image-to-image-v1 .sf-image-to-image__showcase__main[active=history] .sf-image-to-image__showcase__tab[to=history]{color:#fff;background:linear-gradient(131deg, #8a2aff 0%, #d336ff 100%)}.sf-image-to-image-v1 .sf-image-to-image__showcase__main[active=history] .sf-image-to-image__showcase__tab[to=history][dot]{content:none}.sf-image-to-image-v1 .sf-image-to-image__showcase__main[active=history] .sf-image-to-image__showcase__tab__container[from=history]{display:flex}.sf-image-to-image-v1 .sf-image-to-image__showcase__main[active=history] .sf-image-to-image__showcase__more[from=history]{display:flex}.sf-image-to-image-v1 .sf-image-to-image__showcase__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:var(--sf-image-to-image-gap)}.sf-image-to-image-v1 .sf-image-to-image__showcase__tabs{display:flex;flex-direction:row;align-items:center;gap:4px;padding:2px;background:#2c263d;border-radius:10px}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab{padding:6px 15px;color:hsla(0,0%,100%,.7);border-radius:8px;font-size:14px;transition:color .2s}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab:hover{color:#fff}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab[dot]{position:relative}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab[dot]::after{content:"";position:absolute;top:2px;right:4px;width:6px;height:6px;background:#eb4b6b;border-radius:999px}.sf-image-to-image-v1 .sf-image-to-image__showcase__more{display:none;padding:6px 12px;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;font-size:14px;transition:.2s}.sf-image-to-image-v1 .sf-image-to-image__showcase__more:hover{color:#fff}.sf-image-to-image-v1 .sf-image-to-image__showcase__body{flex:1;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab__container{display:none;height:100%}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab__container[from=history]{gap:var(--sf-image-to-image-gap)}.sf-image-to-image-v1 .sf-image-to-image__style__card{background:#1f1b2b;border:1px solid #231f2f;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.sf-image-to-image-v1 .sf-image-to-image__style__card .sf-container-scroll__container{gap:8px}.sf-image-to-image-v1 .sf-image-to-image__style__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sf-image-to-image-v1 .sf-image-to-image__style__header--right{display:flex;flex-direction:row;align-items:center;gap:8px}.sf-image-to-image-v1 .sf-image-to-image__style__header .sf-container-scroll__scroll-btn{width:20px;height:20px;font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__style__item{cursor:pointer;display:flex;flex-direction:column;gap:6px}.sf-image-to-image-v1 .sf-image-to-image__style__item:hover:not([s-active]) .sf-image-to-image__style__media{outline:2px solid #921dff;outline-offset:-2px}.sf-image-to-image-v1 .sf-image-to-image__style__item[s-active] .sf-image-to-image__style__media{outline:2px solid #921dff;outline-offset:-2px}.sf-image-to-image-v1 .sf-image-to-image__style__media{width:117px;height:167px;border-radius:8px;overflow:hidden;outline:2px solid rgba(0,0,0,0);outline-offset:-2px;transition:outline-color .2s}.sf-image-to-image-v1 .sf-image-to-image__style__media img{width:100%;height:100%;object-fit:cover}.sf-image-to-image-v1 .sf-image-to-image__style__label{font-size:12px;color:hsla(0,0%,100%,.7);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:94px}.sf-image-to-image-v1 .sf-image-to-image__history{display:flex;flex-direction:row;gap:var(--sf-image-to-image-gap);flex:1;min-height:240px}.sf-image-to-image-v1 .sf-image-to-image__history[empty=true] .sf-image-to-image__history__placeholder{display:flex}.sf-image-to-image-v1 .sf-image-to-image__history[empty=true] .sf-image-to-image__history__showcase,.sf-image-to-image-v1 .sf-image-to-image__history[empty=true] .sf-image-to-image__history__list{display:none}.sf-image-to-image-v1 .sf-image-to-image__history__placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--sf-image-to-image-gap)*.7);flex:1;margin-right:var(--sf-image-to-image-gap);background:var(--sf-background-normal);border-radius:12px;scroll-behavior:smooth;color:hsla(0,0%,100%,.7)}.sf-image-to-image-v1 .sf-image-to-image__history__placeholder__btn{padding:6px 16px;color:#fff;background:hsla(0,0%,100%,.15);border-radius:10px;transition:.2s}.sf-image-to-image-v1 .sf-image-to-image__history__placeholder__btn:hover{background:hsla(0,0%,100%,.2)}.sf-image-to-image-v1 .sf-image-to-image__history__showcase{flex:1;border-radius:14px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__list{display:flex;flex-direction:column;gap:calc(var(--sf-image-to-image-gap)*.7);max-height:100%;overflow-y:scroll;overscroll-behavior:none;list-style:none;scroll-behavior:smooth}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__item{padding:var(--sf-image-to-image-gap);background:var(--sf-background-normal);border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__item--skeleton{width:100%;height:340px;background:var(--sf-background-normal);border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__item--skeleton::after{animation-duration:1.3s}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__header--top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__header--bottom{display:flex;flex-direction:row}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__header--left{display:flex;flex-direction:row;align-items:center;gap:8px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__header--right{display:flex;flex-direction:row;gap:calc(var(--sf-image-to-image-gap)*.7)}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__title{font-size:16px;font-weight:500;line-height:1.2}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__contrast{--sf-button-transition: filter 0.3s;padding:3px 8px 3px 6px;color:hsla(0,0%,100%,.8);background:#2c263d;border-radius:8px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__contrast img{width:14px;height:20px;object-fit:cover;border-radius:4px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__contrast:hover{filter:brightness(1.2)}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup{position:fixed;padding:12px;max-width:560px;width:100%;z-index:999}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup:hover{display:block !important}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup[data-layout=col]{max-width:360px}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup[data-layout=col] .sf-image-to-image__history__contrast__popup__container{flex-direction:column}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__container{display:flex;flex-direction:row;gap:12px;padding:12px;max-width:100%;background:var(--sf-background-light);box-shadow:0px 0px 30px 0px rgba(143,36,205,.15);border:1px solid hsla(0,0%,100%,.15);border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__preview{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__preview__wrapper{position:relative;display:flex;align-items:center;justify-content:center}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__preview__title{line-height:1.2}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__media{max-width:100%;max-height:100%;border-radius:8px}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__media:is(img){pointer-events:none;user-select:none;-webkit-user-drag:none}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__media:not([src])~.sf-image-to-image__history__contrast__popup__media-view,.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__media[src=""]~.sf-image-to-image__history__contrast__popup__media-view{display:none}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__media-view{position:absolute;right:8px;bottom:8px;padding:6px;color:#fff;background:rgba(0,0,0,.5);border-radius:6px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__tool{color:#fff;font-size:18px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__tool:hover{color:#921dff}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__prompt{margin-top:8px;color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.2}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__prompt-copy{display:inline-flex;margin-left:4px;color:inherit;width:1.2em;height:1.2em;font-size:inherit;vertical-align:middle}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__prompt-copy:hover{color:#fff}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__prompt-copy .sf-button__icon{width:100%;height:100%}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__body{position:relative;margin-top:var(--sf-image-to-image-gap);background-image:var(--background);background-position:center;background-repeat:no-repeat;background-size:100%;border-radius:10px;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__body .sf-tag{position:absolute;top:calc(var(--sf-image-to-image-gap)*.5);left:calc(var(--sf-image-to-image-gap)*.5);border-radius:6px;cursor:default}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__toolbar{position:absolute;top:calc(var(--sf-image-to-image-gap)*.5);right:calc(var(--sf-image-to-image-gap)*.5);display:flex;flex-direction:column;gap:calc(var(--sf-image-to-image-gap)*.5);z-index:9}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__toolbar .sf-button{width:30px;height:30px;color:#fff;background:rgba(0,0,0,.5);border-radius:10px;font-size:18px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__toolbar .sf-button:hover{color:#921dff}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__wrapper{display:flex;align-items:center;justify-content:center;height:360px;background:rgba(0,0,0,.15);backdrop-filter:blur(24px);border-radius:inherit;transform:translate3d(0, 0, 0)}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sf-background-light);width:100%;height:100%}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__logo{width:48px;height:48px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__title{margin-top:12px;line-height:1.2}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__desc{color:hsla(0,0%,100%,.7);line-height:1.2}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress-bar{width:240px;height:14px;background:var(--sf-background-normal);border-radius:999px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress-val{width:var(--progress, 0%);height:100%;background:linear-gradient(90deg, #8a2aff 0%, #ac41fb 100%);border-radius:999px;transition:width .2s;will-change:width}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress-label{color:#8a2aff}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__failed,.sf-image-to-image-v1 .sf-image-to-image__history__showcase__moderation{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--sf-background-light);border-radius:inherit;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__failed__icon,.sf-image-to-image-v1 .sf-image-to-image__history__showcase__moderation__icon{margin-bottom:10px;width:108px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__failed__title,.sf-image-to-image-v1 .sf-image-to-image__history__showcase__failed__desc,.sf-image-to-image-v1 .sf-image-to-image__history__showcase__moderation__title,.sf-image-to-image-v1 .sf-image-to-image__history__showcase__moderation__desc{color:hsla(0,0%,100%,.9);font-size:13px;line-height:1.2}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__failed__desc,.sf-image-to-image-v1 .sf-image-to-image__history__showcase__moderation__desc{margin-top:2px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__failed__confirm{margin-top:10px;padding:5px 16px;color:#fff;background:hsla(0,0%,100%,.15);border-radius:12px;border:1px solid hsla(0,0%,100%,.7);font-size:14px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__not-found{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--sf-background-light);border-radius:inherit;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__media{max-width:100%;max-height:100%}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--sf-image-to-image-gap)*.6);margin-top:var(--sf-image-to-image-gap)}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__footer .sf-button{padding:6px 14px;border-radius:10px}.sf-image-to-image-v1 .sf-image-to-image__history__list{display:flex;flex-direction:column;gap:calc(var(--sf-image-to-image-gap)*.5);padding-right:calc(var(--sf-image-to-image-gap) - var(--sf-scrollbar-width, 0px));height:100%;list-style:none;overflow-y:scroll;overscroll-behavior:none}.sf-image-to-image-v1 .sf-image-to-image__history__item{position:relative;display:flex;flex-shrink:0;width:110px;aspect-ratio:9/13;background:var(--sf-background-normal);border-radius:10px;border:2px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer}.sf-image-to-image-v1 .sf-image-to-image__history__item:hover,.sf-image-to-image-v1 .sf-image-to-image__history__item[s-active],.sf-image-to-image-v1 .sf-image-to-image__history__item[active=true]{border-color:#8a2aff}.sf-image-to-image-v1 .sf-image-to-image__history__item:hover .sf-image-to-image__history__item__poster,.sf-image-to-image-v1 .sf-image-to-image__history__item[s-active] .sf-image-to-image__history__item__poster,.sf-image-to-image-v1 .sf-image-to-image__history__item[active=true] .sf-image-to-image__history__item__poster{filter:blur(8px) brightness(1.2)}.sf-image-to-image-v1 .sf-image-to-image__history__item:hover .sf-image-to-image__history__item__delete{display:flex}.sf-image-to-image-v1 .sf-image-to-image__history__item--skeleton{width:110px;aspect-ratio:9/13;border-radius:10px}.sf-image-to-image-v1 .sf-image-to-image__history__item .sf-tag{position:absolute;top:6px;left:6px;border-radius:8px}.sf-image-to-image-v1 .sf-image-to-image__history__item__poster{width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(0.8);transform:translate3d(0, 0, 0);transition:filter .2s}.sf-image-to-image-v1 .sf-image-to-image__history__item__poster:not([src]),.sf-image-to-image-v1 .sf-image-to-image__history__item__poster[src=""]{display:none}.sf-image-to-image-v1 .sf-image-to-image__history__item__delete{position:absolute;top:6px;right:6px;display:none;padding:4px;color:#fff;background:rgba(0,0,0,.3);border-radius:6px;transition:.2s}.sf-image-to-image-v1 .sf-image-to-image__history__item__delete:hover{color:#921dff}.sf-image-to-image-v1 .sf-image-to-image__template{padding-right:0;height:100%}.sf-image-to-image-v1 .sf-image-to-image__template .sf-image-to-image__block__body{flex:1;overflow:hidden}.sf-image-to-image-v1 .sf-image-to-image__template .sf-image-to-image__block__title{color:#fff}.sf-image-to-image-v1 .sf-image-to-image__template__wrapper{display:none;flex-direction:column;gap:8px;height:100%}.sf-image-to-image-v1 .sf-image-to-image__template__header{display:flex;flex-direction:row;align-items:center;gap:6px}.sf-image-to-image-v1 .sf-image-to-image__template__tab{display:flex;align-items:center;gap:4px;padding:1px 8px;background:linear-gradient(92deg, var(--sf-image-to-image-template-tab-background-from) 0%, var(--sf-image-to-image-template-tab-background-to) 100%);opacity:.7;border-radius:8px;font-size:13px;transition:opacity .2s,--sf-image-to-image-template-tab-background-from .2s,--sf-image-to-image-template-tab-background-to .2s;cursor:pointer}.sf-image-to-image-v1 .sf-image-to-image__template__tab[s-active]{opacity:1;--sf-image-to-image-template-tab-background-from: #7024cd;--sf-image-to-image-template-tab-background-to: #8f24cd}.sf-image-to-image-v1 .sf-image-to-image__template__tab__icon{width:1em;height:1em}.sf-image-to-image-v1 .sf-image-to-image__template__body{padding-right:calc(var(--sf-image-to-image-gap) - var(--sf-scrollbar-width, 0px));flex:1;overflow-y:scroll;overscroll-behavior:none}.sf-image-to-image-v1 .sf-image-to-image__template__tab__container{display:none}.sf-image-to-image-v1 .sf-image-to-image__template__tab__container[s-active]{display:block}.sf-image-to-image-v1 .sf-image-to-image__template__list{--template-columns: 5;--template-gap: calc(var(--sf-image-to-image-gap) * 0.7);--template-padding: calc(var(--sf-image-to-image-gap) * 0.6);column-count:var(--template-columns);column-gap:var(--template-gap);list-style:none}@media screen and (max-width: 1440px){.sf-image-to-image-v1 .sf-image-to-image__template__list{--template-columns: 4}}@media screen and (max-width: 600px){.sf-image-to-image-v1 .sf-image-to-image__template__list{--template-columns: 3}}@media screen and (max-width: 380px){.sf-image-to-image-v1 .sf-image-to-image__template__list{--template-columns: 2}}.sf-image-to-image-v1 .sf-image-to-image__template__list__item{position:relative;display:flex;margin-bottom:var(--template-gap);border-radius:8px;cursor:pointer;overflow:hidden;break-inside:avoid}.sf-image-to-image-v1 .sf-image-to-image__template__list__item:hover .sf-image-to-image__template__btn{opacity:1}.sf-image-to-image-v1 .sf-image-to-image__template__media{width:100%;height:100%;border-radius:inherit;object-fit:cover;transition:border-color .2s}.sf-image-to-image-v1 .sf-image-to-image__template__btn{position:absolute;left:var(--template-padding);bottom:var(--template-padding);gap:4px;width:calc(100% - var(--template-padding)*2);height:30px;color:#fff;background:linear-gradient(93deg, #921dff 0%, #f12dff 100%);box-shadow:0px 0px 20px 4px rgba(163,51,255,.25),inset 4px 5px 10px 0px hsla(0,0%,100%,.25),inset -1px -3px 7px 0px hsla(0,0%,100%,.25);font-size:14px;opacity:0;border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__template__btn::before{content:none}.sf-image-to-image-v1 .sf-image-to-image__template__btn .sf-button__icon{width:1em;height:1em}.sf-image-to-image-v1 .sf-image-to-image__template__count{position:absolute;top:12px;right:12px;display:flex;flex-direction:row;align-items:center;gap:2px;padding:1px 6px;background:rgba(0,0,0,.5);font-size:11px;border-radius:999px}.sf-image-to-image-v1 .sf-image-to-image__template__count::before{content:"";display:block;width:1em;height:1em;background-image:url("/static/icons/24x24/icon-fire.svg");background-repeat:no-repeat;background-size:100%}@media screen and (max-width: 880px){:root{--sf-foo-view-margin-bottom: 40px;--sf-footer-padding-bottom: 40px}.sf-image-to-image-v1{--sf-image-to-image-gap: 12px;--sf-image-to-image-generate-height: 88px;flex-direction:column;height:auto;max-height:none;min-height:auto}.sf-image-to-image-v1 .sf-image-to-image__relevant--desktop{display:none}.sf-image-to-image-v1 .sf-image-to-image__relevant--mobile{display:flex}.sf-image-to-image-v1 .sf-image-to-image__relevant__item{padding:8px;aspect-ratio:14.8/7;min-height:auto;min-width:198px;border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__relevant__media::before{left:-40%}.sf-image-to-image-v1 .sf-image-to-image__relevant__title{font-size:14px}.sf-image-to-image-v1 .sf-image-to-image__relevant__desc{font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__relevant__btn{font-size:10px;opacity:1}.sf-image-to-image-v1 .sf-image-to-image__functabs{gap:4px;padding:4px;border-radius:14px}.sf-image-to-image-v1 .sf-image-to-image__functabs__item{height:32px;font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__card{border-radius:12px}.sf-image-to-image-v1 .sf-image-to-image__action{width:100%;max-width:none}.sf-image-to-image-v1 .sf-image-to-image__action .sf-image-to-image__block:last-child{margin-bottom:0}.sf-image-to-image-v1 .sf-image-to-image__upload{height:140px;border-radius:14px}.sf-image-to-image-v1 .sf-image-to-image__upload .sf-image-to-image__upload__tools{display:flex}.sf-image-to-image-v1 .sf-image-to-image__upload__placeholder__icon{width:56px;height:56px}.sf-image-to-image-v1 .sf-image-to-image__upload__placeholder__desc{font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__upload__tools{width:28px;height:28px;font-size:14px;border-radius:8px}.sf-image-to-image-v1 .sf-image-to-image__showcase__main{flex-direction:column}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab{padding:4px 11px;font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__showcase__more{padding:4px 8px;border-radius:8px;font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__showcase__tab__container[from=history]{padding-right:var(--sf-image-to-image-gap);flex-direction:column}.sf-image-to-image-v1 .sf-image-to-image__history{flex-direction:column}.sf-image-to-image-v1 .sf-image-to-image__history__showcase{flex:none}.sf-image-to-image-v1 .sf-image-to-image__history__placeholder svg{width:32px;height:32px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__list{flex-direction:row;overscroll-behavior:auto;overflow-x:scroll;scroll-snap-type:x mandatory}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__footer .sf-button{font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__container{gap:8px;padding:8px}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__preview{gap:4px}.sf-image-to-image-v1 .sf-image-to-image__history__contrast__popup__preview__title{font-size:13px}.sf-image-to-image-v1 .sf-image-to-image__history__list{flex-direction:row}.sf-image-to-image-v1 .sf-image-to-image__history__item{width:90px;aspect-ratio:1/1;border-radius:8px}.sf-image-to-image-v1 .sf-image-to-image__history__item:hover{border-color:rgba(0,0,0,0)}.sf-image-to-image-v1 .sf-image-to-image__history__item[active=true]{border-color:#8a2aff}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__item{flex-shrink:0;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__title{font-size:14px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__tool{font-size:16px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__prompt{margin-top:4px;font-size:11px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__wrapper{height:240px;backdrop-filter:blur(12px)}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__toolbar .sf-button{width:24px;height:24px;border-radius:8px;font-size:15px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__logo{width:34px;height:34px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__title{margin-top:8px;font-size:14px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__desc{font-size:11px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress{margin-top:6px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress-bar{height:8px}.sf-image-to-image-v1 .sf-image-to-image__history__showcase__loading__progress-label{font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__template__body{max-height:360px;overscroll-behavior:auto}.sf-image-to-image-v1 .sf-image-to-image__template__btn{opacity:1 !important;font-size:12px}.sf-image-to-image-v1 .sf-image-to-image__scroll{overscroll-behavior:auto}.sf-image-to-image-v1 .sf-image-to-image__generate{position:fixed}.sf-image-to-image-v1 .sf-image-to-image__generate-btn{height:36px;font-size:14px;border-radius:16px}.sf-image-to-image-v1 .sf-image-to-image__block__title{font-size:14px}.sf-image-to-image-v1 .sf-image-to-image__template__tab{font-size:12px}}