.emotion-swapper-action .action-content{margin-top:var(--spacing-regular);display:flex;flex-direction:row;justify-content:center;gap:10px}@media screen and (max-width: 600px){.emotion-swapper-action .action-content{flex-direction:column}}.emotion-swapper-action .action-content .box{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1;max-width:400px;height:520px;color:var(--color);background-color:var(--background-color-regular);backdrop-filter:blur(15px);border:var(--section-mask-border, none);border-radius:var(--border-radius-small)}.emotion-swapper-action .action-content .box .box-title{font-size:18px;font-weight:600}.emotion-swapper-action .action-content .box .box-container{flex:1}@media screen and (max-width: 600px){.emotion-swapper-action .action-content .box{max-width:none;width:100%;height:400px;flex:none}}.emotion-swapper-action .action-content .button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:999px;color:#fff;background-color:rgba(150,150,150,.3);backdrop-filter:blur(10px);cursor:pointer}.emotion-swapper-action .action-content .button svg{width:18px;height:18px}.emotion-swapper-action .action-content .cost{display:flex;justify-content:center;visibility:hidden;color:rgba(248,250,252,.7);text-align:center;font-size:var(--font-size-xsmall)}.emotion-swapper-action .action-content .upload-box .box-container{position:relative;padding:10px;border:2px dashed #7c3aed;border-radius:var(--border-radius-small)}.emotion-swapper-action .action-content .upload-box .box-container .upload-preview{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:contain;width:100%;height:100%;z-index:1}.emotion-swapper-action .action-content .upload-box .box-container .upload-preview[src=""],.emotion-swapper-action .action-content .upload-box .box-container .upload-preview:not([src]){display:none}.emotion-swapper-action .action-content .upload-box .box-container .upload-preview[src=""]~.upload-placeholder,.emotion-swapper-action .action-content .upload-box .box-container .upload-preview:not([src])~.upload-placeholder{display:flex}.emotion-swapper-action .action-content .upload-box .box-container .upload-preview[src=""]~.clear-preview,.emotion-swapper-action .action-content .upload-box .box-container .upload-preview:not([src])~.clear-preview{display:none}.emotion-swapper-action .action-content .upload-box .box-container .clear-preview{position:absolute;right:10px;top:10px;z-index:2}.emotion-swapper-action .action-content .upload-box .box-container .upload-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;flex-direction:column;align-items:center;gap:10px;padding:0 10px;width:100%;text-align:center;color:#d1d5db}.emotion-swapper-action .action-content .upload-box .box-container .upload-placeholder svg{width:30px;height:30px;color:#7c3aed}.emotion-swapper-action .action-content .upload-box .box-container .upload-placeholder .title{font-size:14px}.emotion-swapper-action .action-content .upload-box .box-container .upload-placeholder .desc{font-size:12px}.emotion-swapper-action .action-content .upload-box .box-container .upload-placeholder .select-image{padding:8px 16px;border-radius:5px}.emotion-swapper-action .action-content .options-box .box-container{display:flex;flex-direction:column;justify-content:space-between;gap:10px}.emotion-swapper-action .action-content .options-box .box-container .options-list{display:flex;flex-wrap:wrap;gap:5px 5px;max-height:350px;overflow-y:auto}@media screen and (max-width: 600px){.emotion-swapper-action .action-content .options-box .box-container .options-list{max-height:230px}}.emotion-swapper-action .action-content .options-box .box-container .options-list .option-item{display:flex;position:relative;width:calc(33.3% - 5px);border:3px solid rgba(0,0,0,0);transition:.2s;cursor:pointer;border-radius:12px;overflow:hidden}.emotion-swapper-action .action-content .options-box .box-container .options-list .option-item:hover,.emotion-swapper-action .action-content .options-box .box-container .options-list .option-item[s-active]{border-color:#8b5cf6}.emotion-swapper-action .action-content .options-box .box-container .options-list .option-item img{width:100%;aspect-ratio:1/1;object-fit:cover}.emotion-swapper-action .action-content .options-box .box-container .options-list .option-item .mask{position:absolute;inset:0;z-index:1;width:100%;height:100%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7019607843), rgba(0, 0, 0, 0))}.emotion-swapper-action .action-content .options-box .box-container .options-list .option-item span{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:100%;font-size:12px;text-align:center}.emotion-swapper-action .action-content .options-box .box-container .button-container{display:flex;flex-direction:column;gap:10px}.emotion-swapper-action .action-content .options-box .box-container .button-container .action-button{padding:8px 14px;border-radius:5px}.emotion-swapper-action .action-content .options-box .box-container .button-container .action-button svg{margin-right:5px;width:18px;height:18px}.emotion-swapper-action .action-content .result-box .box-container{display:flex;flex-direction:column;gap:10px}.emotion-swapper-action .action-content .result-box .box-container .result-container{position:relative;flex:1}.emotion-swapper-action .action-content .result-box .box-container .result-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.emotion-swapper-action .action-content .result-box .box-container .result-container img[src=""],.emotion-swapper-action .action-content .result-box .box-container .result-container img:not([src]){display:none}.emotion-swapper-action .action-content .result-box .box-container .result-container img[src=""]~.toolbar,.emotion-swapper-action .action-content .result-box .box-container .result-container img:not([src])~.toolbar{display:none}.emotion-swapper-action .action-content .result-box .box-container .result-container img[src=""]~.result-placeholder,.emotion-swapper-action .action-content .result-box .box-container .result-container img:not([src])~.result-placeholder{display:flex}.emotion-swapper-action .action-content .result-box .box-container .result-container .result-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;flex-direction:column;align-items:center;gap:10px;width:100%}.emotion-swapper-action .action-content .result-box .box-container .result-container .result-placeholder svg{color:#7c3aed;width:30px;height:30px}.emotion-swapper-action .action-content .result-box .box-container .result-container .result-placeholder span{color:#d1d5db}.emotion-swapper-action .action-content .result-box .box-container .result-container .toolbar{display:flex;flex-direction:row;align-items:center;gap:5px;position:absolute;right:0;bottom:0;z-index:2}.emotion-swapper-action[data-status=""] .action-content .options-box .box-container .button-container .action-button,.emotion-swapper-action[data-status=uploading] .action-content .options-box .box-container .button-container .action-button,.emotion-swapper-action[data-status=running] .action-content .options-box .box-container .button-container .action-button{pointer-events:none;background-color:var(--primary-button-disabled-bgcolor)}