.my-image-to-image-v3{--my-i2i-padding: 16px;--my-i2i-footer-height: 100px;--my-i2i-accent: #ff4180;--my-i2i-accent-15: rgba(255, 65, 128, 0.15);--my-i2i-accent-25: rgba(255, 65, 128, 0.25);--my-i2i-accent-50: rgba(255, 65, 128, 0.5);--my-i2i-bg: #121415;--my-i2i-bg-card: #16191b;--my-i2i-border: rgba(255, 255, 255, 0.07);--my-i2i-border-light: rgba(255, 255, 255, 0.2);--my-i2i-text: rgba(255, 255, 255, 0.8);--my-i2i-text-dim: rgba(255, 255, 255, 0.7);display:flex;flex-direction:row;margin-bottom:30px;width:100%;height:calc(var(--vh) - var(--my-header-height));min-height:500px;max-height:850px}@media screen and (max-width: 880px){.my-image-to-image-v3{--my-i2i-padding: 12px;--my-i2i-footer-height: 90px;flex-direction:column;height:auto;max-height:none;min-height:auto}}.my-image-to-image-v3[upload=""] .my-image-to-image__upload-btn,.my-image-to-image-v3:not([upload]) .my-image-to-image__upload-btn{display:flex}.my-image-to-image-v3[upload=""] .my-image-to-image__generate-btn,.my-image-to-image-v3:not([upload]) .my-image-to-image__generate-btn{display:none}.my-image-to-image-v3[upload]:not([upload=""]) .my-image-to-image__upload-btn{display:none}.my-image-to-image-v3[upload]:not([upload=""]) .my-image-to-image__generate-btn{display:flex}.my-image-to-image-v3 .my-image-to-image__upload-btn{display:none}.my-image-to-image-v3[result] .my-image-to-image__result-wrapper{display:flex}.my-image-to-image-v3:not([result]) .my-image-to-image__result-placeholder{display:flex}.my-image-to-image-v3 .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 var(--my-i2i-border-light)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__operation{max-width:100%;border-right:none}}.my-image-to-image-v3 .my-image-to-image__operation-body{display:flex;flex-direction:column;gap:var(--my-i2i-padding);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}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__operation-body{padding-bottom:0;overflow:visible}}.my-image-to-image-v3 .my-image-to-image__operation-footer{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-small);padding:var(--my-i2i-padding);width:100%;height:var(--my-i2i-footer-height);background:var(--my-i2i-bg);border-top:1px solid var(--my-i2i-border);z-index:100}.my-image-to-image-v3 .my-image-to-image__operation-footer .my-button{width:100%;height:40px;border-radius:16px;font-size:14px}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__operation-footer{position:fixed;bottom:0;z-index:10000}}.my-image-to-image-v3 .my-image-to-image__nav{display:flex;justify-content:center}.my-image-to-image-v3 .my-image-to-image__nav-wrapper{display:flex;flex-direction:row;align-items:center;gap:4px;padding:3px;width:100%;border-radius:16px;border:1px solid hsla(0,0%,100%,.2);list-style:none}.my-image-to-image-v3 .my-image-to-image__nav-wrapper li{flex:1}.my-image-to-image-v3 .my-image-to-image__nav-item{display:flex;align-items:center;justify-content:center;padding:0 4px;width:100%;height:40px;border-radius:12px;color:hsla(0,0%,100%,.8);font-weight:500;font-size:14px;text-decoration:none;transition:.2s;white-space:nowrap}.my-image-to-image-v3 .my-image-to-image__nav-item:hover{color:#fff;background:hsla(0,0%,100%,.1)}.my-image-to-image-v3 .my-image-to-image__nav-item[s-active]{color:#fff;background:hsla(0,0%,100%,.2)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__nav-wrapper{width:100%;border-radius:14px;overflow-x:scroll}.my-image-to-image-v3 .my-image-to-image__nav-item{height:36px;font-size:14px;border-radius:10px}}.my-image-to-image-v3 .my-image-to-image__card{background:var(--my-i2i-bg-card);border:1px solid var(--my-i2i-border);border-radius:16px}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__card{background:rgba(0,0,0,0);border:none;border-radius:0}}.my-image-to-image-v3 my-upload{display:block;height:230px}@media screen and (min-width: 881px){.my-image-to-image-v3 my-upload{border:none}}.my-image-to-image-v3 .my-image-to-image__card-divider{height:1px;background:var(--my-i2i-border)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__card-divider{display:none}}.my-image-to-image-v3 .my-image-to-image__scroll-section{padding:12px 6px 12px 12px;max-height:400px;overflow-y:scroll}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__scroll-section{padding:var(--my-i2i-padding) 4px 0 0;background:rgba(0,0,0,0);border:none;border-radius:0}}.my-image-to-image-v3 .my-image-to-image__scroll-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.my-image-to-image-v3 .my-image-to-image__scroll-title{color:#fff;font-size:16px;font-weight:500;line-height:1.21}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__scroll-title{font-size:14px}}.my-image-to-image-v3 .my-image-to-image__scroll-header--right{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small)}.my-image-to-image-v3 .my-image-to-image__scroll-header--right .my-container-scroll__scroll-btn{padding:3px}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__scroll-header--right .my-container-scroll__scroll-btn{padding:1px}}.my-image-to-image-v3 .my-image-to-image__scroll-body{margin-top:6px}.my-image-to-image-v3 .my-image-to-image__samples .my-container-scroll__scroll-btn{display:none !important}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__samples .my-container-scroll__scroll-btn{display:flex !important}}.my-image-to-image-v3 .my-image-to-image__samples .my-container-scroll__container{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:6px;overflow-x:visible;scroll-snap-type:none}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__samples .my-container-scroll__container{display:flex;grid-template-columns:none;gap:0;overflow-x:scroll;scroll-snap-type:x mandatory}}.my-image-to-image-v3 .my-image-to-image__sample-item{display:flex;flex-shrink:0;border-radius:10px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:border-color .2s}.my-image-to-image-v3 .my-image-to-image__sample-item[s-active]{border-color:var(--my-i2i-accent)}.my-image-to-image-v3 .my-image-to-image__sample-item:hover img{scale:1.05}.my-image-to-image-v3 .my-image-to-image__sample-item img{display:block;width:100%;aspect-ratio:122/202;object-fit:cover;transition:scale .2s}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__sample-item{width:89px;border-radius:8px}.my-image-to-image-v3 .my-image-to-image__sample-item img{height:auto;aspect-ratio:auto}.my-image-to-image-v3 .my-image-to-image__sample-item+.my-image-to-image__sample-item{margin-left:8px}.my-image-to-image-v3 .my-image-to-image__sample-item:hover:not([s-active]){border-color:rgba(0,0,0,0)}}.my-image-to-image-v3 .my-image-to-image__custom-section{flex-shrink:0;background:var(--my-i2i-bg-card);border:1px solid var(--my-i2i-border);border-radius:12px}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__custom-section{background:rgba(0,0,0,0);border:none;border-radius:0}}.my-image-to-image-v3 .my-image-to-image__menu{display:flex;flex-direction:column;padding:var(--my-i2i-padding) 0 var(--my-i2i-padding) var(--my-i2i-padding);width:560px;flex-shrink:0;background:var(--my-i2i-bg);overflow:hidden;border-right:1px solid var(--my-i2i-border)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__menu{margin:0 6px 0 12px;width:calc(100% - 18px);background:#0d0f11;padding:12px;border:1px solid var(--my-i2i-border);border-radius:12px}}.my-image-to-image-v3 .my-image-to-image__tab-bar{position:relative;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)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__tab-bar{margin-right:0}}.my-image-to-image-v3 .my-image-to-image__tab-btn{padding:4px 16px 12px 16px;background:rgba(0,0,0,0);border:none;color:var(--my-i2i-text);font-size:16px;font-weight:400;cursor:pointer;transition:color .15s}.my-image-to-image-v3 .my-image-to-image__tab-btn[s-active]{color:var(--my-i2i-accent);font-weight:500}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__tab-btn{font-size:14px}}.my-image-to-image-v3 .my-image-to-image__tab-indicator{position:absolute;bottom:-1px;height:3px;background:var(--my-i2i-accent);border-radius:10px;transition:left .3s,width .3s}.my-image-to-image-v3 .my-image-to-image__preset{display:none;flex:1;min-height:0}.my-image-to-image-v3 .my-image-to-image__preset[s-active]{display:block;overflow-y:scroll;padding-right:calc(var(--my-i2i-padding) - var(--my-scrollbar-width, 0px))}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__preset[s-active]{overflow-y:visible;padding-right:0}}.my-image-to-image-v3 .my-image-to-image__preset-grid{--gap: calc(var(--my-i2i-padding) * 0.8);display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap);list-style:none}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__preset-grid{display:flex;flex-direction:row;gap:8px;overflow-x:auto}}.my-image-to-image-v3 .my-image-to-image__preset-item{position:relative;border-radius:12px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;aspect-ratio:3/5;transition:border-color .2s}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__preset-item{flex-shrink:0;width:110px}}.my-image-to-image-v3 .my-image-to-image__preset-item img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .2s}.my-image-to-image-v3 .my-image-to-image__preset-item:hover .my-image-to-image__preset-item-label{opacity:0}.my-image-to-image-v3 .my-image-to-image__preset-item:hover .my-image-to-image__preset-item-overlay{opacity:1}.my-image-to-image-v3 .my-image-to-image__preset-item:hover img{scale:1.05}.my-image-to-image-v3 .my-image-to-image__preset-item[s-active]{border-color:var(--my-i2i-accent)}.my-image-to-image-v3 .my-image-to-image__preset-item-label{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.6));color:#fff;font-size:14px;text-align:center;pointer-events:none;transition:opacity .2s}.my-image-to-image-v3 .my-image-to-image__preset-item-overlay{position:absolute;bottom:0;left:0;right:0;height:79px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);opacity:0;transition:opacity .2s;z-index:1}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__preset-item-overlay{display:none}}.my-image-to-image-v3 .my-image-to-image__preset-item-try{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--my-i2i-padding)*.8*2);height:32px;border-radius:12px;border:1px solid hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.25);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:.2s}.my-image-to-image-v3 .my-image-to-image__preset-item-try:hover{background:var(--my-i2i-accent);border-color:rgba(0,0,0,0);box-shadow:0 0 20.9px rgba(255,51,170,.25),inset 4px 5px 9.8px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}.my-image-to-image-v3 .my-image-to-image__custom{display:none;flex-direction:column;flex:1;overflow:hidden}.my-image-to-image-v3 .my-image-to-image__custom[s-active]{display:flex}.my-image-to-image-v3 .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))}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__custom-inner{padding-right:0;overflow-y:visible}}.my-image-to-image-v3 my-textarea.my-image-to-image__custom-textarea{display:block;flex-shrink:0}.my-image-to-image-v3 .my-image-to-image__custom-random{display:flex;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:14px;font-weight:500;color:var(--my-i2i-accent);background:var(--my-i2i-accent-15);border-radius:10px}.my-image-to-image-v3 .my-image-to-image__custom-random:hover{background:var(--my-i2i-accent-25)}.my-image-to-image-v3 .my-image-to-image__custom-item{display:flex;flex-shrink:0;cursor:pointer}.my-image-to-image-v3 .my-image-to-image__custom-item+.my-image-to-image__custom-item{margin-left:10px}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__custom-item+.my-image-to-image__custom-item{margin-left:8px}}.my-image-to-image-v3 .my-image-to-image__custom-item-media{position:relative;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-v3 .my-image-to-image__custom-item-media img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__custom-item-media{width:62px;border-radius:8px}}.my-image-to-image-v3 .my-image-to-image__custom-item-label{position:absolute;bottom:0;left:0;right:0;padding:16px 4px 6px;background:linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));border-radius:0 0 9px 9px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__custom-item-label{padding:12px 2px 4px;border-radius:0 0 7px 7px;font-size:11px}}.my-image-to-image-v3 .my-image-to-image__custom-item[s-active] .my-image-to-image__custom-item-media{border-color:var(--my-i2i-accent)}.my-image-to-image-v3 .my-image-to-image__custom-item:hover:not([s-active]) .my-image-to-image__custom-item-media{border-color:var(--my-i2i-accent-50)}.my-image-to-image-v3 .my-image-to-image__color-row{display:none;flex-wrap:wrap;gap:var(--spacing-small);padding:12px 0 0 4px}.my-image-to-image-v3 .my-image-to-image__color-row.my-image-to-image__color-row--show{display:flex}.my-image-to-image-v3 .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-v3 .my-image-to-image__color-dot:hover{box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.my-image-to-image-v3 .my-image-to-image__color-dot[s-active]{box-shadow:0 0 0 1.5px var(--my-i2i-bg),0 0 0 3.5px #fff}.my-image-to-image-v3 .my-image-to-image__result{flex:1;padding:var(--my-i2i-padding)}.my-image-to-image-v3 .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%}@media screen and (max-width: 880px){.my-image-to-image-v3 .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-v3 .my-image-to-image__result-placeholder-icon{display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.7}.my-image-to-image-v3 .my-image-to-image__result-placeholder-icon svg{width:1em;height:1em}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-placeholder-icon{font-size:36px}}.my-image-to-image-v3 .my-image-to-image__result-placeholder-title{max-width:310px;color:var(--my-i2i-text-dim);font-size:14px;line-height:1.2;text-align:center}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-placeholder-title{font-size:12px}}.my-image-to-image-v3 .my-image-to-image__result-placeholder-btn{padding:8px 22px;color:var(--my-i2i-accent);background:var(--my-i2i-accent-15);border-radius:12px}.my-image-to-image-v3 .my-image-to-image__result-placeholder-btn:hover{background:var(--my-i2i-accent-25)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-placeholder-btn{padding:6px 18px;border-radius:8px}}.my-image-to-image-v3 .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-v3 .my-image-to-image__result-header-title{font-size:18px;font-weight:500}.my-image-to-image-v3 .my-image-to-image__result-body{position:relative;display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-body{padding:12px;background:var(--my-background-regular);border-radius:12px}}.my-image-to-image-v3 .my-image-to-image__result-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--my-i2i-bg-card);border-radius:16px;border:1px solid var(--my-i2i-border)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-preview{border-radius:8px;overflow:hidden}}.my-image-to-image-v3 .my-image-to-image__result-media{max-width:100%;max-height:100%}.my-image-to-image-v3 .my-image-to-image__result-enhance{position:absolute;top:var(--my-i2i-padding);right:var(--my-i2i-padding);width:40px;height:40px;color:var(--my-i2i-text);transition:color .2s}.my-image-to-image-v3 .my-image-to-image__result-enhance:hover{color:var(--my-i2i-accent)}.my-image-to-image-v3 .my-image-to-image__result-enhance svg{width:100%;height:100%}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-enhance{width:28px;height:28px}}.my-image-to-image-v3 .my-image-to-image__result-footer{display:flex;flex-wrap:wrap;gap:var(--my-i2i-padding)}.my-image-to-image-v3 .my-image-to-image__result-footer .my-button{flex:1 0 calc(25% - var(--my-i2i-padding)*3/4);padding:10px 24px;color:#fff;background:hsla(0,0%,100%,.15);border:1px solid var(--my-i2i-text);border-radius:14px;font-size:14px;line-height:1.2;text-align:center;white-space:nowrap;transition:color .3s,background-color .3s}.my-image-to-image-v3 .my-image-to-image__result-footer .my-button:hover{color:#000;background:#fff}.my-image-to-image-v3 .my-image-to-image__result-footer .my-button.my-image-to-image__result-download{color:var(--my-i2i-accent);background:var(--my-i2i-accent-15);border:1.5px solid var(--my-i2i-accent);transition:color .3s,background-color .3s,box-shadow .3s}.my-image-to-image-v3 .my-image-to-image__result-footer .my-button.my-image-to-image__result-download:hover{color:#fff;background:var(--my-i2i-accent);box-shadow:0 0 21px rgba(255,51,170,.25),inset 4px 5px 10px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}@media screen and (max-width: 880px){.my-image-to-image-v3 .my-image-to-image__result-footer .my-button{flex-basis:calc(50% - var(--my-i2i-padding)/2)}}.my-image-to-image-v3 .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)}}