.Base64_container__qKuEy{display:flex;flex-direction:column;gap:var(--spacing-6)}.Base64_modeGroup__xViNv{display:flex;align-items:center;gap:var(--spacing-2);background:var(--bg-primary);padding:var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--border-color);width:fit-content}.Base64_modeBtn__TgMb6{background:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s}.Base64_modeBtn__TgMb6:hover{color:var(--text-primary)}.Base64_modeBtn__TgMb6.Base64_active__Ud349{background:var(--brand-primary);color:#171717}.Base64_swapBtn__RJzuk{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);transition:transform .2s}.Base64_swapBtn__RJzuk:hover{color:var(--brand-primary);transform:rotate(180deg)}.Base64_ioContainer__ucNeK{display:flex;flex-direction:column;gap:var(--spacing-6)}.Base64_ioBox__3f_S4{display:flex;flex-direction:column;gap:var(--spacing-2)}.Base64_outputHeader__DoqDQ{display:flex;justify-content:space-between;align-items:center}.Base64_label__rpptz{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.Base64_textArea__XNM_E{width:100%;padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;resize:vertical}.Base64_textArea__XNM_E:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(255,187,0,.2)}.Base64_outputArea__pxkca{background-color:var(--bg-secondary);cursor:text}.Base64_errorArea__grou5{color:#dc2626}.Base64_copyBtn__Wr__6{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.Base64_copyBtn__Wr__6:hover:not(:disabled){background:var(--border-color)}.Base64_copyBtn__Wr__6:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.Base64_ioContainer__ucNeK{flex-direction:row}.Base64_ioBox__3f_S4{flex:1}}