#action-container .action-content{display:flex;flex-direction:row;gap:20px}#action-container .action-content .box{display:flex;flex-direction:column;gap:15px;padding:15px;flex:1;color:#d1d5db;background-color:#111827;border:1px solid #1f2937;border-radius:10px}#action-container .action-content .box .box-card>.title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:14px}#action-container .action-content .input-box textarea{padding:10px;width:100%;resize:none;color:#e5e7eb;background-color:#1f2937;border:1px solid #374151;border-radius:10px;outline:none;transition:.2s}#action-container .action-content .input-box textarea:focus,#action-container .action-content .input-box textarea:hover{border-color:#3b82f6}#action-container .action-content .input-box .box-card .size-list{display:flex;flex-wrap:wrap;gap:10px 10px}#action-container .action-content .input-box .box-card .size-list .size-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:calc(33.33% - 7px);aspect-ratio:4/3;background-color:#1f2937;border:1px solid #374151;border-radius:10px;transition:.2s;cursor:pointer}#action-container .action-content .input-box .box-card .size-list .size-item[s-active],#action-container .action-content .input-box .box-card .size-list .size-item:hover{border-color:#3b82f6}#action-container .action-content .input-box .box-card .size-list .size-item[s-active] .rect,#action-container .action-content .input-box .box-card .size-list .size-item:hover .rect{border-color:#3b82f6 !important}#action-container .action-content .input-box .box-card .size-list .size-item .rect-box{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}#action-container .action-content .input-box .box-card .size-list .size-item .rect-box .rect{width:inherit;height:inherit;border:2px solid #9ca3af;border-radius:5px;transition:.2s}#action-container .action-content .input-box .box-card .size-list .size-item .title{font-size:14px}#action-container .action-content .input-box .box-card .size-list .size-item .desc{font-size:12px}#action-container .action-content .input-box .box-card .button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;width:100%;color:#fff;background-color:#3b82f6;border-radius:10px;transition:.2s;cursor:pointer}#action-container .action-content .input-box .box-card .button:hover{background-color:#2563eb !important}#action-container .action-content .input-box .box-card .button:active{transform:scale(0.98)}#action-container .action-content .input-box .box-card .button[s-disabled]{background-color:#5687d6;pointer-events:none}#action-container .action-content .input-box .box-card .button svg{width:18px;height:18px}#action-container .action-content .input-box .box-card .action-button{background-color:#5687d6;pointer-events:none}#action-container .action-content .input-box .box-card .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 .input-box .box-card.button-container{display:flex;flex-direction:column;align-items:center;gap:10px}#action-container .action-content .output-box{overflow:hidden}#action-container .action-content .output-box .toolbar{display:none}#action-container .action-content .output-box .toolbar .button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#9ca3af;transition:.2s;cursor:pointer;border-radius:5px}#action-container .action-content .output-box .toolbar .button:hover{color:#fff;background-color:#1f2937}#action-container .action-content .output-box .toolbar .button:active{transform:scale(0.95)}#action-container .action-content .output-box .toolbar .button svg{width:18px;height:18px}#action-container .action-content .output-box .box-card{display:flex;flex-direction:column;flex:1}#action-container .action-content .output-box .box-card .preview-box{display:flex;align-items:center;justify-content:center;position:relative;width:100%;background-color:#1f2937;border-radius:10px;flex:1;overflow:hidden}#action-container .action-content .output-box .box-card .preview-box .preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background-color:#1f2937}#action-container .action-content .output-box .box-card .preview-box .preview[src=""],#action-container .action-content .output-box .box-card .preview-box .preview:not([src]){display:none}#action-container .action-content .output-box .box-card .preview-box .preview[src=""]~.placeholder-box,#action-container .action-content .output-box .box-card .preview-box .preview:not([src])~.placeholder-box{display:flex}#action-container .action-content .output-box .box-card .preview-box .placeholder-box{display:none;flex-direction:column;align-items:center;gap:5px;color:#9ca3af}#action-container .action-content .output-box .box-card .preview-box .placeholder-box svg{width:30px;height:30px}#action-container .action-content .output-box .result-list{flex:none;height:120px}#action-container .action-content .output-box .result-list .list{display:flex;flex-direction:row;gap:5px;flex:1;overflow-y:hidden;overflow-x:auto;padding-top:10px}#action-container .action-content .output-box .result-list .list .result-item{position:relative;height:100%;border:3px solid rgba(0,0,0,0);aspect-ratio:1/1;border-radius:10px;cursor:pointer;transition:.2s}#action-container .action-content .output-box .result-list .list .result-item:hover,#action-container .action-content .output-box .result-list .list .result-item[s-active]{border-color:#2563eb}#action-container .action-content .output-box .result-list .list .result-item img{width:100%;height:100%;object-fit:contain;border-radius:10px}#action-container .action-content .output-box .result-list .list .result-item .clear{position:absolute;top:-5px;right:-5px;background-color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#000;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMTRMMzQgMzQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNCAzNEwzNCAxNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PC9zdmc+);background-size:20px;background-position:center;background-repeat:no-repeat;width:20px;height:20px}#action-container[data-status=running] .input-box textarea{pointer-events:none}#action-container[data-status=done] .output-box .toolbar{display:block}#action-container[data-status=done] .input-box .box-card .button.action-button,#action-container[data-status=pending] .input-box .box-card .button.action-button{background-color:#3b82f6;pointer-events:all}@media screen and (max-width: 600px){#action-container .action-content{flex-direction:column-reverse;gap:10px}#action-container .action-content .output-box{height:400px;flex:auto}#action-container .action-content .output-box .result-list{height:100px}#action-container .action-content .input-box .box-card .size-list .size-item{width:calc(50% - 5px)}}