This example demonstrates how SVG shapes can be styled and grouped using CSS and inline attributes. It displays circles, rectangles, lines, and a path within a single SVG element, with nested transformations applying scaling and translation. The code uses raw SVG markup with a `<g>` element for grouping, CSS classes for stroke and fill properties, and inline presentation attributes like `fill` and `stroke-width`. The gallery shows basic vector graphics composition without relying on any JavaScript libraries, using only HTML, CSS, and native SVG elements.