{"ok":true,"result":{"slug":"box-shadow-generator","name":"Box Shadow Generator","summary":"Build a CSS box-shadow from one layer's settings, a JSON list of layers, or a named preset. Colours are validated and re-serialised.","description":"Design CSS box shadows visually: set offset, blur, spread, colour and opacity, stack multiple layers or use inset shadows, then copy the box-shadow CSS.","method":"POST","endpoint":"/api/v1/tools/box-shadow-generator","plan":"free","mcpName":"box_shadow_generator","input":{"type":"object","additionalProperties":false,"properties":{"offsetX":{"type":"number","description":"Horizontal offset in px.","default":0,"minimum":-1000,"maximum":1000},"offsetY":{"type":"number","description":"Vertical offset in px.","default":4,"minimum":-1000,"maximum":1000},"blur":{"type":"number","description":"Blur radius in px.","default":12,"minimum":0,"maximum":1000},"spread":{"type":"number","description":"Spread radius in px (negative shrinks the shadow).","default":0,"minimum":-1000,"maximum":1000},"color":{"type":"string","description":"Shadow colour: hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl() or hsv(). Colour names are not accepted.","default":"rgba(0, 0, 0, 0.25)","maxLength":100},"inset":{"type":"boolean","description":"Draw the shadow inside the box.","default":false},"layers":{"type":"string","description":"Several layers as a JSON array (up to 6), each {\"offsetX\":0,\"offsetY\":4,\"blur\":12,\"spread\":0,\"color\":\"#0003\",\"inset\":false}. Overrides the single-layer fields.","maxLength":5000},"preset":{"type":"string","description":"A named shadow instead of the other fields.","enum":["Soft","Layered","Hard offset","Inset","Glow"],"maxLength":200000}}},"example":{"offsetX":0,"offsetY":8,"blur":24,"spread":-4,"color":"rgba(15, 23, 42, 0.2)"},"randomOutput":false,"network":false,"docs":"https://pithlab.com/developers/tools/box-shadow-generator","page":"https://pithlab.com/tools/box-shadow-generator"}}