Your web page isn’t being served from your Shortcuts folder via a web server. It is just rendering a standalone page, so your path to the CSS file is not pointing where you think it is. I t will probably be in some temporary file path where Shortcuts builds the page to preview.
If you hosted your CSS online and could access it via a URL, you could use that fully qualified URL in your HTML,
If you want to work locally without any web server, then embedding the CSS is the way to go.
Howevrr, if you want to reuse the CSS across multiple shortcuts, and work locally (no online hosting of the CSS), you do have some options:
- Build your rendering processing separately in a second shortcut and pass in the data to display to it.
- Include the CSS in your HTML via reading in the content from your existing file, and inserting the content.
- Include the CSS in your HTML via a persistent variable using say Data Jar as your Shortcuts storage utility, and inserting ithe content.