.Base64ImageEncoder_container__dQLZz{width:100%;max-width:1400px;margin:0 auto}.Base64ImageEncoder_container-wide__c_cmm{width:100%;max-width:1600px;margin:0 auto}.Base64ImageEncoder_container-narrow__NHYhV{width:100%;max-width:90rem;margin:0 auto}.Base64ImageEncoder_glass-card-frosted__vPZD7,.Base64ImageEncoder_glass-card__BThn6,.Base64ImageEncoder_glassCard__0TlgC{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1rem;transition:all .3s ease}.Base64ImageEncoder_glass-card-frosted__vPZD7{backdrop-filter:blur(10px)}.Base64ImageEncoder_section-title__AeuVe,.Base64ImageEncoder_sectionTitle__CctHz{font-size:1.125rem;margin:0 0 1.25rem}.Base64ImageEncoder_section-title-sm__1EZIg,.Base64ImageEncoder_section-title__AeuVe,.Base64ImageEncoder_sectionTitle__CctHz{font-weight:600;color:var(--text-primary);font-family:Michroma,Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif}.Base64ImageEncoder_section-title-sm__1EZIg{font-size:1rem;margin:0 0 1rem}.Base64ImageEncoder_input-field__v5_kc{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--text-primary);font-size:1rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;transition:all .2s ease}.Base64ImageEncoder_input-field__v5_kc:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}.Base64ImageEncoder_input-field__v5_kc::placeholder{color:var(--text-muted)}.Base64ImageEncoder_input-field__v5_kc::-webkit-inner-spin-button,.Base64ImageEncoder_input-field__v5_kc::-webkit-outer-spin-button{opacity:1}.Base64ImageEncoder_input-label__x_4Dt,.Base64ImageEncoder_inputLabel__b8P30{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.Base64ImageEncoder_slider__ulkV_{width:100%;height:6px;border-radius:3px;background:var(--input-bg);appearance:none;cursor:pointer;outline:none}.Base64ImageEncoder_slider__ulkV_::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-white);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .2s ease}.Base64ImageEncoder_slider__ulkV_::-webkit-slider-thumb:hover{transform:scale(1.1)}.Base64ImageEncoder_slider__ulkV_::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--color-white);border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md)}.Base64ImageEncoder_slider-header__srujh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.Base64ImageEncoder_slider-label__w5VoH{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.Base64ImageEncoder_slider-value__Cl_04{font-size:.875rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;color:var(--text-primary)}.Base64ImageEncoder_color-input___Fzld{width:48px;height:48px;padding:0;border:2px solid var(--border-medium);border-radius:.5rem;cursor:pointer;background:rgba(0,0,0,0);transition:all .2s ease}.Base64ImageEncoder_color-input___Fzld::-webkit-color-swatch-wrapper{padding:0}.Base64ImageEncoder_color-input___Fzld::-webkit-color-swatch{border:none;border-radius:calc(.5rem - 2px)}.Base64ImageEncoder_color-input___Fzld:hover{border-color:var(--border-strong);transform:scale(1.05)}.Base64ImageEncoder_color-input___Fzld:focus{outline:none;border-color:var(--input-border-focus)}.Base64ImageEncoder_color-input-sm__dfGP5{width:32px;height:32px;border-width:1px}.Base64ImageEncoder_info-grid__4uiBK{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.Base64ImageEncoder_info-grid__4uiBK{grid-template-columns:1fr}}.Base64ImageEncoder_info-item__yCKGq{padding:1rem;background:var(--input-bg);border-radius:.5rem;border:1px solid var(--border-subtle)}.Base64ImageEncoder_info-subtitle__WUYyz{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.Base64ImageEncoder_info-text__pZfST,.Base64ImageEncoder_infoText__ojQfs{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.Base64ImageEncoder_info-text__pZfST code,.Base64ImageEncoder_infoText__ojQfs code{padding:.125rem .375rem;background:var(--bg-glass);border-radius:.375rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.8rem;color:var(--text-code)}.Base64ImageEncoder_grid-2col__8iio8{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:1024px){.Base64ImageEncoder_grid-2col__8iio8{grid-template-columns:1fr}}.Base64ImageEncoder_grid-2col-768__iikES{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.Base64ImageEncoder_grid-2col-768__iikES{grid-template-columns:1fr}}.Base64ImageEncoder_copy-btn__MjRhF,.Base64ImageEncoder_copyBtn__ZnPRD{padding:.5rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.Base64ImageEncoder_copy-btn__MjRhF:hover,.Base64ImageEncoder_copyBtn__ZnPRD:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.Base64ImageEncoder_copied__Lq0mk.Base64ImageEncoder_copyBtn__ZnPRD,.Base64ImageEncoder_copy-btn__MjRhF.Base64ImageEncoder_copied__Lq0mk{color:oklch(.7 .18 145)}.Base64ImageEncoder_copy-icon__U8hId,.Base64ImageEncoder_copyIcon__vUgx7{width:1rem;height:1rem}.Base64ImageEncoder_tabBar__8shMr{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.75rem;padding:.25rem;display:inline-flex}.Base64ImageEncoder_tab___2S5S{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.Base64ImageEncoder_tabActive__4lAFI,.Base64ImageEncoder_tab___2S5S:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.Base64ImageEncoder_tabActive__4lAFI{border-color:var(--border-medium);font-weight:600}.Base64ImageEncoder_dropZone__bWxPx{border:2px dashed var(--border-medium);background:var(--input-bg);transition:all .2s ease}.Base64ImageEncoder_dropZoneActive__HwUrO,.Base64ImageEncoder_dropZone__bWxPx:hover{border-color:oklch(.55 .196 311.1);background:var(--input-bg-focus)}.Base64ImageEncoder_dropZoneActive__HwUrO{border-style:solid}.Base64ImageEncoder_dropIcon__bcnV1{color:var(--text-muted)}.Base64ImageEncoder_dropText__zY8iz{color:var(--text-secondary)}.Base64ImageEncoder_dropHint__4E2Fy{color:var(--text-muted)}.Base64ImageEncoder_previewContainer__sx7_4{background:var(--input-bg);border:1px solid var(--border-subtle);background-image:linear-gradient(45deg,#808080 25%,transparent 0),linear-gradient(-45deg,#808080 25%,transparent 0),linear-gradient(45deg,transparent 75%,#808080 0),linear-gradient(-45deg,transparent 75%,#808080 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#404040}.Base64ImageEncoder_previewImage__8eOMd{object-fit:contain}.Base64ImageEncoder_infoChip__3rt5u{padding:.25rem .75rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-secondary);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.8rem}.Base64ImageEncoder_toggleLabel__1lA2A{color:var(--text-secondary)}.Base64ImageEncoder_checkbox__57FV4{accent-color:oklch(.55 .196 311.1);width:1rem;height:1rem;cursor:pointer}.Base64ImageEncoder_btnPrimary__GhL2E{padding:.625rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;border:1px solid rgba(0,0,0,0)}.Base64ImageEncoder_btnPrimary__GhL2E:disabled{opacity:.5;cursor:not-allowed}.Base64ImageEncoder_btnPrimary__GhL2E{background:var(--bg-glass);border-color:var(--border-subtle);color:var(--text-primary);font-weight:500}.Base64ImageEncoder_btnPrimary__GhL2E:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-medium)}.Base64ImageEncoder_btnPrimary__GhL2E{padding:.5rem 1rem;font-size:.875rem}.Base64ImageEncoder_btnPrimary__GhL2E.Base64ImageEncoder_copied__Lq0mk{background:oklch(.7 .18 145)}.Base64ImageEncoder_btnSecondary__AJL9D{padding:.625rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;border:1px solid rgba(0,0,0,0)}.Base64ImageEncoder_btnSecondary__AJL9D:disabled{opacity:.5;cursor:not-allowed}.Base64ImageEncoder_btnSecondary__AJL9D{background:var(--bg-glass);border-color:var(--border-subtle);color:var(--text-primary);font-weight:500}.Base64ImageEncoder_btnSecondary__AJL9D:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-medium)}.Base64ImageEncoder_btnSecondary__AJL9D{padding:.5rem 1rem;font-size:.875rem}.Base64ImageEncoder_copied__Lq0mk{color:oklch(.7 .18 145)}.Base64ImageEncoder_textarea__4ad2Y{width:100%;min-height:200px;max-height:400px;padding:1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--text-primary);font-size:.8rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;line-height:1.6;transition:all .2s ease;overflow-y:auto;resize:vertical;word-break:break-all}.Base64ImageEncoder_textarea__4ad2Y:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}.Base64ImageEncoder_textarea__4ad2Y::placeholder{color:var(--text-muted)}.Base64ImageEncoder_textarea__4ad2Y.Base64ImageEncoder_readOnly__GUgWb{background:var(--bg-overlay-light);cursor:default}.Base64ImageEncoder_textarea__4ad2Y::-webkit-scrollbar{width:6px;height:6px}.Base64ImageEncoder_textarea__4ad2Y::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.Base64ImageEncoder_textarea__4ad2Y::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.Base64ImageEncoder_textarea__4ad2Y::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.Base64ImageEncoder_codeBlock__2e82M{background:var(--input-bg);border:1px solid var(--border-subtle);white-space:pre-wrap;word-break:break-all}.Base64ImageEncoder_codeBlock__2e82M,.Base64ImageEncoder_codeInline__NpRQt{color:var(--text-code);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.Base64ImageEncoder_codeInline__NpRQt{padding:.125rem .375rem;background:var(--bg-glass);border-radius:.375rem;font-size:.8rem}.Base64ImageEncoder_statText__2t38i{color:var(--text-tertiary)}.Base64ImageEncoder_errorText__tlMwP{color:oklch(.65 .2 25)}.Base64ImageEncoder_infoTitle__n_6bK{color:var(--text-primary)}@media(max-width:768px){.Base64ImageEncoder_infoGrid__dwhux{grid-template-columns:1fr}}.Base64ImageEncoder_infoSubtitle__TN55y{font-size:.95rem;color:var(--text-secondary)}