.tool-base64-encoder .b64-card{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.tool-base64-encoder .b64-tabs,.tool-base64-encoder .b64-bar,.tool-base64-encoder .b64-file{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tool-base64-encoder .b64-tab,.tool-base64-encoder .b64-btn{font:inherit;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--fg);cursor:pointer;display:inline-block}
.tool-base64-encoder .b64-btn:hover,.tool-base64-encoder .b64-tab:hover{border-color:var(--accent)}
.tool-base64-encoder .b64-primary,.tool-base64-encoder .b64-tab[aria-selected=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.tool-base64-encoder .b64-opts{display:flex;flex-wrap:wrap;gap:6px 18px}
.tool-base64-encoder .b64-opts label{display:flex;gap:6px;align-items:center}
.tool-base64-encoder .b64-label{font-weight:600}
.tool-base64-encoder .b64-ta{width:100%;box-sizing:border-box;height:150px;font:.9rem/1.5 ui-monospace,Consolas,monospace;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--fg);resize:vertical;overflow-wrap:anywhere}
.tool-base64-encoder .b64-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.tool-base64-encoder .b64-hidden:focus-visible+*,.tool-base64-encoder button:focus-visible,.tool-base64-encoder textarea:focus-visible,.tool-base64-encoder input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tool-base64-encoder .b64-file:focus-within .b64-btn{outline:2px solid var(--accent);outline-offset:2px}
.tool-base64-encoder .b64-muted{color:var(--muted);font-size:.9rem;margin:0}
.tool-base64-encoder .b64-status{margin:0;min-height:1.3em}
.tool-base64-encoder .b64-status.err{color:var(--danger)}
.tool-base64-encoder .b64-status.ok{color:var(--ok)}
.tool-base64-encoder [hidden]{display:none!important}