#text-to-image-action-mask{display:flex;transition:all .2s ease;margin-top:var(--spacing-medium);width:80%;min-width:1080px;border-radius:var(--border-radius);overflow:hidden;z-index:1}#text-to-image-action-mask[data-show=false]{display:none}#text-to-image-action-mask #text-to-image-action-container{position:relative;display:flex;flex-direction:row;gap:1rem;width:100%;align-items:center;justify-content:space-between;width:100%}#text-to-image-action-mask #text-to-image-action-container[data-status=pending] .swap-btn .swap,#text-to-image-action-mask #text-to-image-action-container[data-status=done] .swap-btn .swap{display:flex}#text-to-image-action-mask #text-to-image-action-container[data-status=pending] .swap-tip,#text-to-image-action-mask #text-to-image-action-container[data-status=done] .swap-tip{visibility:visible !important}#text-to-image-action-mask #text-to-image-action-container[data-status=done] .swap-btn .reupload,#text-to-image-action-mask #text-to-image-action-container[data-status=done] .swap-btn .download{display:flex;align-items:center;justify-content:center}#text-to-image-action-mask #text-to-image-action-container[data-status=done] .save-tip{visibility:visible !important}#text-to-image-action-mask #text-to-image-action-container[data-status=running] .swap-btns .swap-btn .speed-up{display:block}#text-to-image-action-mask #text-to-image-action-container[data-status=running] .swap-item-face-image{pointer-events:none}#text-to-image-action-mask #text-to-image-action-container .preview-container{position:relative;display:flex;width:100%;height:100%;max-height:30rem;background-color:var(--text-to-image-action-preview-card-bgcolor, #ffffff);border-radius:var(--border-radius);overflow:hidden}#text-to-image-action-mask #text-to-image-action-container .preview-container .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-to-image-action-previce-icon-color, #9da2ad);z-index:0}#text-to-image-action-mask #text-to-image-action-container .preview-container .icon span{white-space:nowrap}#text-to-image-action-mask #text-to-image-action-container .preview-container .icon svg{width:2rem;height:2rem}#text-to-image-action-mask #text-to-image-action-container .preview-container .preview-mask{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(1.5rem);z-index:1}#text-to-image-action-mask #text-to-image-action-container .preview-container video,#text-to-image-action-mask #text-to-image-action-container .preview-container img{width:100%;height:100%;z-index:1}#text-to-image-action-mask #text-to-image-action-container .preview-container video:not([src]),#text-to-image-action-mask #text-to-image-action-container .preview-container img:not([src]){opacity:0}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;min-width:470px;height:100%;background-color:var(--text-to-image-action-card-bgcolor, #ffffff);border-radius:var(--border-radius)}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container .swap-tip{visibility:hidden;font-size:.9rem;font-weight:bold;color:var(--action-card-color)}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container .swap-tip[data-error]{color:var(--color-danger)}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container .save-tip{margin-bottom:.2rem;font-size:.7rem;visibility:hidden}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container .save-tip span{color:var(--color-info);font-size:.6rem}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container .save-tip span a{margin-left:.2rem;color:#000;font-weight:bold;text-decoration:underline}#text-to-image-action-mask #text-to-image-action-container .swap-container{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;width:100%;height:15rem}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-detail{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;height:calc(100% - 7rem)}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-detail textarea{padding:.5rem;width:100%;height:100%;resize:none;border:none;outline:none;border:2px solid var(--text-to-image-textarea-border-color, #ca99ef);border-radius:.5rem}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options{display:flex;align-items:flex-start;flex-direction:column;gap:.4rem;height:7rem}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options span{white-space:nowrap;color:#000}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:.2rem;height:100%;overflow-y:auto}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options[data-disabled]{pointer-events:none;cursor:not-allowed}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options .item{width:5rem;height:2rem;color:var(--text-to-image-action-options-color);background-color:#fff;text-align:center;line-height:2rem;border-radius:.5rem;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:all .2s ease}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options .item:hover{background-color:var(--text-to-image-action-options-item-hover-bgcolor)}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options .item:active{transform:scale(0.98)}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options .item[data-active]{border-color:var(--text-to-image-action-options-item-active-border-color);background-color:var(--text-to-image-action-options-item-active-bgcolor)}#text-to-image-action-mask #text-to-image-action-container .swap-btns{display:flex;flex-direction:column;align-items:center;width:100%}#text-to-image-action-mask #text-to-image-action-container .swap-btns .swap-btn{display:flex;justify-content:center;align-items:center;height:3rem;gap:.5rem;width:100%}#text-to-image-action-mask #text-to-image-action-container .swap-btns .swap-btn button,#text-to-image-action-mask #text-to-image-action-container .swap-btns .swap-btn a{display:none;width:40%;height:2rem;border-radius:2rem;text-decoration:none;font-weight:bold}#text-to-image-action-mask #text-to-image-action-container .swap-btns .swap-btn .reupload{width:3rem}#text-to-image-action-mask #text-to-image-action-container .swap-btns .swap-btn .reupload img{width:1.5rem}#text-to-image-action-mask #text-to-image-action-container .swap-btns .tip{visibility:hidden;color:var(--color-info);font-size:.7rem}@media screen and (max-width: 600px){#text-to-image-action-mask{flex-direction:column-reverse;background-color:rgba(0,0,0,0);border-radius:0;width:calc(100vw - var(--spacing-regular)*2);min-width:auto}#text-to-image-action-mask[data-show=true]{bottom:0}#text-to-image-action-mask[data-show=true] .icon .up{display:none}#text-to-image-action-mask[data-show=true] .icon .down{display:block}#text-to-image-action-mask[data-show=false]{display:none;bottom:-100vh}#text-to-image-action-mask[data-show=false] .icon .up{display:none}#text-to-image-action-mask[data-show=false] .icon .down{display:none}#text-to-image-action-mask #text-to-image-action-container{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;margin:0;height:60vh;min-height:30rem;background-color:var(--action-card-bgcolor, #ffffff);border-radius:var(--border-radius);overflow:hidden}#text-to-image-action-mask #text-to-image-action-container .preview-container{width:100%;height:10rem;border-radius:0}#text-to-image-action-mask #text-to-image-action-container .swap-btns-container{display:flex;flex-direction:column;align-items:center;height:calc(100% - 10rem - .5rem);gap:.5rem;width:calc(100% - 1rem);min-width:auto;padding:0}#text-to-image-action-mask #text-to-image-action-container .swap-container{height:calc(100% - 4rem - 2rem)}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-detail{flex-direction:column}#text-to-image-action-mask #text-to-image-action-container .swap-container .swap-options .options{scrollbar-width:none}#text-to-image-action-mask #text-to-image-action-container .swap-btn{width:100%;height:3rem;gap:.5rem}}