.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}}