.base64_tool__JVcM4{max-width:620px;margin:0 auto}.base64_inputCard__gGTm5{background:var(--cbd-surface);border:1px solid var(--cbd-outline-variant);border-radius:4px;box-shadow:var(--cbd-elev-1);padding:20px}.base64_modes__gZ8oK{display:flex;gap:7px;margin-bottom:14px}.base64_mode__oJP1Y{flex:1 1;height:38px;border:1.5px solid var(--cbd-outline);background:var(--cbd-surface);color:var(--cbd-on-surface-variant);border-radius:2px;cursor:pointer;font-family:var(--cbd-font-mono);font-size:11px;font-weight:600;transition:background .13s ease,border-color .13s ease,color .13s ease}.base64_modeActive__V4SPH,.base64_mode__oJP1Y:hover{border-color:var(--cbd-primary)}.base64_modeActive__V4SPH{background:var(--cbd-primary-container);color:var(--cbd-primary)}.base64_mode__oJP1Y:focus-visible{outline:2px solid var(--cbd-primary);outline-offset:2px}.base64_textarea__WTcNk{width:100%;height:90px;resize:vertical;border:1.5px solid var(--cbd-outline);border-radius:2px;background:var(--cbd-surface);padding:12px 14px;font-size:14px;line-height:1.5;color:var(--cbd-on-surface);font-family:var(--cbd-font-body)}.base64_textarea__WTcNk::placeholder{color:var(--cbd-on-surface-muted)}.base64_textarea__WTcNk:focus-visible{outline:none;border-color:var(--cbd-primary)}.base64_textareaMono__Wl4Fp{font-family:var(--cbd-font-mono)}.base64_outputCard__ZfbI5{margin-top:14px;background:#0b0c0e;border-radius:4px;padding:18px;position:relative}.base64_outputHead__0yc_V{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.base64_outputLabel__S6tad{font-family:var(--cbd-font-mono);font-size:10px;letter-spacing:.1em;color:var(--cbd-primary)}.base64_copy__2auCN{display:flex;align-items:center;gap:5px;height:30px;padding:0 11px;background:var(--cbd-surface-variant);color:var(--cbd-on-surface);border:none;border-radius:2px;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--cbd-font-body);transition:opacity .13s ease}.base64_copy__2auCN:hover{opacity:.85}.base64_copy__2auCN:disabled{opacity:.45;cursor:default}.base64_copy__2auCN:focus-visible{outline:2px solid var(--cbd-primary);outline-offset:2px}.base64_copyIcon__XALKO{font-size:14px}.base64_output__b9bcH{font-family:var(--cbd-font-mono);font-size:14px;line-height:1.7;color:#fff;word-break:break-all;min-height:20px;white-space:pre-wrap}.base64_outputEmpty__2zH3H{color:hsla(0,0%,100%,.4)}.base64_outputError__hWNQT{color:var(--cbd-error);word-break:normal}