.rsfp-imgupload-container    { display:inline-block; cursor:pointer; position:relative; }
.rsfp-imgupload-frame        { border:2px dashed #ccc; border-radius:8px; display:flex;
                                align-items:center; justify-content:center; overflow:hidden;
                                background:#f9f9f9; transition:border-color 0.3s, background 0.3s;
                                cursor:pointer; }
.rsfp-imgupload-frame:hover  { border-color:#4CAF50; background:#f0f8f0; }
.rsfp-imgupload-frame.has-image { border-style:solid; border-color:#ddd; background:transparent; }
.rsfp-imgupload-frame.has-image:hover { border-color:#4CAF50; }
.rsfp-imgupload-placeholder  { text-align:center; color:#999; font-size:14px; padding:10px; }
.rsfp-imgupload-icon         { font-size:32px; display:block; margin-bottom:8px; }
.rsfp-imgupload-thumb        { max-width:100%; max-height:100%; object-fit:contain; display:none; cursor:pointer; }
.rsfp-imgupload-thumb.has-image { display:block; }
.rsfp-imgupload-frame.has-image .rsfp-imgupload-placeholder { display:none; }
.rsfp-imgupload-frame.rsfp-imgupload-error { border-color:#f44336; }