/* UVs navy and gold, with scoped controls and responsive single-column panels. */
.b64-hero{padding:28px 0 38px}.b64-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#647087;margin-bottom:36px}.b64-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#82683f}.b64-hero h1{font-size:clamp(38px,5.7vw,70px);line-height:1.07;letter-spacing:-.05em;margin:17px 0 23px}.b64-hero h1 em{font:italic 1.06em Georgia,serif;color:#96713b}.b64-intro{max-width:650px;font-size:16px;line-height:1.8;color:#637085}.b64-hero-meta{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;font-weight:700;margin-top:26px}.b64-hero-meta span{border-left:2px solid #c9a263;padding-left:12px}.b64-app{border:1px solid #dfe2e7;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 65px #2d375109}.b64-app [hidden]{display:none!important}.b64-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-bottom:1px solid #e4e6eb}.b64-top h2{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}.b64-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.b64-app button,.b64-app select,.b64-app input,.b64-app textarea{font:inherit}.b64-app button,.b64-upload,.b64-secondary{min-height:44px;border:1px solid #d9dfe8;border-radius:9px;background:#fff;color:#2d3751;padding:11px 14px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.b64-app button:hover:not(:disabled),.b64-upload:hover,.b64-secondary:hover{background:#f8f3e9;border-color:#c9a263}.b64-app button:disabled{opacity:.45;cursor:not-allowed}.b64-app :focus-visible{outline:3px solid #2d3751;outline-offset:3px}.b64-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.b64-input-side,.b64-output-side{padding:28px;min-width:0}.b64-input-side{background:#fcfbf8;border-right:1px solid #e4e6eb}.b64-modes{display:flex;background:#eae8e3;border-radius:10px;padding:4px;gap:4px;margin-bottom:24px}.b64-modes button{flex:1;background:transparent;border-color:transparent;padding:10px 8px}.b64-modes button[aria-pressed=true]{background:#2d3751;color:#fff}.b64-drop{border:1px dashed #c6b58f;border-radius:14px;padding:26px 23px;text-align:center;background:#fff}.b64-drop.b64-dragging{border-style:solid;background:#f1e7d4}.b64-drop-icon{display:inline-grid;place-items:center;border:1px solid #d9c7a3;border-radius:14px;width:52px;height:52px;font:30px Georgia,serif;color:#94703e;background:#f8f3e9}.b64-drop h3{font:26px Georgia,serif;margin:17px 0 13px}.b64-drop p{font-size:13px;line-height:1.8;color:#657087}.b64-app .b64-upload{position:relative;overflow:hidden;background:#2d3751;color:#fff;margin:8px 0}.b64-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.b64-upload:focus-within{outline:3px solid #2d3751;outline-offset:3px}.b64-app .b64-upload-light{background:#fff;color:#2d3751;margin:0}.b64-app label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.b64-app select,.b64-app input[type=text]{width:100%;min-height:44px;border:1px solid #d8dee7;border-radius:8px;padding:11px;background:#fff;color:#2d3751;font-size:13px}.b64-app textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;resize:vertical;min-height:110px;border:1px solid #d8dee7;border-radius:9px;padding:13px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#2d3751;background:#fff;overflow:auto}.b64-decode-actions{margin-top:14px}.b64-app .b64-primary{background:#2d3751;color:#fff;border-color:#2d3751}.b64-app .b64-primary:hover:not(:disabled){background:#3b4865;color:white}.b64-hint{font-size:11px!important;line-height:1.75;color:#687487;margin:12px 0 0}.b64-run{margin-top:22px}.b64-run>button{background:transparent;border:0;min-height:40px;padding:8px 0;color:#7d643b}.b64-run progress{width:100%;accent-color:#c9a263}.b64-status{margin:12px 0 4px;padding:12px 15px;min-height:44px;background:#edf0f4;border-radius:9px;font-size:12px;line-height:1.65;color:#536078;overflow-wrap:anywhere}.b64-status[data-error=true]{background:#fff0e8;color:#8c3f26}.b64-privacy{border-top:1px solid #e0dfdb;padding-top:18px}.b64-privacy a{display:block;margin-top:5px;color:#82633a}.b64-empty{display:flex;min-height:420px;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 12px;color:#657087}.b64-empty>span{font:italic 42px Georgia,serif;color:#9b8156;margin-bottom:22px}.b64-empty h3{font:26px Georgia,serif;color:#2d3751;margin:0 0 14px}.b64-empty p{font-size:14px;line-height:1.8;max-width:300px}.b64-empty-formats{font-size:9px;letter-spacing:.1em;margin-top:26px;color:#8b7657}.b64-result-heading h3{font-size:17px;margin:9px 0 5px;overflow-wrap:anywhere}.b64-result-heading p{font-size:11px;color:#687487;margin:0 0 16px}.b64-preview-box{display:grid;place-items:center;padding:14px;border:1px solid #e2e5e9;border-radius:11px;background-color:#fff;background-image:linear-gradient(45deg,#e7e9ec 25%,transparent 25%),linear-gradient(-45deg,#e7e9ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e9ec 75%),linear-gradient(-45deg,transparent 75%,#e7e9ec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.b64-preview-box canvas{display:block;max-width:100%;max-height:260px;width:auto;height:auto}.b64-stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:13px}.b64-stats strong{font-weight:600;overflow-wrap:anywhere}.b64-hash{font-size:11px;margin-top:14px;color:#687487}.b64-hash summary{cursor:pointer}.b64-hash code{display:block;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,monospace;margin-top:9px}.b64-download-image{display:inline-block;margin:17px 0 23px;font-size:12px;font-weight:700;color:#82633a}.b64-app fieldset{border:0;border-top:1px solid #e0e4e9;margin:0 0 20px;padding:18px 0 0;min-width:0}.b64-app legend{font-size:12px;font-weight:800;padding-right:12px;color:#59677c}.b64-app .b64-check{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500;margin:12px 0 0}.b64-check input{accent-color:#2d3751;min-width:16px;height:16px;flex-shrink:0}.b64-app #b64-alt-row{margin-top:17px}.b64-output-actions{margin-top:18px}.b64-guide{padding:52px 0 60px}.b64-guide h2{font:31px Georgia,serif}.b64-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:35px}.b64-guide-grid span{font-size:11px;letter-spacing:.1em;font-weight:800;color:#896b3e}.b64-guide-grid h3{font-size:18px;margin:14px 0 10px}.b64-guide p{font-size:14px;line-height:1.8;color:#647085}.b64-related{display:flex;gap:20px 24px;flex-wrap:wrap;border-block:1px solid #e1e4e9;padding:22px 0;margin:30px 0;font-size:13px}.b64-related a{color:#82633a}.b64-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.b64-faq details{border-bottom:1px solid #e1e4e9;padding:14px 0}.b64-faq summary{font-size:14px;font-weight:700;cursor:pointer}.b64-faq p{font-size:13px}
@media(max-width:850px){.b64-workspace{grid-template-columns:1fr}.b64-input-side{border-right:0;border-bottom:1px solid #e4e6eb}.b64-empty{min-height:240px}.b64-preview-box canvas{max-height:300px}}@media(max-width:600px){.b64-top,.b64-input-side,.b64-output-side{padding:22px 18px}.b64-app{border-radius:16px}.b64-top h2{font-size:22px}.b64-drop{padding:24px 16px}.b64-hero-meta{gap:13px}.b64-guide-grid,.b64-faq{grid-template-columns:1fr}.b64-guide-grid{gap:22px}.b64-app button,.b64-app .b64-upload,.b64-secondary{font-size:12px}.b64-output-actions{align-items:stretch}.b64-output-actions>*{flex:1 1 135px}.b64-modes button{font-size:11px}.b64-hero h1{font-size:clamp(34px,10vw,48px)}}

.b64-app .b64-modes button[aria-pressed=true]:hover{background:#3b4865;color:#fff}