.my-image-to-image-v2{--my-i2i-padding: 16px;--my-i2i-footer-height: 100px;display:flex;flex-direction:row;margin-bottom:30px;width:100%;height:calc(var(--vh) - var(--my-header-height));min-height:500px;max-height:850px}.my-image-to-image-v2 .my-image-to-image__operation{position:relative;padding:var(--my-i2i-padding) 0 var(--my-i2i-padding) var(--my-i2i-padding);max-width:440px;width:100%;border-right:1px solid hsla(0,0%,100%,.2)}.my-image-to-image-v2 .my-image-to-image__operation__body{padding-right:calc(var(--my-i2i-padding) - var(--my-scrollbar-width, 0px));padding-bottom:var(--my-i2i-footer-height);max-height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:var(--my-i2i-padding)}.my-image-to-image-v2 .my-image-to-image__operation__footer{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--my-i2i-padding);width:100%;height:var(--my-i2i-footer-height);background:#121415;border-top:1px solid hsla(0,0%,100%,.07);z-index:99}.my-image-to-image-v2 .my-image-to-image__operation__footer .my-button{width:100%;height:40px;border-radius:16px;font-size:14px}.my-image-to-image-v2[upload=""] .my-image-to-image__upload-btn,.my-image-to-image-v2:not([upload]) .my-image-to-image__upload-btn{display:flex}.my-image-to-image-v2[upload=""] .my-image-to-image__generate-btn,.my-image-to-image-v2:not([upload]) .my-image-to-image__generate-btn{display:none}.my-image-to-image-v2[upload]:not([upload=""]) .my-image-to-image__upload-btn{display:none}.my-image-to-image-v2[upload]:not([upload=""]) .my-image-to-image__generate-btn{display:flex}.my-image-to-image-v2 .my-image-to-image__upload-btn{display:none}.my-image-to-image-v2 .my-image-to-image__nav__wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;list-style:none}.my-image-to-image-v2 .my-image-to-image__nav__item{display:flex;flex-direction:column;align-items:center;padding:0 8px;color:hsla(0,0%,100%,.8);font-size:16px;font-weight:500;text-align:center;text-decoration:none}.my-image-to-image-v2 .my-image-to-image__nav__item::after{content:"";margin-top:8px;display:block;width:90%;height:3px;background:rgba(0,0,0,0);border-radius:999px}.my-image-to-image-v2 .my-image-to-image__nav__item[s-active]{color:#ff4180}.my-image-to-image-v2 .my-image-to-image__nav__item[s-active]::after{background:#ff4180}.my-image-to-image-v2 my-upload{display:block;height:200px}.my-image-to-image-v2 .my-image-to-image__scroll-section{padding:12px;background:#16191b;border:1px solid hsla(0,0%,100%,.07);border-radius:12px}.my-image-to-image-v2 .my-image-to-image__scroll-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.my-image-to-image-v2 .my-image-to-image__scroll-title{color:#fff;font-size:16px;font-weight:500;line-height:1.21}.my-image-to-image-v2 .my-image-to-image__scroll-header--right{display:flex;flex-direction:row;align-items:center;gap:8px}.my-image-to-image-v2 .my-image-to-image__scroll-header--right .my-container-scroll__scroll-btn{padding:3px}.my-image-to-image-v2 .my-image-to-image__scroll-body{margin-top:6px}.my-image-to-image-v2 .my-image-to-image__sample__item{display:flex;flex-shrink:0;width:80px;border-radius:10px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;transition:.2s;cursor:pointer}.my-image-to-image-v2 .my-image-to-image__sample__item+.my-image-to-image__sample__item{margin-left:10px}.my-image-to-image-v2 .my-image-to-image__sample__item[s-active],.my-image-to-image-v2 .my-image-to-image__sample__item:hover{border-color:#ff4180}.my-image-to-image-v2 .my-image-to-image__sample__item img{display:block;width:100%;height:120px;object-fit:cover}.my-image-to-image-v2 .my-image-to-image__menu{padding:var(--my-i2i-padding) 0 var(--my-i2i-padding) var(--my-i2i-padding);width:430px;flex-shrink:0;background:#121415;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid hsla(0,0%,100%,.07)}.my-image-to-image-v2 .my-image-to-image__tab-bar{display:flex;justify-content:center;flex-shrink:0;margin-right:var(--my-i2i-padding);margin-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.1)}.my-image-to-image-v2 .my-image-to-image__tab-btn{position:relative;padding:4px 16px 12px 16px;background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.8);font-size:16px;font-weight:400;cursor:pointer;transition:color .15s}.my-image-to-image-v2 .my-image-to-image__tab-btn::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:3px;background:#ff4180;border-radius:10px;transition:width .2s}.my-image-to-image-v2 .my-image-to-image__tab-btn[s-active]{color:#ff4180;font-weight:500}.my-image-to-image-v2 .my-image-to-image__tab-btn[s-active]::after{width:50%}.my-image-to-image-v2 .my-image-to-image__preset{display:none;flex:1;min-height:0}.my-image-to-image-v2 .my-image-to-image__preset[s-active]{display:block;overflow-y:scroll;padding-right:calc(var(--my-i2i-padding) - var(--my-scrollbar-width, 0px))}.my-image-to-image-v2 .my-image-to-image__preset__grid{--column-count: 3;--gap: calc(var(--my-i2i-padding) * 0.8);list-style:none;columns:var(--column-count);gap:var(--gap)}.my-image-to-image-v2 .my-image-to-image__preset__item{position:relative;display:flex;flex-direction:column;margin-bottom:var(--gap);border-radius:12px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:border-color .2s}.my-image-to-image-v2 .my-image-to-image__preset__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.my-image-to-image-v2 .my-image-to-image__preset__item span{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.6));color:#fff;font-size:12px;text-align:center}.my-image-to-image-v2 .my-image-to-image__preset__item:hover img{transform:scale(1.05)}.my-image-to-image-v2 .my-image-to-image__preset__item[s-active]{border-color:#ff4180}.my-image-to-image-v2 .my-image-to-image__custom{display:none;flex-direction:column;flex:1;overflow:hidden}.my-image-to-image-v2 .my-image-to-image__custom[s-active]{display:flex}.my-image-to-image-v2 .my-image-to-image__custom__inner{display:flex;flex-direction:column;flex:1;gap:10px;overflow-y:scroll;padding-right:calc(var(--my-i2i-padding) - var(--my-scrollbar-width, 0px))}.my-image-to-image-v2 my-textarea.my-image-to-image__custom__textarea{display:block;flex-shrink:0}.my-image-to-image-v2 .my-image-to-image__custom__section{flex-shrink:0}.my-image-to-image-v2 .my-image-to-image__custom__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;cursor:pointer}.my-image-to-image-v2 .my-image-to-image__custom__item+.my-image-to-image__custom__item{margin-left:10px}.my-image-to-image-v2 .my-image-to-image__custom__item__media{width:80px;aspect-ratio:3/5;border-radius:10px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;transition:border-color .2s}.my-image-to-image-v2 .my-image-to-image__custom__item__media img{display:block;width:100%;height:100%;object-fit:cover}.my-image-to-image-v2 .my-image-to-image__custom__item__label{font-size:12px;color:hsla(0,0%,100%,.8);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.my-image-to-image-v2 .my-image-to-image__custom__item[s-active] .my-image-to-image__custom__item__media{border-color:#ff4180}.my-image-to-image-v2 .my-image-to-image__custom__item[s-active] .my-image-to-image__custom__item__label{color:#ff4180}.my-image-to-image-v2 .my-image-to-image__custom__item:hover:not([s-active]) .my-image-to-image__custom__item__media{border-color:rgba(255,65,128,.5)}.my-image-to-image-v2 .my-image-to-image__color-row{display:none;flex-wrap:wrap;gap:8px;padding:12px 0 0 4px}.my-image-to-image-v2 .my-image-to-image__color-row.my-image-to-image__color-row--show{display:flex}.my-image-to-image-v2 .my-image-to-image__color-dot{width:24px;height:24px;border-radius:8px;flex-shrink:0;cursor:pointer;transition:box-shadow .15s}.my-image-to-image-v2 .my-image-to-image__color-dot:hover{box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.my-image-to-image-v2 .my-image-to-image__color-dot[s-active]{box-shadow:0 0 0 1.5px #121415,0 0 0 3.5px #fff}.my-image-to-image-v2 .my-image-to-image__result{flex:1;padding:var(--my-i2i-padding)}.my-image-to-image-v2[result] .my-image-to-image__result__wrapper{display:flex}.my-image-to-image-v2:not([result]) .my-image-to-image__result__placeholder{display:flex}.my-image-to-image-v2 .my-image-to-image__result__placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--my-i2i-padding);width:100%;height:100%}.my-image-to-image-v2 .my-image-to-image__result__placeholder__icon{display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.7}.my-image-to-image-v2 .my-image-to-image__result__placeholder__icon svg{width:1em;height:1em}.my-image-to-image-v2 .my-image-to-image__result__placeholder__title{max-width:310px;color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.2;text-align:center}.my-image-to-image-v2 .my-image-to-image__result__placeholder__btn{padding:8px 22px;color:#ff4180;background:rgba(255,65,128,.15);border-radius:12px}.my-image-to-image-v2 .my-image-to-image__result__placeholder__btn:hover{background:rgba(255,65,128,.25)}.my-image-to-image-v2 .my-image-to-image__result__wrapper{display:none;flex-direction:column;gap:calc(var(--my-i2i-padding)*2);width:100%;height:100%}.my-image-to-image-v2 .my-image-to-image__result__header__title{font-size:18px;font-weight:500}.my-image-to-image-v2 .my-image-to-image__result__body{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden}.my-image-to-image-v2 .my-image-to-image__result__preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#16191b;border-radius:16px;border:1px solid hsla(0,0%,100%,.07)}.my-image-to-image-v2 .my-image-to-image__result__media{max-width:100%;max-height:100%}.my-image-to-image-v2 .my-image-to-image__result__footer{display:flex;flex-direction:row;justify-content:center;gap:var(--my-i2i-padding)}.my-image-to-image-v2 .my-image-to-image__result__footer .my-button{padding:10px 24px;color:#121415;background:#fff;border-radius:12px;font-size:14px;line-height:1.2;text-align:center;transition:.3s}.my-image-to-image-v2 .my-image-to-image__result__footer .my-button:hover{color:#fff;background:#ff4180}.my-image-to-image-v2 .my-image-to-image__result__footer .my-button.my-image-to-image__result__download{font-size:16px;color:#fff;background:#ff4180}.my-image-to-image-v2 .my-image-to-image__result__footer .my-button.my-image-to-image__result__download:hover{filter:brightness(1.1)}.my-image-to-image-v2 .my-image-to-image__cost-credits{display:flex;align-items:center;justify-content:center;width:100%}@media screen and (max-width: 880px){.function-container .function-container__inner{background:var(--my-background)}.my-image-to-image-v2{--my-i2i-padding: 12px;--my-i2i-footer-height: 90px;flex-direction:column;height:auto;max-height:none;min-height:auto}.my-image-to-image-v2 .my-image-to-image__nav{max-width:100%;overflow-x:scroll}.my-image-to-image-v2 .my-image-to-image__nav__wrapper{justify-content:normal}.my-image-to-image-v2 .my-image-to-image__nav__wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:hsla(0,0%,100%,.08)}.my-image-to-image-v2 .my-image-to-image__nav__item{padding:0;margin:0 16px 0 0;font-size:16px;white-space:nowrap}.my-image-to-image-v2 .my-image-to-image__operation{max-width:100%;border-right:none}.my-image-to-image-v2 .my-image-to-image__operation__body{padding-bottom:0;overflow:visible}.my-image-to-image-v2 .my-image-to-image__operation__footer{position:fixed;bottom:0;z-index:9999}.my-image-to-image-v2 .my-image-to-image__sample__item{width:72px;border-radius:8px}.my-image-to-image-v2 .my-image-to-image__sample__item img{height:auto}.my-image-to-image-v2 .my-image-to-image__sample__item+.my-image-to-image__sample__item{margin-left:8px}.my-image-to-image-v2 .my-image-to-image__sample__item:hover:not([s-active]){border-color:rgba(0,0,0,0)}.my-image-to-image-v2 .my-image-to-image__scroll-section{padding:0 4px 0 0;background:rgba(0,0,0,0);border:none;border-radius:0}.my-image-to-image-v2 .my-image-to-image__menu{margin:0 6px 0 12px;width:calc(100% - 18px);background:#0d0f11;padding:12px;border:1px solid hsla(0,0%,100%,.07);border-radius:12px}.my-image-to-image-v2 .my-image-to-image__tab-bar{margin-right:0}.my-image-to-image-v2 .my-image-to-image__preset[s-active]{overflow-y:visible;padding-right:0}.my-image-to-image-v2 .my-image-to-image__scroll-title{font-size:14px}.my-image-to-image-v2 .my-image-to-image__custom__inner{padding-right:0;overflow-y:visible}.my-image-to-image-v2 .my-image-to-image__scroll-header--right .my-container-scroll__scroll-btn{padding:1px}.my-image-to-image-v2 .my-image-to-image__tab-btn{font-size:14px}.my-image-to-image-v2 .my-image-to-image__custom__item__media{width:62px;border-radius:8px}.my-image-to-image-v2 .my-image-to-image__custom__item__label{font-size:11px;max-width:56px;white-space:normal;text-align:center}.my-image-to-image-v2 .my-image-to-image__custom__item+.my-image-to-image__custom__item{margin-left:8px}.my-image-to-image-v2 .my-image-to-image__result__placeholder{gap:8px;padding:calc(var(--my-i2i-padding)*2) var(--my-i2i-padding);height:300px;background:var(--my-background-regular);border-radius:12px}.my-image-to-image-v2 .my-image-to-image__result__placeholder__icon{font-size:36px}.my-image-to-image-v2 .my-image-to-image__result__placeholder__title{font-size:12px}.my-image-to-image-v2 .my-image-to-image__result__placeholder__btn{padding:6px 18px;border-radius:8px}.my-image-to-image-v2 .my-image-to-image__result__body{padding:12px;background:var(--my-background-regular);border-radius:12px}.my-image-to-image-v2 .my-image-to-image__result__preview{border-radius:8px;overflow:hidden}.my-image-to-image-v2 .my-image-to-image__result__footer{flex-wrap:wrap}.my-image-to-image-v2 .my-image-to-image__result__footer .my-button{width:calc(50% - var(--my-i2i-padding)/2)}}