.imageBase64_container__yHpaP{max-width:1200px;margin:0 auto;padding:2rem 1rem}.imageBase64_header__Yacol{text-align:center;margin-bottom:2rem}.imageBase64_header__Yacol h1{font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:.5rem}.imageBase64_header__Yacol p{color:var(--text-muted);font-size:1rem}.imageBase64_dropzone__VUque{border:2px dashed var(--border-default);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;margin-bottom:1.5rem;background:var(--bg-page);transition:all .2s ease}.imageBase64_dropzone__VUque:hover{border-color:var(--primary-light);background:var(--primary-bg)}.imageBase64_dropzone__VUque p{color:var(--text-muted);font-weight:500}.imageBase64_editorWrapper__gnzYw{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.imageBase64_editorPanel__GvkSE{display:flex;flex-direction:column;gap:.5rem}.imageBase64_editorPanel__GvkSE label{font-weight:600;color:var(--text-primary)}.imageBase64_editorPanel__GvkSE textarea{height:300px;padding:1rem;border:2px solid var(--border-default);border-radius:8px;font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.imageBase64_editorPanel__GvkSE textarea:focus{outline:none;border-color:var(--primary-light)}.imageBase64_editorPanel__GvkSE button{align-self:flex-start;padding:.5rem 1rem;border:2px solid var(--border-default);background:var(--bg-card);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.imageBase64_editorPanel__GvkSE button:hover{border-color:var(--primary-light);background:var(--primary-bg)}.imageBase64_outputHeader__8w0kC{display:flex;justify-content:space-between;align-items:center}.imageBase64_outputHeader__8w0kC .imageBase64_copyBtn__QeLQI{padding:.25rem .75rem;background:var(--success);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.imageBase64_outputHeader__8w0kC .imageBase64_copyBtn__QeLQI:hover{background:#059669}.imageBase64_outputHeader__8w0kC .imageBase64_copyBtn__QeLQI.imageBase64_copied__p_3Qm{background:var(--success);color:#fff;animation:imageBase64_copy-pop__u_9GM .15s ease}@keyframes imageBase64_copy-pop__u_9GM{50%{transform:scale(.96)}}.imageBase64_outputHeader__8w0kC .imageBase64_copyBtn__QeLQI.imageBase64_copied__p_3Qm{background:#059669}.imageBase64_primaryBtn__2g_iW{background:var(--primary);border-color:var(--primary);color:#fff}.imageBase64_primaryBtn__2g_iW:hover{background:var(--primary-light);border-color:var(--primary-light)}.imageBase64_previewBox___1_1s{height:300px;border:2px solid var(--border-default);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-page)}.imageBase64_previewBox___1_1s img{max-width:100%;max-height:100%;object-fit:contain}.imageBase64_previewBox___1_1s .imageBase64_placeholder__klaA6{color:var(--text-muted)}.imageBase64_errorOutput__8EQmV{color:#dc2626;padding:1rem}.imageBase64_actions__6_qc4{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.imageBase64_actions__6_qc4 .imageBase64_clearBtn__eyuvz{padding:.5rem 1rem;border:2px solid var(--error);background:var(--bg-card);color:var(--error);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.imageBase64_actions__6_qc4 .imageBase64_clearBtn__eyuvz:hover{background:var(--error-bg)}.imageBase64_info__4bEAl{margin-top:2rem;padding:1.5rem;background:var(--bg-page);border-radius:12px;border-left:4px solid var(--primary)}.imageBase64_info__4bEAl h3{color:var(--text-primary);margin-bottom:.5rem}.imageBase64_info__4bEAl p{color:var(--text-muted);line-height:1.6}@media(max-width:768px){.imageBase64_editorWrapper__gnzYw{grid-template-columns:1fr}}