Explain the difference between Shadow DOM, Emulated, and None View Encapsulation with compile output.

import { Component, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'app-emulated-styles',
  standalone: true,
  encapsulation: ViewEncapsulation.Emulated,
  styles: 'span { font-weight: bold; }',
  template: '<span>Emulated text styling</span>'
})
export class EmulatedComponent {}

@Component({
  selector: 'app-global-styles',
  standalone: true,
  encapsulation: ViewEncapsulation.None,
  styles: 'span { color: blue; }',
  template: '<span>Global blue span</span>'
})
export class NoneComponent {}