.b64-code{font-family:var(--font-mono);word-break:break-all;font-size:.8125rem;line-height:1.5}.b64-output{background:var(--bg-secondary);min-height:220px}.b64-preview{border:1px solid var(--border-card);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--bg-tertiary) 0% 25%, var(--bg-secondary) 0% 50%) 50% / 18px 18px;place-items:center;min-height:180px;padding:.75rem;display:grid}.b64-preview img{object-fit:contain;max-width:100%;max-height:260px}.b64-file{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.b64-thumb{border:1px solid var(--border-card);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--bg-tertiary) 0% 25%, var(--bg-secondary) 0% 50%) 50% / 12px 12px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.b64-thumb img{object-fit:contain;max-width:100%;max-height:100%}.b64-file-name{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-weight:600}@media (width<=768px){.b64-code.ui-input{font-size:1rem}}