Missing right curly brace

Describe the Bug

In the generated CSS code, the right curly brace is missing.

Steps to Reproduce

I uploaded a screenshot of a webpage and asked it to generate the corresponding HTML and CSS code. However, in the generated CSS code, the right curly brace is missing.

Expected Behavior

display right curly brace correctly.

Screenshots / Screen Recordings

Operating System

Windows 10/11

Current Cursor Version (Menu → About Cursor → Copy)

Version: 0.44.6
VSCode Version: 1.93.1
Commit: c3ec37cadfa89b910cafb7ce34b586047902bbc0
Date: 2024-12-21T04:45:23.933Z
Electron: 30.5.1
Chromium: 124.0.6367.243
Node.js: 20.16.0
V8: 12.4.254.20-electron.0
OS: Windows_NT x64 10.0.22631

Additional Information

generate code from a web site screen shot.

Does this stop you from using Cursor

No - Cursor works, but with this issue

Hey, does this happen every time? Which model are you using? What happens if you start a new session? Will that solve the problem? Also, I noticed that you have version 0.44.6. Try updating Cursor by downloading it from this link:

Model:Claude-Sonet 3.5

No, it doesn’t happen every time.
But
The following prompt words will cause this problem to occur.

  1. Upload a picture of a webpage.
  2. Prompt words are:

generate html and css code according to the img