/* Reuse the text-tool controls and network guide components. */
#text-base64-converter .json-toolbar { align-items:center; }
#text-base64-converter .json-toolbar p { margin:0; }
#text-base64-converter textarea.form-control,
#text-base64-converter .base64-preview { min-height:180px; height:clamp(180px,35vh,360px); padding:16px; font:inherit; line-height:1.65; }
#text-base64-converter textarea.form-control { resize:vertical; }
#text-base64-converter textarea[aria-invalid="true"] { border-color:#c92a2a; }
#text-base64-converter .json-privacy { display:block; }
#text-base64-converter #base64-base64 { direction:ltr; text-align:left; }
#text-base64-converter .json-pane-header { flex-wrap:wrap; gap:8px; }
#text-base64-converter .base64-actions { display:flex; gap:8px; margin-inline-start:auto; }
#text-base64-converter .base64-preview { display:flex; align-items:center; justify-content:center; margin:0; overflow:hidden; }
#text-base64-converter .base64-preview img { display:block; width:100%; height:100%; object-fit:contain; }
#text-base64-converter .is-dragging textarea,
#text-base64-converter .is-dragging .base64-preview { outline:3px solid rgba(37,99,235,.24); outline-offset:2px; }
#text-base64-converter [hidden] { display:none!important; }

@media (max-width:767px) {
  #text-base64-converter .json-toolbar { align-items:stretch; }
}