#action-container .action-content{display:flex;flex-direction:row;gap:20px}#action-container .action-content .box{display:flex;flex-direction:column;gap:10px;padding:10px;flex:1;border:2px solid rgba(70,129,255,.2);border-radius:var(--border-radius-small);color:#fff;background-color:var(--background-color-regular)}#action-container .action-content .box>.title{font-size:20px;font-weight:bold}#action-container .action-content .box .preview{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;background-color:var(--background-color-regular)}#action-container .action-content .box .preview[src=""],#action-container .action-content .box .preview:not([src]){display:none}#action-container .action-content .box .placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 20px}#action-container .action-content .box .placeholder .title{font-weight:bold;font-size:17px}#action-container .action-content .box .placeholder .desc{font-size:14px}#action-container .action-content .box .icon{display:flex;align-items:center;justify-content:center}#action-container .action-content .box .icon svg{width:40px;height:40px}#action-container .action-content .input-box .upload-box{position:relative;border:2px dashed #d1d5db;padding:90px 24px;border-radius:var(--border-radius-small);transition:.2s;cursor:pointer;overflow:hidden}#action-container .action-content .input-box .upload-box:hover{border-color:#2563eb;background-color:rgba(37,100,235,.3)}#action-container .action-content .input-box .style-input{display:flex;flex-direction:column;gap:10px}#action-container .action-content .input-box .style-input textarea{padding:10px;outline:none;background-color:rgba(0,0,0,0);border-radius:var(--border-radius-small);color:#fff;transition:.2s;border:2px solid #d1d5db;resize:none}#action-container .action-content .input-box .style-input textarea:focus{border-color:#2563eb}#action-container .action-content .input-box .size-box{display:flex;flex-direction:column;gap:10px}#action-container .action-content .input-box .size-box .size-list{display:flex;flex-direction:row;gap:10px;width:100%;overflow-x:auto}#action-container .action-content .input-box .size-box .size-list .size-item{padding:8px 16px;cursor:pointer;border-radius:var(--border-radius-small);transition:.2s}#action-container .action-content .input-box .size-box .size-list .size-item:hover,#action-container .action-content .input-box .size-box .size-list .size-item[s-active]{background-color:#2564eb}#action-container .action-content .input-box .action-button{padding:8px 16px;border-radius:var(--border-radius-small);pointer-events:none;background:var(--primary-button-disabled-bgcolor);gap:10px}#action-container .action-content .input-box .action-button svg{width:15px;height:15px}#action-container .action-content .input-box .cost{display:flex;justify-content:center;width:auto;visibility:hidden;color:rgba(248,250,252,.7);text-align:center;font-size:var(--font-size-xsmall)}#action-container .action-content .output-box .result{position:relative;width:100%;height:100%;overflow:hidden}#action-container .action-content .output-box .result .result-preview[src=""]~.toolbar,#action-container .action-content .output-box .result .result-preview:not([src])~.toolbar{display:none}#action-container .action-content .output-box .result .placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}#action-container .action-content .output-box .result .toolbar{position:absolute;bottom:10px;right:10px;z-index:2}#action-container .action-content .output-box .result .toolbar .button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background-color:rgba(150,150,150,.3);backdrop-filter:blur(20px);color:#fff;cursor:pointer}#action-container .action-content .output-box .result .toolbar .button svg{width:20px;height:20px}#action-container[data-status=uploading] .action-content .input-box .upload-box,#action-container[data-status=running] .action-content .input-box .upload-box{pointer-events:none}#action-container[data-status=done] .action-content .input-box .action-button,#action-container[data-status=pending] .action-content .input-box .action-button{pointer-events:all;background:var(--primary-button-bgcolor)}@media screen and (max-width: 600px){#action-container .action-content{flex-direction:column}#action-container .action-content .box{flex:none}#action-container .action-content .input-box .upload-box{padding:40px 24px}#action-container .action-content .output-box{height:400px}}