/* Base64-Konverter: Optionen, Binäransicht, Bildvorschau, Datei-Ausgabe. */
[data-tl="base64"] [hidden] { display: none !important; }
.tl-b64-notes { gap: 8px; }
.tl-b64-notes:empty, [data-file-stats]:empty, [data-file-preview]:empty { display: none; }
.tl-b64-wrapopt { display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--ink-2); }
.tl-b64-wrapopt .tl-select { width: auto; padding-top: 7px; padding-bottom: 7px; font-size: 13.5px; }
[data-tl="base64"] .tl-textarea { min-height: 240px; word-break: break-all; }
.tl-b64-bin { display: grid; gap: 10px; min-width: 0; }
.tl-b64-hex { max-height: 260px; font-size: 12px; }
.tl-b64-preview { display: grid; place-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 12px;
  background-color: var(--bg-soft);
  background-image: linear-gradient(45deg, var(--line-soft) 25%, transparent 25%, transparent 75%, var(--line-soft) 75%), linear-gradient(45deg, var(--line-soft) 25%, transparent 25%, transparent 75%, var(--line-soft) 75%);
  background-size: 16px 16px; background-position: 0 0, 8px 8px; }
.tl-b64-preview img { display: block; max-width: 100%; max-height: 240px; min-width: 64px; height: auto; image-rendering: pixelated; object-fit: contain; }
.tl-b64-fileout { max-height: 280px; word-break: break-all; }
.tl-drop [data-drop-icon] { display: inline-grid; place-items: center; }