#action-container{display:flex;flex-direction:column;align-items:center}#action-container .action-content{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.5rem;width:100%}#action-container .action-content .shadow-box{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);border:1px solid #e5e7eb}#action-container .action-content .preview-box{overflow:hidden;border-radius:var(--border-radius-small);background-color:#fff;padding:1rem}#action-container .action-content .preview-box .preview-title{font-size:1rem;line-height:1.5rem;color:#111827}#action-container .action-content .preview-box .preview-container{position:relative;margin-bottom:.75rem}#action-container .action-content .preview-box .preview-container .placeholder{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--border-radius-small);background-color:#f3f4f6;color:#6b7280;z-index:0;padding:1rem}#action-container .action-content .preview-box .preview-container .placeholder svg{width:2.5rem;height:2.5rem;color:#9ca3af}#action-container .action-content .preview-box .preview-container .placeholder span{white-space:nowrap}#action-container .action-content .preview-box .preview-container .result-box{aspect-ratio:1/1;background-color:#f3f4f6;border-radius:var(--border-radius-small)}#action-container .action-content .preview-box .preview-container .result-box .preview{position:relative;z-index:1;width:100%;max-width:100%;height:100%;object-fit:contain;background-color:inherit;border-radius:5px;inset:0px;color:rgba(0,0,0,0)}#action-container .action-content .preview-box .preview-container .result-box .preview:not([src]),#action-container .action-content .preview-box .preview-container .result-box .preview[src=""]{opacity:0}#action-container .action-content .preview-box .preview-container .result-box .preview:not([src])~.result-container,#action-container .action-content .preview-box .preview-container .result-box .preview[src=""]~.result-container{display:none}#action-container .action-content .preview-box .preview-container .result-box .result-container{position:absolute;right:10px;bottom:10px;z-index:2}#action-container .action-content .preview-box .preview-container .result-box .result-container .button{display:flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1/1;border-radius:999px;background-color:rgba(150,150,150,.4);backdrop-filter:blur(20px);color:#fff;cursor:pointer}#action-container .action-content .preview-box .preview-container .result-box .result-container .button svg{width:20px;height:20px}#action-container .action-content .preview-box .preview-list{display:grid;gap:.5rem;grid-template-columns:repeat(3, minmax(0, 1fr))}#action-container .action-content .preview-box .preview-list .preview-item{border-radius:var(--border-radius-small);overflow:hidden;aspect-ratio:1/1;position:relative;cursor:pointer}#action-container .action-content .preview-box .preview-list .preview-item img{position:absolute;max-width:100%;height:100%;width:100%;inset:0px;color:rgba(0,0,0,0);object-fit:cover;vertical-align:middle}#action-container .action-content .preview-box .preview-list .preview-item .overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}#action-container .action-content .preview-box .preview-list .preview-item .delete-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:5px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s}#action-container .action-content .preview-box .preview-list .preview-item .delete-btn svg{width:16px;height:16px}#action-container .action-content .preview-box .preview-list .preview-item .delete-btn:hover{background:#f4f4f5;color:#000}#action-container .action-content .preview-box .preview-list .preview-item.active{box-shadow:0 0 0 0px #fff,0 0 0 2px #3b82f6,0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0)}#action-container .action-content .preview-box .preview-list .preview-item:hover .overlay{background:rgba(0,0,0,.3);opacity:1}#action-container .action-content .options-container{grid-column:span 2/span 2}#action-container .action-content .options-container .tabs-box{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));padding:.25rem;height:2.5rem;background-color:#f4f4f5;border-radius:5px;max-width:28rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}#action-container .action-content .options-container .tabs-box[s-disabled]{pointer-events:none}#action-container .action-content .options-container .tabs-box .tabs-item{display:flex;align-items:center;justify-content:center;flex:1;height:100%;border-radius:5px;cursor:pointer;transition:all .2 ease}#action-container .action-content .options-container .tabs-box .tabs-item[s-active]{background-color:#fff}#action-container .action-content .options-container .input-box{border-radius:var(--border-radius-small);background-color:#fff;padding:1.5rem}#action-container .action-content .options-container .input-box .tab-box{display:none;justify-content:space-between;height:100%}#action-container .action-content .options-container .input-box .tab-box[s-active]{display:flex}#action-container .action-content .options-container .input-box .img2img-box{flex-direction:column;gap:20px}#action-container .action-content .options-container .input-box .img2img-box .upload-box{position:relative;padding:24px;flex:1;border:2px dashed #4b5563;border-radius:var(--border-radius-small);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}#action-container .action-content .options-container .input-box .img2img-box .upload-box svg{width:48px;height:48px;color:#9ca3af}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-preview{position:absolute;z-index:1;width:100%;height:100%;object-fit:contain;background-color:#fff}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-preview:not([src]),#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-preview[src=""]{display:none}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-preview:not([src])+.change-button,#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-preview[src=""]+.change-button{display:none}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-placeholder{color:#d1d5db;text-align:center}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-button,#action-container .action-content .options-container .input-box .img2img-box .upload-box .change-button{padding:8px 16px;border:1px solid #e4e4e7;border-radius:var(--border-radius-small);transition:all .2s ease;font-size:var(--font-size-xsmall);background-color:#fff}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-button:hover,#action-container .action-content .options-container .input-box .img2img-box .upload-box .change-button:hover{background-color:#f4f4f5}#action-container .action-content .options-container .input-box .img2img-box .upload-box .upload-button[s-disabled],#action-container .action-content .options-container .input-box .img2img-box .upload-box .change-button[s-disabled]{opacity:.6;pointer-events:none}#action-container .action-content .options-container .input-box .img2img-box .upload-box .change-button{position:absolute;right:10px;top:10px;z-index:2}#action-container .action-content .options-container .input-box .txt2img-box{flex-direction:column;gap:20px}#action-container .action-content .options-container .input-box .txt2img-box .prompt-box{display:flex;flex-direction:column;flex:1;gap:10px}#action-container .action-content .options-container .input-box .txt2img-box .prompt-box textarea{padding:10px;resize:none;border-radius:var(--border-radius-small);border-color:rgb(209 213 219/var(--tw-border-opacity, 1))}#action-container .action-content .options-container .input-box .action-button{display:flex;align-items:center;justify-content:center;gap:5px;height:40px;color:#fff;background-color:#3b82f6;border-radius:5px;font-size:var(--font-size-xsmall);transition:all .2s ease;padding-inline:.5rem}#action-container .action-content .options-container .input-box .action-button svg{width:18px;height:18px}#action-container .action-content .options-container .input-box .action-button:hover{background-color:#2563eb}#action-container .action-content .options-container .input-box .action-button[s-disabled]{opacity:.6;pointer-events:none}#action-container .action-content .options-container .action-bar{display:flex;justify-content:space-between}#action-container .action-content .options-container .size-options .size-list{display:flex;align-items:center;gap:.5rem}#action-container .action-content .options-container .size-options .size-list .size-item{position:relative;display:flex}#action-container .action-content .options-container .size-options .size-list .size-item input[type=radio]{display:none}#action-container .action-content .options-container .size-options .size-list .size-item input[type=radio]:checked~.icon{background-color:#f3f4f6}#action-container .action-content .options-container .size-options .size-list .size-item .icon{display:flex;justify-content:center;flex-direction:column;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;padding:.5rem;border-radius:var(--border-radius-small)}#action-container .action-content .options-container .size-options .size-list .size-item .icon div{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;overflow:hidden;background-color:#f3f4f6;margin-bottom:.25rem;color:#3b82f6}#action-container .action-content .options-container .size-options .size-list .size-item .icon span{color:#4b5563;font-size:.75rem}#action-container .action-content .options-container .size-options .size-list .size-item .icon:hover{background-color:#f3f4f6;cursor:pointer}#action-container .action-content .options-container .style-options{overflow-y:auto;padding:.25rem}#action-container .action-content .options-container .style-options .style-list{display:flex;align-items:center;gap:.5rem}#action-container .action-content .options-container .style-options .style-list .style-item{position:relative;display:flex}#action-container .action-content .options-container .style-options .style-list .style-item input[type=radio]{display:none}#action-container .action-content .options-container .style-options .style-list .style-item input[type=radio]:checked~.icon{color:#3b82f6;background-color:#dbeafe;box-shadow:0 0 0 0px #fff,0 0 0 2px #3b82f6,0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0)}#action-container .action-content .options-container .style-options .style-list .style-item .icon{display:flex;justify-content:center;flex-direction:column;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;padding:.5rem;border-radius:var(--border-radius-small)}#action-container .action-content .options-container .style-options .style-list .style-item .icon div{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;overflow:hidden;background-color:#f3f4f6;margin-bottom:.25rem;color:#3b82f6}#action-container .action-content .options-container .style-options .style-list .style-item .icon div img{width:100%;height:100%;object-fit:cover}#action-container .action-content .options-container .style-options .style-list .style-item .icon span{color:#4b5563;font-size:.75rem;white-space:nowrap}#action-container .action-content .options-container .style-options .style-list .style-item .icon:hover{background-color:#f3f4f6;cursor:pointer}#action-container[data-status1=""] .img2img-box .action-button,#action-container:not([data-status1]) .img2img-box .action-button{opacity:.6;pointer-events:none}#action-container[data-status2=""] .txt2img-box .action-button,#action-container:not([data-status2]) .txt2img-box .action-button{opacity:.6;pointer-events:none}@media screen and (max-width: 600px){#action-container .action-content{grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem}#action-container .action-content .preview-container,#action-container .action-content .options-container{width:100%;min-width:calc(100% - 2rem);aspect-ratio:auto}#action-container .action-content .options-container{grid-column:1}#action-container .action-content .options-container .input-box{padding:.75rem}#action-container .action-content .preview-box{padding:.75rem}#action-container .action-content .preview-box .preview-title{font-size:.875rem;line-height:1.25rem}#action-container .action-content .preview-box .preview-container{min-width:calc(100% - 2rem)}#action-container .action-content .preview-box .preview-container .placeholder{padding:.5rem}#action-container .action-content .preview-box .preview-container .placeholder span{font-size:.65rem;white-space:normal}}