.base64-hero{background:var(--silver-canvas);padding:24px 0 44px}.base64-heading{justify-content:space-between;align-items:center;gap:24px;margin:24px 0 32px;display:flex}.base64-eyebrow{color:var(--silver-violet-text);margin-bottom:12px;font-size:13px;font-weight:700}.base64-heading h1{letter-spacing:-.048em;font-size:clamp(40px,4.65vw,66px);font-weight:800;line-height:1.02}.base64-heading h1 span{color:var(--silver-violet)}.base64-lead{color:var(--silver-muted);margin-top:16px;font-size:20px}.base64-privacy{border:1px solid var(--silver-line);border-radius:8px;align-items:center;gap:12px;padding:18px;font-size:14px;display:flex}.base64-privacy .icon,.base64-privacy-panel>.icon{color:var(--silver-violet-text);flex-shrink:0}.base64-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;padding:28px}.base64-editors{grid-template-columns:1fr 1fr;gap:28px;display:grid}.base64-editor{min-width:0}.base64-result{border-left:1px solid var(--silver-line);padding-left:28px}.base64-panel fieldset{border:0;min-width:0;margin:22px 0;padding:0}.base64-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.base64-panel label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.base64-panel select,.base64-panel input[type=text],.base64-panel input[type=file]{width:100%;min-height:44px;color:var(--silver-ink);font:inherit;background:#fff;border:1px solid #858ba3;border-radius:5px;margin-top:8px;padding:10px}.base64-panel label.base64-checkbox{flex-wrap:wrap;align-content:center;align-items:center;gap:8px;padding-top:20px;display:flex}.base64-checkbox input{accent-color:var(--silver-violet);width:20px;height:20px}.base64-checkbox span{color:var(--silver-muted);width:100%;font-weight:400}.base64-editor textarea{resize:vertical;width:100%;min-height:200px;color:var(--silver-ink);background:#fff;border:1px solid #858ba3;border-radius:8px;padding:14px;font:15px/1.5 ui-monospace,monospace;display:block}.base64-editor textarea::placeholder{color:var(--silver-muted)}.base64-editor textarea[readonly]{background:var(--silver-panel)}.base64-editor [aria-invalid=true]{border-color:var(--silver-error)}.base64-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.base64-secondary{min-height:44px;color:var(--silver-violet-text);background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.base64-secondary:hover{background:#eae5ff}.base64-error{color:var(--silver-error);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.base64-chooser{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.base64-panel input[type=file].base64-file-native{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.base64-panel label.base64-choose{min-height:44px;color:var(--silver-violet-text);cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;margin:0;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.base64-panel label.base64-choose:hover{background:#eae5ff}.base64-file-native:focus-visible+.base64-choose{outline:2px solid var(--silver-ink);outline-offset:2px}.base64-file-native:disabled+.base64-choose{border-color:var(--silver-line);color:var(--silver-muted);cursor:not-allowed}.base64-file-native[aria-invalid=true]+.base64-choose{border-color:var(--silver-error)}.base64-file-name{min-width:0;color:var(--silver-muted);overflow-wrap:anywhere;flex:160px;font-size:14px}.base64-note{background:var(--silver-panel);color:var(--silver-muted);border-radius:8px;margin-top:22px;padding:16px;font-size:14px}.base64-filename{margin-top:16px}#base64-output-label{margin-top:20px}#base64-status{min-height:24px;color:var(--silver-muted);overflow-wrap:anywhere;margin-top:24px}#base64-status[data-error=true]{color:var(--silver-error)}#base64-binary{border:1px solid var(--silver-line);background:var(--silver-panel);border-radius:8px;margin-top:12px;padding:24px}.base64-support{gap:36px;padding-block:36px 44px;display:grid}.base64-muted{color:var(--silver-muted);margin-top:10px}.base64-intro{max-width:80ch}.base64-content{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:24px}.base64-content p,.base64-content ol,.base64-content ul{color:var(--silver-muted);overflow-wrap:anywhere;max-width:80ch;margin-top:16px}.base64-content ol,.base64-content ul{padding-left:24px}.base64-content li+li{margin-top:12px}.base64-content li .text-link{min-height:0;font-size:inherit;text-decoration:underline;display:inline}.base64-steps{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.base64-steps li{counter-increment:steps;padding-left:52px;position:relative}.base64-steps li:before{content:counter(steps);color:#fff;background:var(--silver-violet);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:0;left:0}.base64-steps p,.base64-faqs p,.base64-privacy-panel p{color:var(--silver-muted);margin-top:10px}.base64-privacy-panel{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;align-items:center;gap:24px;padding:28px;display:flex}.base64-faqs{grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:20px;display:grid}.base64-faqs details{border:1px solid var(--silver-line);border-radius:5px;padding:0 16px}.base64-faqs summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600}.base64-faqs p{padding-bottom:16px}.base64-panel [hidden]{display:none}@media (width<=900px){.base64-heading{flex-direction:column;align-items:flex-start}}@media (width<=700px){.base64-heading h1{font-size:clamp(35px,8.8vw,58px)}.base64-panel{padding:23px}.base64-editors,.base64-steps,.base64-faqs{grid-template-columns:1fr}.base64-result{border-left:0;border-top:1px solid var(--silver-line);padding:24px 0 0}.base64-options{grid-template-columns:1fr}.base64-panel label.base64-checkbox{padding-top:0}.base64-privacy-panel{align-items:flex-start;padding:23px}}.ib64-field{margin-top:24px}.ib64-chooser{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex;position:relative}.base64-panel input[type=file].ib64-native{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.base64-panel label.ib64-choose{background:var(--silver-violet);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;min-height:44px;margin:0;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.base64-panel label.ib64-choose:hover{background:var(--silver-violet-hover)}.base64-panel label.ib64-choose[data-loaded=true]{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}.base64-panel label.ib64-choose[data-loaded=true]:hover{background:#eae5ff}.ib64-native:focus-visible+.ib64-choose{outline:2px solid var(--silver-ink);outline-offset:2px}.ib64-native:disabled+.ib64-choose{border-color:var(--silver-line);background:var(--silver-line);color:var(--silver-muted);cursor:not-allowed}.ib64-native[aria-invalid=true]+.ib64-choose{outline:2px solid var(--silver-error);outline-offset:2px}.ib64-name{min-width:0;color:var(--silver-muted);overflow-wrap:anywhere;flex:160px;font-size:14px}.ib64-preview{margin-top:20px}.ib64-preview:empty{display:none}.ib64-preview img{object-fit:contain;border:1px solid var(--silver-line);border-radius:8px;max-width:100%;max-height:220px;display:block}#ib64-status{min-height:24px;color:var(--silver-muted);overflow-wrap:anywhere;margin-top:24px}#ib64-status[data-error=true]{color:var(--silver-error)}#ib64-type{overflow-wrap:anywhere}