#colorCanvas {
      border: 1px solid #000;
      cursor: crosshair;
    }
    #imageCanvas {
      border: 1px solid #000;
      cursor: crosshair;
      display: none;
    }
    .color-preview {
      width: 100px;
      height: 100px;
      border: 1px solid #000;
      background-color: #000;
    }
    .color-history-item {
      width: 32px;
      height: 32px;
      border: 1px solid #000;
      cursor: pointer;
      flex-shrink: 0;
    }
    .btn-copy-hex {
      background-color: #198754;
      color: white;
      border: none;
    }
    .btn-copy-hex:hover, .btn-copy-hex:focus {
      background-color: #146c43;
      color: white;
    }
    .btn-pick-screen {
      background-color: #0D6EFD;
      color: white;
      border: none;
    }
    .btn-pick-screen:hover, .btn-pick-screen:focus {
      background-color: #0b5ed7;
      color: white;
    }