.b64-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.b64-page .nf-panel{margin:0}.b64-page textarea{height:clamp(340px,42vh,560px);min-height:340px}.b64-page .b64-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0;position:sticky;top:95px;z-index:10;padding:14px;background:#20172c;border:1px solid #7e5d96;border-radius:12px;box-shadow:0 6px 18px #0005}.b64-page .b64-bar label{width:220px;margin:0}.b64-page .b64-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.b64-page .b64-options .nf-check{margin:10px 0}.b64-page .b64-file{padding:16px;border:1px dashed #9b79b3;border-radius:12px;background:#2b2037}.b64-page .b64-file p{margin:8px 0;font-size:13px}.b64-page #b64Output{white-space:pre;overflow:auto}.b64-page .b64-meta{padding:12px 16px;border:1px solid #665274;background:#17101f;border-radius:9px;margin:14px 0;font-size:13px}.b64-page .b64-result{scroll-margin-top:230px}.b64-page .b64-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}@media(max-width:850px){.b64-grid{grid-template-columns:minmax(0,1fr)}.b64-page .b64-bar{position:static}.b64-page .b64-result{scroll-margin-top:95px}.b64-page textarea{height:280px;min-height:280px}.b64-page .b64-options{grid-template-columns:minmax(0,1fr)}}