.Base64ImageConverter_container__hludW{width:100%;max-width:700px;margin:0 auto;padding:20px}.Base64ImageConverter_section__3oUzc{margin-bottom:48px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.Base64ImageConverter_sectionTitle__C0bUd{font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center;color:#333}.Base64ImageConverter_inputTextarea__p912D,.Base64ImageConverter_outputTextarea__T40Lt{width:96%;padding:12px;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:.5px solid #ddd;border-radius:8px;resize:vertical;transition:border-color .3s ease;background:#fafafa}.Base64ImageConverter_inputTextarea__p912D:focus,.Base64ImageConverter_outputTextarea__T40Lt:focus{outline:none;border-color:#4a90e2;background:#fff}.Base64ImageConverter_outputTextarea__T40Lt{width:96%;background:#f5f5f5;cursor:default}.Base64ImageConverter_imagePreviewContainer__rsjzE{width:100%;margin:20px 0;min-height:200px;display:flex;justify-content:center;align-items:center;background:#f9f9f9;border-radius:8px;border:.5px solid #eee;overflow:hidden}.Base64ImageConverter_imagePreview__8gzEA{max-width:100%;max-height:300px;object-fit:contain}.Base64ImageConverter_placeholderMessage__QeNzf{color:#999;font-size:14px;text-align:center;padding:40px}.Base64ImageConverter_errorMessage__Cslt_{color:#e74c3c;font-size:14px;text-align:center;padding:40px;background:#fee;width:100%}.Base64ImageConverter_errorMessageSmall__5v_cD{color:#e74c3c;font-size:12px;margin-top:12px;text-align:center}.Base64ImageConverter_buttonWrapper__HbJqy{display:flex;justify-content:center;margin-top:16px}.Base64ImageConverter_downloadButton__t_WUD{background:#4a90e2;color:#fff;border:none;padding:8px 24px;font-size:14px;border-radius:18px;cursor:pointer;transition:background .3s ease}.Base64ImageConverter_downloadButton__t_WUD:hover:not(:disabled){background:#357abd}.Base64ImageConverter_downloadButton__t_WUD:disabled{background:#ccc;cursor:not-allowed}.Base64ImageConverter_uploadArea__Xsbmm{border:.5px dashed #ccc;border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;margin-bottom:20px}.Base64ImageConverter_uploadArea__Xsbmm:hover{border-color:#4a90e2;background:#f0f7ff}.Base64ImageConverter_uploadArea__Xsbmm img{width:40px;height:40px}.Base64ImageConverter_dragOver__SPTr_{border-color:#4a90e2;background:#e6f3ff;transform:scale(.98)}.Base64ImageConverter_uploadIcon__bmiIY{font-size:48px;margin-bottom:16px}.Base64ImageConverter_uploadHint__i5QlC{font-size:16px;color:#333;margin:8px 0}.Base64ImageConverter_uploadSubHint__VttWX{font-size:13px;color:#666;margin:4px 0}.Base64ImageConverter_fileInput__tKBg7{display:none}@media (max-width:768px){.Base64ImageConverter_container__hludW{padding:12px;max-width:95%}.Base64ImageConverter_section__3oUzc{padding:16px;margin-bottom:32px}.Base64ImageConverter_sectionTitle__C0bUd{font-size:1.25rem}.Base64ImageConverter_inputTextarea__p912D,.Base64ImageConverter_outputTextarea__T40Lt{font-size:12px;padding:10px}.Base64ImageConverter_uploadArea__Xsbmm{padding:24px 16px}.Base64ImageConverter_uploadHint__i5QlC{font-size:14px}.Base64ImageConverter_uploadSubHint__VttWX{font-size:11px}.Base64ImageConverter_uploadIcon__bmiIY{font-size:36px}.Base64ImageConverter_imagePreview__8gzEA{max-height:200px}}.Button_button__QBQp1{display:flex;justify-content:center;align-items:center;align-content:center;background-color:#fff;color:#0f3454;padding:5px;cursor:pointer;outline:none;border-radius:0;border:none;transition:background-color .6s ease,color .3s ease;box-shadow:-5px 0 5px -5px rgba(0,0,0,.1),0 -5px 5px -5px rgba(0,0,0,.1),5px 0 5px -5px rgba(0,0,0,.1)}.Button_button__QBQp1:active{background-color:#e0e0e0;color:rgba(15,52,84,.7)}.Button_button__QBQp1:hover img{opacity:.7}.Button_button__QBQp1 img{margin-right:5px;align-content:center;width:15px;height:15px}.Button_button__QBQp1:focus{color:rgba(0,0,0,.7)}.Button_button__QBQp1:disabled{opacity:.5;cursor:not-allowed}.Button_clearButton___pz7p{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s,transform .2s;background-color:#f5f5f5}.Button_clearButton___pz7p:hover{background-color:#e0e0e0;transform:scale(1.05)}.Button_clearButton___pz7p:active{transform:scale(.95)}.Button_copyWrapper___WJge{position:relative;display:inline-flex}.Button_copyButton__FpEpe{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s,transform .2s;background-color:#f5f5f5}.Button_copyButton__FpEpe:hover:not(:disabled){background-color:#e0e0e0;transform:scale(1.05)}.Button_copyButton__FpEpe:active:not(:disabled){transform:scale(.95)}.Button_copyButton__FpEpe:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.Button_copyButton__FpEpe.Button_copied__3Qp2b{background-color:#d07f84;color:#fff}.Button_copyButton__FpEpe.Button_copied__3Qp2b:hover{background-color:#d07f84}.Button_tooltip__JzdHN{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:4px 8px;background-color:rgba(0,0,0,.75);color:#fff;font-size:12px;white-space:nowrap;border-radius:4px;pointer-events:none;animation:Button_fadeInOut__RsMzp 2s ease forwards}@keyframes Button_fadeInOut__RsMzp{0%{opacity:0;transform:translateX(-50%) translateY(4px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-4px);visibility:hidden}}