.ImageToBase64-module__ZQnuYW__container{max-width:680px;margin:40px auto;padding:0 20px 40px}.ImageToBase64-module__ZQnuYW__title{color:#1a3a5c;margin-bottom:24px;font-size:1.5rem;font-weight:700}.ImageToBase64-module__ZQnuYW__dropzone{text-align:center;cursor:pointer;color:#667;background:#fff;border:2px dashed #b0c4de;border-radius:12px;margin-bottom:24px;padding:40px 24px;transition:border-color .15s,background .15s}.ImageToBase64-module__ZQnuYW__dropzone:hover,.ImageToBase64-module__ZQnuYW__dragging{background:#f0f4f8;border-color:#1a3a5c}.ImageToBase64-module__ZQnuYW__preview{text-align:center;margin-bottom:20px}.ImageToBase64-module__ZQnuYW__previewImg{object-fit:contain;border-radius:8px;max-width:100%;max-height:260px;box-shadow:0 2px 12px #0000001f}.ImageToBase64-module__ZQnuYW__card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012}.ImageToBase64-module__ZQnuYW__cardHeader{border-bottom:1px solid #eef2f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.ImageToBase64-module__ZQnuYW__label{color:#7a90a4;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.ImageToBase64-module__ZQnuYW__btnRow{gap:8px;display:flex}.ImageToBase64-module__ZQnuYW__btnCopy{color:#1a3a5c;cursor:pointer;background:#fff;border:1px solid #b0c4de;border-radius:6px;padding:5px 14px;font-size:.8rem}.ImageToBase64-module__ZQnuYW__btnCopy:hover{background:#f0f4f8}.ImageToBase64-module__ZQnuYW__textarea{resize:vertical;color:#2c3e50;word-break:break-all;box-sizing:border-box;background:#f8fafc;border:none;outline:none;width:100%;min-height:140px;padding:14px;font-family:Consolas,Courier New,monospace;font-size:.78rem;line-height:1.5}@media (max-width:640px){.ImageToBase64-module__ZQnuYW__container{margin:16px auto;padding:0 12px 24px}}