.current-image-result{color:#f5f5f5;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181a1bd9;border:1px solid #343536;border-radius:20px;padding:24px;scroll-margin-top:24px}.current-image-result header,.current-image-result footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.current-image-result h2{font-size:18px;font-weight:600}.current-image-status{color:#b5b8bd;align-items:center;gap:8px;font-size:13px;display:flex}.current-image-result[data-status=success] .current-image-status{color:#a8d4b3}.current-image-result[data-status=failed] .current-image-status,.current-image-result[data-status=unconfirmed] .current-image-status{color:#e6bc8a}.current-image-preview{cursor:zoom-in;background:#111;border-radius:12px;width:100%;margin-top:20px;display:block;position:relative;overflow:hidden}.current-image-preview>img{object-fit:contain;width:100%;max-height:520px;display:block}.current-image-preview>span{background:#000a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.current-image-waiting{color:#acb0b6;border:1px solid #36383a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;margin-top:20px;padding:24px;display:flex}.current-image-waiting[data-active=true]{background:linear-gradient(110deg,#ffffff02 30%,#ffffff06 45%,#ffffff02 60%) 0 0/200% 100%;animation:3s ease-in-out infinite current-image-shimmer}.current-image-waiting p{text-align:center;max-width:440px;font-size:14px;line-height:1.6}.current-image-details{color:#b6b9bf;margin-top:20px;font-size:13px}.current-image-settings{flex-wrap:wrap;gap:8px;display:flex}.current-image-settings span{background:#ffffff06;border:1px solid #ffffff0d;border-radius:6px;padding:5px 9px}.current-image-details details{margin-top:14px}.current-image-details summary{cursor:pointer}.current-image-details details p{overflow-wrap:anywhere;margin-top:10px;line-height:1.6}.current-image-result footer{justify-content:flex-start;margin-top:20px}.current-image-result footer>button,.current-image-result footer>a{border:1px solid #3c3e41;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.current-image-result footer>button:hover,.current-image-result footer>a:hover{background:#ffffff0c}.current-image-result footer>.current-image-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.current-image-result footer>.current-image-primary:hover{background:#db4000}.current-image-result footer>button:disabled{opacity:.5;cursor:not-allowed}.current-image-result button:focus-visible,.current-image-result a:focus-visible,.current-image-result summary:focus-visible{outline:2px solid var(--link);outline-offset:4px}@keyframes current-image-shimmer{to{background-position:-200% 0}}@media (max-width:600px){.current-image-result{padding:16px}.current-image-result footer{gap:8px}.current-image-result footer>button,.current-image-result footer>a{flex:calc(50% - 8px)}.current-image-status{font-size:12px}}@media (prefers-reduced-motion:reduce){.current-image-waiting[data-active=true],.current-image-status .animate-spin{animation:none}.current-image-result footer>button,.current-image-result footer>a{transition:none}}
.effect-generator-photo{background:#242424;border:1px dashed #444449;border-radius:12px;height:200px;position:relative;overflow:hidden}.effect-generator-photo[data-dragging=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8.235%, transparent)}.effect-generator-photo-select{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.effect-generator-photo-select:disabled{cursor:wait}.effect-generator-photo-select>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.effect-generator-photo-content{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex;position:relative}.effect-generator-photo-select:has(img) .effect-generator-photo-content{opacity:0;background:#000b;border-radius:10px;padding:12px 16px;transition:opacity .18s}.effect-generator-photo-select:has(img):is(:hover,:focus-visible,:disabled) .effect-generator-photo-content{opacity:1}.effect-generator-photo-content strong{font-size:14px;font-weight:500}.effect-generator-photo-content small{color:#aaa;font-size:12px}.effect-generator-photo-remove{color:#fff;background:#000b;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.effect-generator-prompt{margin-block:16px;font-size:14px}.effect-generator-prompt summary{cursor:pointer;color:#b6b6bd}.effect-generator-prompt textarea{resize:vertical;background:#242424;border:1px solid #444449;border-radius:10px;width:100%;min-height:160px;margin-top:12px;padding:12px;font-size:13px;line-height:1.6}.effect-generator-photo :is(button,input):focus-visible,.effect-generator-prompt :is(summary,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:-3px}@media (hover:none){.effect-generator-photo-select:has(img) .effect-generator-photo-content{opacity:1}}@media (prefers-reduced-motion:reduce){.effect-generator-photo-content{transition:none!important}}