/* Base64 encoder */
.b64-file-ico { display: grid; place-items: center; color: var(--violet); }
.b64-actions { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 760px) { [data-app="base64-encoder"] .file { grid-template-columns: 48px minmax(0, 1fr); } [data-app="base64-encoder"] .file .thumb { width: 48px; height: 48px; } .b64-actions { grid-column: 1 / -1; justify-content: flex-start; } }
.b64-preview { max-width: 100%; max-height: 320px; width: auto; border-radius: var(--r); border: 1px solid var(--line); background: var(--paper) repeating-conic-gradient(#E8E3F3 0 25%, transparent 0 50%) 0 0 / 16px 16px; }