.ImageToBase64_container__lIQYW{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:900px;margin:0 auto}.ImageToBase64_uploadArea__tfn9L{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);gap:var(--spacing-4);transition:border-color .2s ease}.ImageToBase64_uploadArea__tfn9L:hover{border-color:var(--brand-primary)}.ImageToBase64_uploadBtn__Z0CLo{background:var(--brand-primary);color:#171717;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:inline-block}.ImageToBase64_uploadBtn__Z0CLo:hover{background:var(--brand-primary-hover);transform:translateY(-2px)}.ImageToBase64_fileInput__mdAUV{display:none}.ImageToBase64_helpText__CDtOk{font-size:.875rem;color:var(--text-secondary);margin:0;text-align:center}.ImageToBase64_resultsArea__4WOlt{display:flex;flex-direction:column;gap:var(--spacing-6)}.ImageToBase64_metaInfo__gCdol{display:flex;flex-direction:column;gap:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-6)}@media (min-width:640px){.ImageToBase64_metaInfo__gCdol{flex-direction:row;align-items:center}}.ImageToBase64_previewBox__Y_tsG{width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);flex-shrink:0}.ImageToBase64_previewImg__JqidU{max-width:100%;max-height:100%;object-fit:contain}.ImageToBase64_fileStats__cZOpp{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.ImageToBase64_statItem__uVKjC{display:flex;align-items:center;gap:var(--spacing-2)}.ImageToBase64_statLabel__OUzqu{font-weight:600;color:var(--text-secondary);font-size:.875rem;width:120px}.ImageToBase64_statValue__NAcIh{color:var(--text-primary);font-weight:500;font-family:var(--font-mono);word-break:break-all}.ImageToBase64_codeSections__texop{display:flex;flex-direction:column;gap:var(--spacing-4)}.ImageToBase64_codeBox__3Wq8X{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.ImageToBase64_codeHeader__MkK5b{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary)}.ImageToBase64_copyBtn__rmUXN{background:var(--brand-primary);color:#171717;border:none;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ImageToBase64_copyBtn__rmUXN:hover{background:var(--brand-primary-hover)}.ImageToBase64_textArea__06e72{width:100%;min-height:200px;padding:var(--spacing-4);border:none;background:transparent;color:var(--brand-primary);font-family:var(--font-mono);font-size:.875rem;resize:vertical;outline:none;word-break:break-all}.ImageToBase64_smallArea__Jml_d{min-height:80px;color:var(--text-primary)}