curl --request POST \
  --url https://api.iotools.cloud/v1/tool/css-scrollbar-style-generator \
  --header 'Authorization: Bearer <token>' \
  --header 'Content-Type: application/json' \
  --data '
{
  "widthPreset": "thin",
  "customWidth": "12",
  "trackColor": "#f1f5f9",
  "thumbColor": "#94a3b8",
  "thumbHoverColor": "#64748b",
  "cornerColor": "#f1f5f9",
  "trackRadius": "8",
  "thumbRadius": "8",
  "floatingThumb": "true",
  "className": "io-scrollbar"
}
'

{
  "tool": "css-scrollbar-style-generator",
  "tool_version": "1.0.2",
  "outputs": {
    "htmlCode": "<div class=\"io-scrollbar\" style=\"height: 220px; overflow-y: auto;\">\n    <p>Scroll me to see the scrollbar in action.</p>\n    <p>This box is just tall enough to overflow.</p>\n    <p>Every line here is filler text.</p>\n    <p>The scrollbar you see is the real generated CSS —</p>\n    <p>not a mockup, not a screenshot.</p>\n    <p>Keep scrolling to reach the bottom.</p>\n    <p>Almost there.</p>\n    <p>Last line — you made it.</p>\n</div>",
    "cssCode": ".io-scrollbar {\n  scrollbar-width: thin; /* Firefox: auto | thin | none */\n  scrollbar-color: #94a3b8 #f1f5f9; /* Firefox: thumb track */\n}\n\n.io-scrollbar::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.io-scrollbar::-webkit-scrollbar-track {\n  background: #f1f5f9;\n  border-radius: 8px;\n}\n\n.io-scrollbar::-webkit-scrollbar-thumb {\n  background: #94a3b8;\n  border-radius: 8px;\n  border: 3px solid #f1f5f9;\n  background-clip: padding-box;\n}\n\n.io-scrollbar::-webkit-scrollbar-thumb:hover {\n  background: #64748b;\n}\n\n.io-scrollbar::-webkit-scrollbar-corner {\n  background: #f1f5f9;\n}"
  },
  "credits_used": 5,
  "credits_remaining": null
}