.base64-encoder_root__HGHA1{min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column}.base64-encoder_header__vLF41{padding:1.5rem 1.5rem 1rem}.base64-encoder_headerInner__XcKX2{max-width:48rem;margin:0 auto;position:relative;text-align:center;display:flex;align-items:center;gap:.75rem;justify-content:center}.base64-encoder_backLink__GY_T2{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.25rem;color:#a5adcb;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;white-space:nowrap}.base64-encoder_backLink__GY_T2:hover{color:var(--color-text-primary)}.base64-encoder_pageTitle__mxAOS{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin:0}.base64-encoder_controlBar___gUc4{max-width:48rem;padding:0 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 auto 1rem}.base64-encoder_modeSwitch__wh1y0{display:flex;align-items:center;gap:.5rem;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.base64-encoder_modeSwitchLabel__Aol0t{font-size:.875rem;font-weight:500;color:var(--color-text-subtle);transition:color .2s}.base64-encoder_modeSwitchLabelActive__0rU5Q{color:var(--color-blue)}.base64-encoder_switchTrack__p_gTG{position:relative;width:2.75rem;height:1.5rem;border-radius:9999px;background-color:var(--color-border);cursor:pointer;transition:background-color .2s;flex-shrink:0}.base64-encoder_switchTrack__p_gTG:hover{background-color:var(--color-border-muted)}.base64-encoder_switchThumb__D7cM7{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background-color:var(--color-blue);transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.base64-encoder_switchThumbOn__NmAgN{transform:translateX(1.25rem)}.base64-encoder_checkLabel__51BJQ{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:#a5adcb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.base64-encoder_checkbox__R226c{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-blue)}.base64-encoder_statusError__3yhqN{font-size:.8125rem;color:var(--color-error);font-family:monospace;background-color:var(--color-red-dim);border:1px solid var(--color-red-border);border-radius:.375rem;padding:.25rem .5rem;white-space:nowrap}.base64-encoder_statusOk__Yx8uB{font-size:.8125rem;font-weight:600;color:var(--color-success);background-color:var(--color-green-dim);border:1px solid var(--color-green-border);border-radius:.375rem;padding:.25rem .5rem;white-space:nowrap}.base64-encoder_statusMeta__3CbBL{font-weight:400;font-size:.75rem;color:var(--color-success);font-family:SF Mono,Menlo,monospace;margin-left:.375rem}.base64-encoder_body__gxJwE{display:flex;flex:1 1;overflow:hidden}.base64-encoder_sideAd__GL6b4{width:15%;min-width:160px;max-width:300px;display:flex;align-items:flex-start;justify-content:center;padding:1rem 0;background-color:var(--color-bg-surface)}.base64-encoder_sideAd__GL6b4:first-child{border-right:1px solid var(--color-border)}.base64-encoder_sideAd__GL6b4:last-child{border-left:1px solid var(--color-border)}.base64-encoder_main__CXXz6{flex:1 1;min-width:0;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.base64-encoder_panels__4snZ1{display:flex;flex:1 1;gap:0;align-items:stretch;min-height:420px}.base64-encoder_panel__mtxTb{display:flex;flex-direction:column;flex:1 1;min-width:0;border:1px solid var(--color-border);border-radius:.75rem;background-color:var(--color-bg-surface);overflow:hidden}.base64-encoder_panelHeader__SSi43{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);flex-shrink:0}.base64-encoder_panelActions__Vpdvj{display:flex;gap:.375rem}.base64-encoder_actionBtn__w6yc_{font-size:.75rem;font-weight:500;color:#a5adcb;background:none;border:1px solid var(--color-border-muted);border-radius:9999px;padding:.25rem .625rem;cursor:pointer;transition:all .15s}.base64-encoder_actionBtn__w6yc_:hover:not(:disabled){color:var(--color-text-primary);border-color:#5b6078;background-color:var(--color-border)}.base64-encoder_actionBtn__w6yc_:disabled{opacity:.4;cursor:not-allowed}.base64-encoder_textarea__eOdZw{flex:1 1;width:100%;padding:1rem;font-family:SF Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-surface);border:none;outline:none;resize:none;box-sizing:border-box}.base64-encoder_textareaOutput__neJQA{background-color:var(--color-bg-elevated);color:#b8c0e0}.base64-encoder_panelFooter__h3vqN{padding:.375rem .875rem;border-top:1px solid var(--color-border);min-height:1.75rem;display:flex;align-items:center;background-color:var(--color-bg-page);flex-shrink:0}.base64-encoder_charCount__Hdc0W{font-size:.75rem;color:var(--color-text-subtle);font-family:SF Mono,Menlo,monospace}.base64-encoder_swapCol__W_p0K{padding:0 .75rem}.base64-encoder_swapBtn__xZHX4,.base64-encoder_swapCol__W_p0K{display:flex;align-items:center;justify-content:center;flex-shrink:0}.base64-encoder_swapBtn__xZHX4{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-border-muted);background:var(--color-bg-page);font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.base64-encoder_swapBtn__xZHX4:hover:not(:disabled){background-color:var(--color-blue);border-color:var(--color-blue);color:var(--color-bg-page)}.base64-encoder_swapBtn__xZHX4:disabled{opacity:.35;cursor:not-allowed}.base64-encoder_explainer__GI03M{border-top:1px solid var(--color-border);background-color:var(--color-bg-surface);padding:3rem 2rem}.base64-encoder_explainerGrid__0CaIN{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.5rem;gap:2.5rem}.base64-encoder_explainerSection__TP4Ki{display:flex;flex-direction:column;gap:.875rem}.base64-encoder_explainerTitle__kiJ1y{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.base64-encoder_explainerText__HU7W4{font-size:.9375rem;color:#a5adcb;line-height:1.7;margin:0}.base64-encoder_explainerList__CZ10s{font-size:.9375rem;color:#a5adcb;line-height:1.8;margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.25rem}.base64-encoder_explainerLink__fA51O{color:var(--color-blue);text-decoration:none}.base64-encoder_explainerLink__fA51O:hover{text-decoration:underline}.base64-encoder_code__0zQAt{font-family:SF Mono,Menlo,monospace;font-size:.8125rem;color:var(--color-blue);background-color:var(--color-border);padding:.1rem .35rem;border-radius:.25rem}